Сэкономьте до 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

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

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

Читать

Через 15 минут начинаем онлайн-собеседование верстальщика — покажем, как проходят собеседования в IT, и ответим на вопросы из чата.

Присоединяйтесь — https://tml.io/winjk

Распродажа — и точка

Скидка 60% на навыки, дерево навыков и проекты.

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

Вы сможете набить руки и начать верстать настоящие проекты, а не просто решать примеры.

Купить со скидкой — https://tml.io/pp22l

Отзыв Дмитрия Мутохляева — студента курса «HTML и CSS. Адаптивная вёрстка и автоматизация».

Оба курса по HTML открыли мне глаза на многие тонкости вёрстки: git, правильная разметка страниц, тестирование вёрстки, автоматизация, доступности и оптимизация. Курс будет полезен даже тем, кто давно изучает вёрстку.

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

Курс «HTML и CSS. Адаптивная вёрстка и автоматизация» стартует 25 июля, успейте записаться.

Мы уже разобрались со вкладкой Elements, а теперь продолжаем знакомство с другими важными частями DevTools — вкладками Console, Sources и Network.

А также приятный бонус — расскажем, как сделать скриншот всей страницы в Chrome без плагинов.