📰 Главные фронтенд-новости прошлой недели:
Проект HTTP/3 опубликован после пяти лет разработки. Кажется, некоторые важные функции протокола QUIC, о котором все говорят в последнее время, станут частью HTTP.

На замену History API пришло Navigation API. Работать с историей браузера станет проще, а старому API давно пора остаться в истории (извините).

Firefox стал поддерживать WebContainers. Теперь можно делать приложения на Node.js в Chrome, Edge и Firefox. Ждём Safari для полного счастья?

Узнайте, как эти и другие анонсы повлияют на вашу работу в десятом выпуске «Фронтенд-новостей» —https://tml.io/fybgp

🔟 способов найти работу после курсов по фронтенду

Выпускники курсов по JavaScript часто спрашивают, что делать после обучения. Где искать работу? Какую область разработки выбрать?

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

Некоторыми рекомендациями очень просто воспользоваться, некоторыми сложнее. Они отсортированы по субъективной степени сложности реализации, но как на самом деле — станет понятно только на практике.

Читать

🌻 Зачем на сайтах анимация?

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

Поэтому у разработчиков есть выбор — можно использовать CSS, SVG или JavaScript-анимации. Главное выбрать правильный тип анимации для каждого случая и хорошо её оптимизировать, чтобы она плавно работала у всех пользователей.

Как раз об этом новая статья. А ещё покажем, как сделать простую анимацию с помощью свойства animation — читайте и узнавайте что-то новое.

Что общего между вопросами «Кем вы видите себя через 5 лет» и «Чем отличаются флексы от гридов»? И тот, и другой могут задать на собеседовании.

Если ответ на первый вопрос вы можете придумать самостоятельно, то для второго нужна техническая база. Какая? Разберём на онлайн-собеседовании верстальщика, которое пройдёт 21 июня в 17:00.

Собеседуют Серёжа Попов — руководитель фронтенд-аутсорса «Лига А.», и София Петлякова — ведущий менеджер по персоналу HTML Academy. Серёжа подготовил вопросы по вёрстке, а Соня проверит софт-скиллы.

Пробуется на вакансию Ирина Пылыпив — студентка профессии «Фронтенд-разработчик».

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

Когда мы пишем код, мы постоянно туда что-то добавляем, удаляем, и иногда всё может ломаться. Поэтому перед любыми изменениями стоит сделать копию проекта. Если собирать проекты в папки с именами проект1, проект1_финали проект2_доделка, вы быстро запутаетесь и точно что-нибудь потеряете. Поэтому для работы с кодом используют системы контроля версий.

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

Git — самая популярная система контроля версий. С Git можно работать через командную строку (или терминал). В каждой системе своя встроенная программа для работы с командной строкой. В Windows это PowerShell или cmd, а в Linux или macOS — Terminal.

Рассказали о Git и работе с ним через консоль в нашей статье.

Сэкономьте до 50 000 рублей на покупке профессий

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

Заполните форму на сайте до 27 июня, чтобы закрепить за собой скидку.

Доступ к первому разделу откроется сразу. У вас будет возможность пройти подготовительный раздел без спешки. Это даст большую фору во время основного обучения.

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

Начать обучение:
Профессия «Фулстек-разработчик» — https://tml.io/qj2co
Профессия «React-разработчик» — https://tml.io/qeuwe

🔥 3 курса, 3 дня и 30% скидка

До 19 июня даём скидку сразу на три курса и пакет «Золотой»:

— «Алгоритмы и структуры данных». Узнаете, как писать быстрый и чистый код и правильно выстраивать архитектуру проекта. А ещё сможете проходить собеседования в крупные компании, ведь там любят спрашивать про алгоритмы.

— «TypeScript. Теория типов». Научитесь кодить быстрее и без ошибок, а ваш код будет проще читать и поддерживать.

— «Анимации, часть 1. CSS-анимации». Сможете создавать простые и сложные анимации, чтобы сделать сайт красивым.

— пакет «Золотой» — три курса вместе с дополнительной скидкой 10%.

Подробнее о пакете «Золотой» и входящих в него курсах

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

Есть много графических редакторов, и какой из них выбрать непонятно. Поэтому мы взяли две популярные программы — Photoshop и Figma — и сравнили их. Что из этого получилось, можно почитать в статье.

Если вы ещё не определились, флексы или гриды, то вам стоит пересмотреть лайв с Колей Шабалиным — в мае он проводил открытый урок по сеткам.

На лайве обсудили:

— Что такое вёрстка и как работать с боксовой моделью документа.
— Особенности вёрстки на флексах.
— Особенности вёрстки на гридах.
— Практика: верстаем карточку товара на флексах и гридах.

Посмотреть лайв можно здесь, а если вы уже смотрели — делитесь впечатлениями😉

🔮 случайный совет дня #87
Поставьте пароль на телеграм, иначе эти советы кто-то украдёт

Завтра в 17:00 проведём онлайн-собеседование верстальщика.

Собеседуют Серёжа Попов — руководитель фронтенд-аутсорса «Лига А.», и София Петлякова — ведущий менеджер по персоналу HTML Academy.

Пробуется на вакансию Ирина Пылыпив — студентка профессии «Фронтенд-разработчик».

Покажем, как проходят собеседования веб-разработчиков, расскажем, как всё устроено в IT, и что ждёт тех, кто только собирается сменить профессию.

Если вы ещё не записались — скорее исправляйте

https://tml.io/9l8ed

🟧 Обзор Chrome DevTools. Решаем основные задачи разработчика

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

Давайте разберёмся, какие задачи можно решить с помощью Chrome DevTools.

Cloudflare начинает тестирование Private Access Tokens вместо CAPTCHA. Неужели скоро мы перестанем выбирать все автобусы среди пожарных гидрантов? Или станет еще хуже?

Исследователи изучили 1 000 000 сайтов и говорят, что jQuery самый популярный. Почему тогда никто не признаётся, что использует его? Очень странные дела.

Figma начала поддерживать вариативные шрифты. Вариативные шрифты — это как на гифке.

Больше новостей: https://tml.io/tcwqd