Через 15 минут начнётся лайв «Как войти в IT: руководство для начинающих разработчиков».

Вас ждёт небольшой сюрприз: вместо Лёши Симоненко будет Игорь Антонов, автор курсов по JavaScript. Игорь не первый год помогает новичкам стартануть в профессии. Готовьте ваши вопросы и присоединяйтесь.

#htmlacademy_мероприятия

Уже завтра выходит Hogwarts Legacy. Пишите в комментариях «Распределяющая шляпа», а мы скажем ваш факультет

Делегируем задачи по вёрстке компьютеру и автоматизируем работу с помощью Node.js.
С помощью автоматизации можно переводить файлы, написанные и понятные разработчику, в сжатые коды, понятные браузеру, и формировать финишный пакет приложения.

Какие задачи можно автоматизировать?
Например, минификацию файлов (html, css, js), сжатие изображений, получение изображения определенных форматов (webp), сборку файла sprite.svg, сборку пакета приложения.

А как это сделать?
Читайте тут

#htmlacademy_статьи

День рождения Академии 🥳
HTML Academy уже больше 10 лет выпускает востребованных веб-разработчиков, а 22 февраля нам исполнится 11 лет.

Мы долго думали, как отметить, и решили, что нет ничего лучше, чем разделить праздник с вами. Поэтому с 18 по 22 февраля мы откроем доступ к платным материалам для всех желающих — с их помощью вы напишете первые строчки кода и попробуете себя в разработке.

Среди всех участников разыграем призы, один из которых — бесплатное место на профессии «Фронтенд-разработчик». Для участия в розыгрыше профессии нужно пройти не меньше 50% программы марафона.

Уже можно записаться.

#htmlacademy_мероприятия

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

В конце формы можно анонимно написать пару ласковых и не очень замечаний нашему сммщику, а такое пропускать не рекомендуем.

Страх, отчаяние, первые успехи, эйфория после завершения — вот что вас ждёт на курсе «JavaScript. Профессиональная разработка приложений», который стартует завтра, 14 февраля.

У нас в программе:
✺ Основы JavaScript.
✺ Объекты и массивы.
✺ Встроенные объекты и функции.
✺ Принципы организации кода.
✺ DOM и события.
✺ Манипуляции с DOM.
✺ Работа с событиями.
✺ Внешние API и сторонние библиотеки.
✺ Сеть: протокол HTTP и формат данных JSON.
✺ Асинхронность. Работа с сетью.

Вы сразу будете применять полученные знания на практике, и к концу курса создадите свой «Кекстограм» или «Кексобукинг».

Чтобы начать учиться, понадобится от 4 650₽. Записаться можно на лендинге.

П.с. Кому нужен день влюблённых, когда есть JavaScript?

#htmlacademy_обучение

Как избежать ошибок при выполнении тестового задания.

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

#htmlacademy_статьи

Начните сегодня и станьте разработчиком за 12,5 месяцев — старт профессий «JavaScript-разработчик» и «Фулстек-разработчик»

Стать разработчиком — дело не быстрое, но комфортная жизнь, интересная работа, высокая зарплата и возможности для развития того стоят.

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

Сегодня профессии уже стартуют и это последний день, чтобы начать обучение вместе с основным потоком, следующий старт через 3 месяца.

Стать «JavaScript-разработчиком»

Стать «Фулстек-разработчиком»

#htmlacademy_обучение

Собираем вакансию мечты:

1. Гибкий график, четырёхчасовой рабочий день
2. Оплата проезда, обеда, подписки на Нетфликс и корма для кота
3. Возможность ходить по офису в любимой пижаме

Дополняйте список в комментариях ✍️

Фронтенд-новости 43. Дайджест новостей и полезных статей о фронтенде.

💫 Что нового

Google Chrome 110, DevTools 110, Lighthouse 10, Chrome 111 beta

Safari Technology Preview 163

Node.js v19.6.0 (Current) с npm 9.4.


🧬 HTML и CSS

Руководство по адаптивному дизайну в 2023 году.

Как создать «макет журнала» с помощью областей CSS Grid.

Стратегия color-contrast() для дополнительных полупрозрачных фонов.

Как сделать фавикон в 2023 году: шесть файлов от Андрея Ситника.

Тестирование доступности цвета с помощью Dev Tools.

🏝️ JavaScript

Десять тенденций веб-разработки в 2023 году.

Создание стильного макета Masonry с использованием CSS и JavaScript.

Особенности Page Visibility API.

Интригующая прогулка по воспоминаниям о критике против React на протяжении многих лет.

Эффективные компоненты высшего порядка (HOC). Скорее всего, вы уже заменили ХОКи на хоки, но тем неменее всё ещё можно создать производительные компоненты на основе ХОКов.

Если вам нужны причины почему Реакт не умирает, то вот они.

Эван Ю рассказывает, чего ожидать в 2023 году от Vue.js.

Ada 1.0: новый анализатор URL-адресов Node.

Puppeteer в Node: типичные ошибки, которых следует избегать.

Будущее (и прошлое) Интернета — это рендеринг на стороне сервера.

Об использовании Playwright в GitHub Actions

🦭 Всякое ещё

WebHID + контроллер. Узнайте, как получить доступ к дополнительным кнопкам вашего контроллера с помощью WebHID.

Возможен ли Blink и Gecko в iOS? Mozilla продолжает работу над движком Gecko для iOS, а Google их в этом поддерживает.

Bing и Edge добавляют ИИ в поиск.


Подпишитесь на @html_blog, чтобы не пропустить следующие выпуски.

Бесплатный учебник по PHP.

PHP — язык для бэкенда, но разбираться в основах будет полезно и фронтенд-разработчику. Так вы сможете понимать, что делает ваш коллега по проекту и увеличить привлекательность вашего резюме ещё одной строчкой навыка.

Учебник лежит тут.

#htmlacademy_статьи

На канале «Как стать мидлом» вы можете найти материалы более сложного уровня, которые помогут вам развиваться в профессии, а ещё у ребят сейчас розыгрыш подарков, подробности в посте ниже 👇

22 февраля у Академии День рождения, нам исполняется 11 лет. В честь праздника разыгрываем подарки.


Среди покупателей любого пакета курсов в период 13-21 февраля разыграем 2 карьерные консультации. Вместе с HR-экспертом вы поработаете над резюме, сможете подготовиться к собеседованию и сделать следующий шаг в своей карьере.

Среди покупателей любого курса для практикующих разработчиков в период 13-21 февраля разыграем 3 автоматизированных скоринга для фронтендеров. Вы сможете оценить свои технические навыки и понять, куда двигаться дальше.

Победителей определим на лайве «День открытых дверей», который пройдёт 22 февраля в 13:00 по мск по этой ссылке. Мы заранее отправим вам письмо с напоминанием.

Верстальщику в помощь — подборка инструментов для проверки вёрстки

Сверстали сайт? Самое время его протестировать. В подборке найдёте базовые инструменты, которые помогут проверить вёрстку на ошибки.

BrowserStack.
Покажет, как выглядит вёрстка в разных браузерах.

Генератор HTML-дерева.
Покажет структуру разметки и структуру заголовков на странице.

PerfectPixel.
Плагин, который покажет насколько вёрстка близка к макету.

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

#htmlacademy_полезное