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

Продолжение в статье.

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

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

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

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

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

Читать статью

Обновил на сайте версию PHP до 8.1. Улучшена производительность исполняемого кода, оптимизирована работа с кэшем, так что сайт теперь работает ещё лучше, а страницы загружаются быстрее.

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

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

Читать статью

С 1 по 10 января пройдёт бесплатный марафон от HTML Academy, где напакостил злобный Кринж, который сломал вёрстку сайта и похитил части кода. Постараемся вместе всё починить, ведь нельзя оставлять целый сайт сломанным.

Что будет на марафоне:

• 10 насыщенных дней работы с HTML и CSS, чтобы починить сайт.
• Более 500 интерактивных заданий по вёрстке, чтобы научиться чему-нибудь новому.
• Работа над готовым кодом вёрстки макета, который сломал злодей Кринж.
• Скидки на курсы и тренировочные материалы для всех участников.

Главный приз — бесплатное обучение на профессии «Фронтенд-разработчик», которое вообще-то стоит 159 тысяч.

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

Делимся подборкой книг, которая пригодится любому программисту (но особенно веб-разработчику) — в ней 12 книг, от подробных руководств по JavaScript до классики Роберта Мартина о чистом коде.

Смотреть подборку.

«В какой-то момент я решил сменить профессию, потому что мне понравилось, что у программистов зарплата зависит от уровня знаний и навыков. Если хочешь зарабатывать больше — изучи дополнительные технологии и компетенции, и твой доход вырастет.» — Михаил Голубцов, бывший печатник и нынешний фронтендер. Прочитайте полную историю в блоге HTML Academy.

Читать статью

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

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

Читать статью