Как стать фронтендером с нуля

1 декабря HTML Academy в прямом эфире расскажет о том, как стать фронтенд-разработчиком с нуля. Вы узнаете, чем фронтенд отличается от бэкенда, кому и за что в IT платят много денег, и что нужно делать в самом начале, если вы слышали о разработке только от друга-программиста. А ещё Рома и Таня ответят на все вопросы из чата — так что приходите, если давно хотели что-то узнать о разработке, но боялись спросить.

Записаться и стать профи

Подкаст о том, как всё устроено в веб-разработке

На дворе 2021, всё прогрессивное человечество уже года три слушает приятные голоса по дороге на работу, каждое медиа завело себе по 24 регулярных подкаста, а мы вот только решились.

«Тем лучше, меньше ошибок повторим» — подумали мы и запустили свой подкаст «Да как так-то». Позвали в гости разработчиков, наставников, тимлидов, продактов, проджектов и других видных людей из индустрии и расспросили о том, как всё устроено во фронтенде и как туда попасть новичкам. Ведущие — Лёша Симоненко, директор по развитию HTML Academy, и Женя Шкляр, редактор всего на свете.

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

Чтобы понимать программистов, нужно думать как программисты. Мы научим этому на курсах HTML Academy. Но начать можно с малого — пройдите бесплатные тренажёры и проверьте, не появятся ли программистские мыслишки.

Как подготовить вёрстку к Retina-экранам

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

Есть множество способов подготовить вёрстку, начиная от использования медиавыражений и заканчивая написанием скриптов. Мы не будем углубляться в эту тему и разберём в статье только основные моменты, которые полезно знать начинающим веб-разработчикам. Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Почему инлайнить стили — плохо

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

Среди разработчиков хорошим тоном считается использование внешних стилей, а вот подключать стили прямо в разметке — не лучшая практика. Почему? В статье разберём, почему так, и что с этим вообще теперь делать.

Умение уместно использовать внутренние стили — навык, которым должен обладать каждый фронтенд-разработчик. Познакомиться бесплатно с основами HTML и СSS можно с помощью тренажёра.

Бесплатный мини-курс «Создание семантической вёрстки по макету»

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

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

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

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

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

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

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

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

Записаться

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

16 полезных атрибутов HTML, которые пригодятся всем

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

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

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

Подборка шпаргалок для начинающих веб-разработчиков

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

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

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

Пиэмы, тимлиды, техлиды — как их вообще отличать? Пересказ подкаста

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

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

5 книг по веб-разработке для начинающих

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

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

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

Шпаргалки про телеграм-бота

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

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

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

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

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

Критерии качества вёрстки в 2021

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

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

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

6 статей, чтобы написать свой первый сайт

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

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

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

Бесплатный марафон по вёрстке для новичков

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

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

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

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

Цикл статей про базовые возможности Chrome DevTools

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

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

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

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

Как стать фронтенд-разработчиком с нуля

Когда: 4 августа 2021 в 13:00

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

Также обсудим:

  • Кто может стать веб-разработчиком.
  • Насколько актуальна профессия фронтендера.
  • Что отличает востребованного специалиста от остальных.

Спикеры: Рома Ивойлов и Таня Власенко из HTML Academy.

Мероприятие будет доступно только в прямом эфире. Запись лайва сохранена не будет.

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

Попробуйте тренажёры, пока ожидаете лайв. Знакомство с вёрсткой, JavaScript и PHP — бесплатно.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.