Вместе с MediaMint запускаем совместную программу обучения фронтенд-разработчиков

Сегодня в 12:00 (MSK) — прямой эфир с CEO. Компания работает с 2014 года, за это время — больше 270 проектов в самых разных отраслях. Внутри команды верстальщиков растят до фулстеков на реальных задачах, с наставниками. На эфире расскажут, зачем им новички с программы обучения и какой путь ждёт выпускников.

Успеть в первую сотню регистраций — последний шанс попасть в розыгрыш бесплатного места на программе. Результат объявим в прямом эфире.

https://htmlacademy.ru/events/live-mediamint

Через час эфир. Подведём итоги чемпионата по вёрстке 3: разберём проекты участников вместе с экспертами из бигтех-компаний, которые их проверяли, и объявим победителя сезона.

Подключайтесь в YouTube или в VK Video.

Спросили у нейросети, как работает useEffect. Помогло. Через месяц на интервью просят объяснить — рассказать своими словами не получается.

Готовый ответ создаёт иллюзию понимания. Знания закрепляются, когда задача упирается и вы долго разбираетесь сами. Психологи называют это «желательными трудностями» — их обходят, когда отдают учёбу нейросети, и платят позже: на ревью, на интервью, в чужой кодовой базе.

В статье — обзор задач, где ИИ лучше отложить. Самая очевидная категория — обучение чему-то новому: готовые ответы убивают сами «желательные трудности». Сложные анимации лучше делать руками, пока не чувствуете тайминг и физику движения. Низкоуровневая оптимизация требует читать профайлер, которого нейросеть не видит. Архитектурные решения зависят от контекста команды и проекта. И отдельная история — код, влияющий на пользователей: тёмные паттерны в интерфейсах, аналитика, которая собирает больше нужного, и алгоритмы ранжирования. Это этический выбор разработчика, и промпт его не закроет.

Простой тест перед делегированием: если ИИ напишет код, а вы его не прочитаете — это станет проблемой? #ai #webdev

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

Самый крупный текст на макете — это всегда <h1> страницы?

Часто — нет.

Возьмём страницу магазина мороженого «Глейси». Крупное «Нежный пломбир с клубничным джемом» — это заголовок одного из слайдов: на следующем слайде стоит другой текст. Заголовок первого уровня для всего документа — «Магазин натурального мороженого Глейси». На макете этого заголовка нет: разработчик добавляет его в HTML отдельно, скрытым через класс visually-hidden.

Заголовок в HTML — это резюме содержимого блока. Крупный текст без такой функции лучше размечать как обычный абзац, а заголовок к блоку добавлять отдельно — скрытым через тот же класс. Так структуру корректно прочитают скринридеры и поисковые системы, а макет визуально не пострадает.

В статье — как разбирать макет на заголовки и когда нужны скрытые <h2>. И отдельно — про инструмент проверки иерархии заголовков в валидаторе W3C. #html #webdev

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