HTML Academy
9.86K subscribers
5.42K photos
181 videos
4 files
3.41K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Forwarded from CSS Боль
Больше знаешь — крепче спишь (девиз ордена Хранителей)

Новая истина для айтишников. Причём именно в такой формулировке.

Бизнес с удовольствием заменил бы всех разработчиков на оркестры агентов, но мешает одно «но» — автобусное число.

Кто-то должен знать, как устроена система, как устроены эти оркестры, и нести за это ответственность. Короче, каждой системе нужен Хранитель, а лучше — несколько. Хранителей не уволят, хранителей будут беречь: они ценны, а выращивать новых очень дорого.

Когда орден Хранителей для каждого продукта будет создан и угроза автобусному числу исчезнет, бизнес начнёт избавляться от рядовых разработчиков, которые занимаются рутиной. Задачи уволенных будут передаваться в оркестры.

Кого же выберут в Хранители? Тех, кто лучше, полнее и глубже знает свой продукт, свою систему, свой оркестр.

Так что больше знаешь — крепче спишь.

Резервный канал в MAX
❤‍🔥4🔥3👍2
innerHTML вставляет в DOM всё подряд — включая <script>, обработчики событий и другие векторы XSS. Годами единственной защитой были сторонние библиотеки вроде DOMPurify.

Firefox 148 стал первым браузером, реализовавшим Sanitizer API — нативную санитизацию прямо при вставке HTML. Метод setHTML() автоматически вычищает опасные элементы до того, как они попадут в DOM. А в марте подтянулся и Chrome 146. Разбираем, как перейти с innerHTML на setHTML(), как настроить конфигурацию санитайзера и зачем сочетать его с Trusted Types. #js #html

🎁 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥3❤‍🔥1
fetch() отправляет запрос — а что происходит дальше, между вашим кодом и сервером?

На курсе «Протоколы и сети: основы» разбираем весь путь: модель OSI, стек TCP/IP, разницу между HTTP/1.1, HTTP/2 и HTTP/3, работу TLS и сертификатов. Отдельный раздел — WebSockets и когда они действительно нужны.

Четыре кейса и две практические задачи: от предварительного открытия TCP-соединений до оптимизации проекта под HTTP/2. #htmlacademy #levelup

🎁 Смотреть программу
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥2❤‍🔥1
Forwarded from CSS Боль
Когнитивная пропасть и нейросети

Многие уверены: нейросети облегчили вход в айти. Но в жизни всё ровно наоборот. ИИ не облегчил вход в айти, а серьёзно его усложнил. На пути новичка появилась настоящая когнитивная пропасть.

Без упоминания «поверхностных вайбкодеров» рассказ не выйдет. Это ребята, которые не разбираются в разработке, но умело пользуются нейросетями и даже ваяют какие-то IT-продукты. Казалось бы, отличный пример легчайшего входа в айти через владение ИИ. Но малину портят два но:

1. Низкий (почти отсутствующий) порог входа в вайбкодинг

Если ИИ осваивается за пару недель, то сколько вайбкодеров наплодится за полгода? Сотни тысяч, миллионы? Низкий порог входа всегда приводит к гигантской конкуренции и отрицательной рентабельности в каждой сфере.

Короче, на вайбкодинге очень скоро будет не заработать.

2. Пропасть в эффективности между разработчиками и вайбкодерами

Сильный разработчик, который отлично владеет ИИ, заменяет сотни поверхностных вайбкодеров. Он выдаёт результат быстрее, качественнее, дешевле. А ещё он решает задачи, которые вайбкодеру не поддались, потому что разработчик видит решение задачи до того, как начинает писать промт.

А теперь задайте себе вопрос. Кто нужен серьёзному бизнесу, в котором можно построить профессиональную карьеру? Поверхностные вайбкодеры или сильные разработчики, хорошо владеющие ИИ.

Теперь для входа в айти (и для последующего роста) критически важны:
– глубокие технические навыки (шире и глубже, чем требовались раньше);
– навыки проектирования систем, декомпозиции и постановки задач (которые вообще-то у разработчиков развиваются годами по мере набора опыта);
– умение работать с нейросетями.

Требования для входа в айти из-за ИИ не упали, а выросли в разы.

Это и есть когнитивная пропасть.

Для подготовки кадров это означает, что надо давать глубокую базу и после неё обучать владению ИИ. Мы в Академии уже перестроили под это свои программы. Посмотрите, как это устроено, на примере «Нейрофронтендера».

📲 Резервный канал в MAX
5🔥2❤‍🔥1
Media is too big
VIEW IN TELEGRAM
Проблема HeadHunter

HeadHunter внедрил новую систему, которая убирает из поиска поддельные резюме. Рынок всё больше ориентируется на доказательный подход в найме. Однако у большинства разработчиков таких подтверждений квалификации нет, а их получение требует много времени и средств.

Именно поэтому возникают форматы, позволяющие достоверно подтвердить свой уровень. Подробнее о них рассказываем в одном из выпусков «CSS Боли».
❤‍🔥22🔥1
«Мидлы без ИИ скоро будут грустить» — что ещё прозвучало на эфире с Зионеком

Час разговора с техническим директором — про ИИ в разработке, стек и путь от обучения до штата. Несколько моментов, ради которых стоит включить запись:

❤️ Почему техдир раздал Cursor всей команде, но считает вайб-кодинг ловушкой
❤️ Как компания ускорила поиск по складам в 35 раз с помощью Tarantool
❤️ Зачем перевели фронтенд с React на Vue.js — прагматичная причина, которую редко озвучивают

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎁 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥72❤‍🔥2
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Третий сезон чемпионата по вёрстке идёт уже неделю — участники верстают макет от Mish и прорабатывают детали. Продолжаем знакомить с партнёрами-работодателями.

Уралмедиас — аккредитованная IT-компания и digital-агентство с фокусом на промышленный B2B. Входит в ТОП-100 агентств России по версии Рейтинга Рунета.

«Красная Рамка» — digital-студия, которая делает сайты, сервисы и мобильные приложения. Специализируется на нестандартных проектах: высоконагруженные платформы, стартапы, геймифицированные интерфейсы.

SOK — разрабатывает интернет-магазины, B2B-платформы и корпоративные порталы.

Все партнёры смотрят на результаты участников чемпионата.

👍 Профессиональный трек

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3❤‍🔥2👍1🔥1
Поповеры и диалоги выглядят одинаково — всплывающее окно поверх страницы. Путаница начинается, когда нужно выбрать между Popover API и Dialog API.

Ключевое отличие — в управлении фокусом. Popover API возвращает фокус триггеру, закрывается по клику мимо и по Escape. Dialog API с методом showModal() ловит фокус внутри окна и не отпускает, пока пользователь не примет решение. Для тултипов, меню и уведомлений — Popover API. Для модальных окон — <dialog>. #html #a11y

Разбираем, как они устроены и что учесть при выборе.

🎁 Читать статью

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥5❤‍🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Круговой прогресс-бар на CSS, уровень два: закруглить концы. Одно требование — и в коде появляются sin() и cos().

Показываем, как из двух градиентов и тригонометрии собрать такой прогресс-бар.

Демонстрация | Смотреть на YouTube | Смотреть в VK
3❤‍🔥1🔥1
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Продолжаем знакомить с партнёрами-работодателями чемпионата по вёрстке. Сегодня — компании, которые уже давно сотрудничают с HTML Academy.

Only — агентство с фокусом на аналитику, дизайн и разработку цифровых продуктов. Среди клиентов — «Сибур», VK, «Сбер».

Bquadro — агентство полного цикла. Разработка сайтов и сервисов для недвижимости, промышленности и e-commerce.

WebRise — заказная разработка: фронтенд, бэкенд, мобильные приложения, дизайн и DevOps.

Все эти компании смотрят на результаты участников чемпионата.

👍 Профессиональный трек
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥2👍21🔥1
Предсказания от HTML Academy
Что вам выпало?

Резервный канал в MAX
❤‍🔥6🔥42
Forwarded from CSS Боль
Прощай, квадратный веб

Chrome радует скоростью релиза новых фич. Совсем недавно, в начале февраля, мы обсуждали новости про экспериментальную фичу — свойство border-shape. А спустя два месяца, 7 апреля 2026, фича уже в релизе в Chrome 147.

Напомню, чем так мил border-shape. Свойство позволяет задавать произвольную форму блока с помощью функции shape(), которая уже используется в clip-path, и с которой многие уже знакомы.

Но главное, что эту форму понимают все остальные декоративные свойства — рамки, тени, аутлайны. Эту форму видит и внутренний контент. Так что выход border-shape можно смело называть революцией.

И ещё один приятный момент. Сама функция shape() находится в интеропе 2026. А значит, что и border-shape во всех браузерах может появиться быстро.

В общем, всех поздравляю с обновкой! А я пошёл думать над интерактивным курсом по border-shape.
🔥1062❤‍🔥1
Рекрутёры всё реже верят резюме на слово. Слишком легко приукрасить опыт — и слишком сложно это проверить по тексту.

Поэтому при отборе растёт вес цифрового профессионального следа: публичные проекты, статьи, выступления, победы в чемпионатах. Всё, что подтверждает навыки и что нельзя подправить задним числом.

Разбираем, из чего складывается такой след и как он влияет на решение о найме.

🎁 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥22🔥1
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Завершаем знакомство с партнёрами-работодателями третьего сезона чемпионата по вёрстке.

«5 углов» — интегратор Битрикс24, входит в топ-20 интеграторов России.

ОФЭП — агентство интернет-маркетинга. Разрабатывает сайты, занимается SEO, продвижением на маркетплейсах и PR.

Coding Team — разработка сайтов, мобильных приложений и AI-решений. Больше 200 реализованных проектов.

Всего за результатами третьего сезона следят больше 30 компаний. До конца активной части чемпионата осталось несколько дней.

👍 Профессиональный трек
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥2🔥11