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

Внешне элементы бывают похожи, но их функции различаются, браузер реагирует на них по-разному.

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

В статье Кекс объяснит, что лучше использовать: ссылки или кнопки.

P.S. Ссылки и кнопки есть на каждом сайте. Поэтому лучше сразу научиться делать сайты. Попробуйте бесплатные тренажёры HTML Academy, а там дальше как пойдёт.

В HTML Academy вышел новый выпуск подкаста о веб-разработке, где гостем стала Даша Владыко, тимлид в «Лиге А.».Ребята обсудили зачем нужны менеджеры проектов, тимлиды, кто защищает разработчиков от заказчиков и многое другое.

Ведущие: Лёша Симоненко — директор по развитию в Академии, и Женя Шкляр, редактор.

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

Вдохновились подкастом и решили попробовать себя в разработке? Разберитесь в основах программирования с HTML Academy — тренажёр «Знакомство с HTML, CSS, JavaScript и PHP» бесплатно.

Из бариста во фронтенд-разработчики: опыт выпускника Стаса Новикова

Когда: 14 апреля в 19:00

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

IT дебаты: JavaScript-программист vs фронтенд-разработчик

Когда: 21 апреля в 13:00.

Устроим настоящие дебаты и разберёмся, кто круче — JavaScript-программисты или фронтенд-разработчики. Узнаем, в чём отличие профессий и насколько они актуальны.

Как составить резюме веб-разработчика: интервью с Марией Обориной из hh.ru

Когда: 29 апреля в 13:00.

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

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

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

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

И для чего вообще может пригодиться React подробнее читайте в блоге HTML Academy.

Разберитесь в основах программирования с HTML Academy — «Знакомство с HTML, CSS, JavaScript и PHP» бесплатно.

В работе сайта произошли некоторые, на первый взгляд, незаметные изменения. Во-первых, движок сайта обновился до Drupal 9. Да-да, был Drupal 7 и сразу стал 9. Это повлекло за собой обновление и других компонент: PHP, Memcached, MySQL и др. Во-вторых, сайт переехал на другой хостинг, поскольку возможностей предыдущего стало уже не хватать. Спасибо компании IT Patrol, что приютила на несколько лет htmlbook, всё это время сайт прекрасно работал на их площадке.

Теперь сайт переехал на timeweb, использует VPS и за счёт этого должен загружаться и отображаться быстрее. Если же возникнут какие-то проблемы с работой, дайте мне знать на почту vlad@htmlbook.ru.

В 2011 году верстальщики разделились на две категории: одни — за флексы, вторые — за гриды. И те, и другие пытаются обосновать свою позицию и убедить коллег в том, что правы именно они.

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

Ещё больше материалов о фронтенде, вёрстке и карьере в IT — еженедельно в редакторской рассылке HTML Academy.

А для всех тех, кто только начинает осваивать веб-разработку, тренажер “Знакомство с HTML, CSS, JavaScript и PHP” — бесплатно.

За последние несколько недель у нас, в HTML Academy, вышло много всего, потому что нас, в отличие от Твиттера, никто не замедлял. Спешим поделиться!

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

Что нужно уметь React-разработчику
И для чего вообще может пригодиться React.

Все научились программировать. А дальше-то что?
Резонный вопрос, который интересует всех новичков. В статье предлагаем несколько вариантов развития событий. Забирайте идеи и врывайтесь в мир разработки.

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

Как менялся веб
Всё очень просто: он менялся от вёрстки таблицами до миллиона непонятных слов, одно из которых Babel, а другое монады. Статья вышла на tproger, но история от этого не становится менее интересной.

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

Если вы попробовали проходить тренажёры (кстати, первые 8 глав бесплатные), поняли, что вам интересно кодить и у вас уже что-то получается, пора двигаться дальше.

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

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

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

Подробности читайте в блоге HTML Academy.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Или почему лучше не использовать дивы и спаны для всего подряд.

Давным-давно (лет пятнадцать назад) почти все делали сайты и не переживали о том, что под капотом. Верстали таблицами, использовали всё, что попадётся под руку (а попадались в основном div и span) и не особо заморачивались о доступности. А потом случился HTML5 и понеслось.

Подробности читайте в блоге HTML Academy.

Разберитесь в нюансах вёрстки с HTML Academy — “Знакомство с HTML, CSS, JavaScript и PHP” бесплатно.

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

На время марафона вы получите доступ к тренажёрам, необходимым для вёрстки проекта. Подпишитесь на рассылку, чтобы принять участие — во "Вконтакте" или в Телеграме.

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

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

А чтобы попробовать свои силы до марафона — “Знакомство с HTML, CSS, JavaScript и PHP” на тренажёрах уже бесплатно.