«Я теперь не просто фронтендер, я прокачался и стал мидлом»

Так скажет джун, пройдя новый курс «Мидл-фронтенд-разработчик».

Обучение строится на трёх модулях, где вы сначала изучаете базовый минимум: React, TypeScript и CSS-in-JS на примере styled-components. На втором модуле углубляетесь в изучение алгоритмов и структур данных, основ протоколов и сетей, узнаёте, как применять в работе паттерны проектирования.

На третьем модуле консультируетесь с экспертами. Они помогут правильно подготовить резюме, а ещё расскажут, как проходить интервью.

На курсе предусмотрено 18 часов консультаций — задавайте вопросы экспертам, решайте трудные задачи вместе.

Записаться

Ключевые навыки фронтендеров в 2022

Мы провели ежегодное исследование рынка фронтенд-разработки. Проанализировали 2391 вакансию для фронтенд-разработчиков и JavaScript-разработчиков с HН.ru, Хабр Карьеры и Geekjob. Выяснили, какие навыки ждёт работодатель от разработчика в 2022 году. Ещё немного узнали про медианные зарплаты.

Читать, чтобы обновить резюме

Пошаговый план вёрстки макета

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

А если останутся вопросы, то приходите на открытый урок по вёрстке 15 сентября в 13:00. Коля Шабалин — автор курсов по вёрстке в HTML Academy, в прямом эфире будет показывать, как сверстать лендинг с нуля и поделится всеми секретами, как сделать этот процесс быстрым и безболезненным.

Записаться на лайв

Увидеть план вёрстки

Остался один день до конца распродажи курсов и пакета «Мастхэв для фронтендера»

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

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

На курсе «TypeScript: теория типов» сможете разобраться, как работает TypeScript, правильно использовать его в любых проектах и снизить риски забытых дефектов в коде.

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

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

Успейте прокачать свои навыки со скидкой

Коротко и по делу. Свежий дайджест, чтобы вы не скучали на выходных 🧡

На канале

Полезная шпаргалка для разрабов
https://t.me/htmlacademy/6395

Typescript надо?
https://t.me/htmlacademy/6399

Почему таблички в лендинге больше не разъезжаются 🤔
https://t.me/htmlacademy/6411

В комьюнити

Не использовать JS на стороне клиента 🙀
https://t.me/c/1472921054/373023

Самая настоящая рулетка 🍀
https://t.me/c/1472921054/373079

8 шагов, чтобы сделать сайт для миллионов пользователей

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

Читать

Нужно ли покупать новый компьютер для вёрстки

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

На что ещё нужно обратить внимание читайте в статье

Прошли тренажёры по HTML и CSS? Пора познакомиться с JavaScript

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

Клик для начала тренировки

Привет! Мы стремимся к тому, чтобы вам с нами было интересно и полезно проводить время. Поэтому, мы хотим узнать ваше мнение о нашем контенте в соцсетях, чтобы совершенствоваться и быть лучше 💜

Что вы хотели бы видеть в соцсетях Академии?

Сентябрьский отчёт курса по JavaScript случился

Завершился 26 поток нашего первого курса по JavaScript. Его закончили 252 студента, которые прошли через обновлённую программу обучения.

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

Читать, чтобы быть в курсе последних новостей

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

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

BrowserStack

https://tml.io/qkwia — покажет, как выглядит вёрстка в разных браузерах.

Генератор HTML-дерева

https://tml.io/bf142 — покажет структуру разметки и структуру заголовков на странице.

PerfectPixel

https://tml.io/dvuhr — плагин, который покажет насколько вёрстка близка к макету.

Подробнее о том, почему этот плагин нужен и как с ним работать


CSS Peeper

https://tml.io/x42wz — расширение, которое позволит быстро промониторить стили, картинки, и снять размеры без открытия инструментов разработчика.

Не благодарите — пользуйтесь.

Давно хотите попросить зарплату побольше? Изучите паттерны проектирования, дизайн, CSS-in-JS и анимации, чтобы показать себя в деле.

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

Научиться решать подобные задачи и закрепить знания на практике вы сможете на курсах в Академии:

«Паттерны проектирования»

«Дизайн для фронтендеров»

«CSS-in-JS»

«CSS-анимации»

Обучение можно начать со скидкой 30% до 2 октября включительно.

В 2009 году было решено праздновать «День программиста» каждый 256 день года и сегодня этот день настал. Всем, кто уже работает, желаем развития и грейдов побольше. А тем, кто только учится, отправляем лучи поддержки и терпения.

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

Собираемся в 13:00. Будем обсуждать, зачем и когда наставник нужен студенту, как его выбрать и что делать, если сработаться не получилось.

Отвечать на вопросы будет Андрей Захарченко, руководитель команды сопровождения студентов, — это его первый лайв, приходите поддержать. Помогать будет Серёжа Попов, руководитель фронтенд-аутсорса «Лига А.».

Записаться

Вы работаете над проектом. В выходной приходят правки, которые нужно исправить здесь и сейчас. Стикер в комментариях — ваша реакция 😉

Новые фронтенд-новости уже в блоге — пора узнать три главных новости за неделю с 5 по 11 сентября

Руководство по оценке доступности цифровых продуктов от W3C

Почитайте руководство по оценке и улучшению своих бизнес-процессов для создания веб-проектов, доступных для людей с дополнительными требованиями.

Доступ к камере с помощью HTML и атрибута capture

Узнайте, как разрешить пользователям сделать фото, снять видео или записать войс, пока ваш сайт грузится у них в телефоне.

История JavaScript с 1994 по настоящее время

От эпохи Netscape до создания Deno и официального прекращения использования Internet Explorer.

Ещё в выпуске 12 советов по улучшению UX, секреты бесконечной прокрутки и плагин для классного отображения JSON.

Читайте и узнавайте новое

Через 15 минут начнётся лайв «Как наставник помогает в обучении программированию». Расскажем, кто такие наставники и зачем они нужны.

Записывайтесь и присоединяйтесь