Когда: 18-22 октября

Для кого: для новичков в разработке, которым нужна дополнительная мотивация к обучению, и тех, кто хочет наконец-то разобраться, почему нужно забыть про <div>.

Кто говорит: Александр Кошара, фронтенд-разработчик, и Рома Ивойлов с Таней Власенко из Академии.

Что в программе. Три лайва, один мастер-класс, чат для участников, практическое задание и три шикарных приза для участников.

Что обсудим. На курсе вы изучите основы HTML и освоите навык создания семантической вёрстки по макету, а ещё узнаете, чем занимаются фронтенд-разработчики (чтобы им потом было за это не стыдно).

18.10 в 13:00. Как стать фронтенд-разработчиком с нуля: начало мини-курса. Рассказываем, как будет проходить курс.

19.10 в 16:00. Создание семантической вёрстки по макету. Открытый урок по написанию семантической вёрстки вместе с практикующим фронтенд-разработчиком.

22.10 в 16:00. Итоги мини-курса «Создание семантической вёрстки по макету». Подведем итоги курса, разберём работы участников, выберем победителей и раздадим призы — скидки на тренировочные материалы и курсы, а также полезные учебные статьи.

Записаться

А для тех, кто хочет сменить профессию и попасть в IT — вышел новый сезон подкаста «Да как так-то?». Не пропустите!

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

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

Конечно, есть ещё много полезных атрибутов. А узнать про атрибуты побольше и попробовать их в действии можно в бесплатном тренажёре «Основы HTML и CSS» от HTML Academy.

У нас в HTML Academy, кроме курсов и тренажёров, есть потрясающие инструкции по всему, что может понадобиться веб-разработчику. Ну, почти по всему.

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

А если вы совсем новичок и хотите узнать, что такое HTML, CSS, JavaScript и PHP — этот бесплатный тренажёр для вас.

Во втором выпуске подкаста «Да как так-то?» Женя и Лёша поговорили с Дашей Владыко, которая работала тимлидом «Лиге А.», о том, кто занимается проектами, как наладить атмосферу в команде, и что нужно сделать, чтобы вырасти в тимлида. В статье главные моменты выпуска от первого лица.

Пока слушаете подкаст…
Ваш путь продолжается здесь. После регистрации будут доступны бесплатные тренажёры по веб-разработке — это отличное подспорье в будущем обучении.

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

Мы опросили знакомых разработчиков, узнали, что читают они сами, и предлагаем вам подборку свежих (на момент выхода статьи) изданий хороших книг по JavaScript.

Хорошие книги — сила, но без практики никуда. Тренажёры по JavaScript дают навыки работы с живым кодом.

Бот — отличная тренировка для любого начинающего разработчика.

Во-первых, вы не просто трогаете JavaScript, но ещё и работаете с Node.js. Во-вторых, узнаёте, как работать с разными протоколами — например, с Телеграмом. Ну и наконец это просто полезно — можно сделать бота, который будет слать вам котиков по утрам.

У HTML Academy есть целых три пошаговых инструкции, которые лучше пройти последовательно, чтобы во всём разобраться.

• Как сделать бота на JavaScript и запустить его у себя на компьютере
• Как загрузить его на сервер, чтобы он не зависел от включенного компьютера
• Как сделать, чтобы бот работал с Гугл Таблицами — или вообще любым внешним сервисом.

Запускайте бота и помните, что робот не может своим бездействием причинить вред человеку. Или как там было?

P.S. Подборка заканчивается, а карьера только начинается. Попробуйте бесплатные тренажёры по веб-разработке и станьте профи.

За 6 лет с запуска профессиональных курсов HTML Academy в веб-разработке произошло много изменений: сначала пришли флексы, потом появились гриды, умер IE, все переехали из Фотошопа в Фигму, и много чего ещё. Каждое это изменение влияло на то, что должен уметь верстальщик, и какой должна быть хорошая вёрстка.

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

P.S. А если вы только начинаете свой путь в веб-разработке, то познакомьтесь на бесплатных тренажёрах с базовыми технологиями веб-разработки: HTML, CSS, JavaScript и PHP.

Вот и настал волнительный момент — вы прошли какие-нибудь курсы по вёрстке и готовы действовать. Или, наоборот, ничего не прошли и хотите просто что-нибудь накодить, чтобы понять, ваше это или нет.

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

P.S. Не знаете, какой код написать? Знакомство с веб-разработкой на интерактивных тренажёрах — бесплатно.

12 августа стартует бесплатный марафон по вёрстке «Заверстаю».

За четыре недели разберётесь в основах HTML и CSS, сверстаете свой первый макет и выложите его в интернет. Вас ждут увлекательные учебные материалы и онлайн-разбор домашних работ с наставниками!

Переходите по ссылке, чтобы узнать подробности и записаться на участие.

В конце марафона среди дошедших до конца разыграем бесплатное участие на курсе «HTML и CSS. Профессиональная вёрстка сайтов», а все участники получат скидки на программы профессий, тренировочные материалы и профессиональные курсы.

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

Вторая часть цикла статей про инструменты разработчика: Console, Sources, Network. Рассказ о том, как просмотреть список ресурсов на странице, понять, куда делись шрифты, и выяснить, почему страница так долго грузится.

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

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