HTML и СSS. Профессиональная вёрстка сайтов #33
- 7 апреля 2022
- 6 489
- 9.4 из 10
оценка курса
- 268
выпускников
Подошёл к концу 33 поток курса «Профессиональная вёрстка сайтов», который успешно окончили 260 студентов. Во время курса студенты работали как настоящие верстальщики и научились работать с графическим макетом в редакторе Figma, верстать и стилизовать страницы, которые хорошо выглядят и работают на всех устройствах, строить сетки страниц на гридах и флексах, оптимизировать код и многое другое.
Вот полный список навыков:
- Работать с Git и GitHub при помощи GUI-клиентов — GitHub Desktop, GitKraken
- Работать с файловой структурой для создания базовой инфраструктуры проекта
- Использовать Figma для работы с макетами, получать любые данные из макета
- Выбирать подходящий формат графики и оптимизировать изображения
- Делать семантическую доступную кроссбраузерную вёрстку
- Строить сетки страниц и компонентов, используя флексы и гриды
- Добиваться полного совпадения с макетом и стайлгайдом — Pixel Perfect вёрстка
- Использовать инструменты проверки валидности (правильности) кода — спецификация и валидатор
- Использовать инструменты для проверки и форматирования кода (линтеры для HTML и CSS)
- Работать с кодом в редакторе кода и тестировать вёрстку в браузере при помощи инструментов разработчика — DevTools
- Делать интерфейс устойчивым к изменению контента.
Обновления
Каждый поток мы немного обновляем курс, чтобы он оставался качественным и современным. 33 поток — не исключение.
- Упростили и «причесали» проекты «Седона» и «Девайс».
- Удалили испытания из тренажёров в программе курса, так как они отнимали много времени при подготовке к лайву и тормозили студентов. В подготовительном разделе они остаются.
- Добавили восемь новых статей в учебник.
- Упростили select сортировки в каталоге (теперь он не в форме и без скрытой кнопки).
- Поправили формулировку критерия HTML-02 — теперь
section
должен иметь заголовок. - Для критериев CSS-01 и PROJ-01 добавили примеры использования.
Наставники
После завершения курса студенты поставили оценки наставникам.
В этот раз 27 наставников получили максимальные 10 баллов больше, чем от одного студента.
Дмитрий Железцов
Мария Коршунова
Павел Позняк
Антон Попов
Андрей Ефимов
Наталья Зотова
Олег Цыганов
Алексей Удод
Лиза Пак
Малик Киров
Константин Соколов
Анна Рус
Наталья Рыжова
Михаил Данюшин
Виктория Никитина
Денис Байдаров
Алиса Пепел
Татьяна Симоненко
Евгений Бервяченок
Михаил Кислый
Константин Черепанов
Иван Жарков
Маргарита Попова
Антон Казаков
Арсений Березин
Дмитрий Устинов
Сергей Зубов
«Седона» или «Девайс»?
В этот раз «Седона» — этот проект выбрали 72% студентов. На втором месте оказался проект «Девайс» — 23% студентов выбрали его.
Отзывы выпускников

Ольга МадоноваХочу выразить благодарность всей команде Академии, для меня это эталон того, как должна быть организована работа образовательного проекта: на все вопросы я получала практически мгновенные ответы, на протяжении курса я чувствовала как свою вовлеченность, так и участие наставника, преподавателей, кураторов. Подача материала, тренажеры и, конечно, динамичные лайвы, во время которых на меня снизошло не одно озарение.
Если выполнять все рекомендации и исправно готовиться к лайвам, то шанса не выполнить проект просто нет.
Единственное, о чем важно знать, так это о том, что обучение очень концентрированное и требует полной отдачи и много времени, я занималась в среднем по 5 часов в день (тренажеры я проходила до курса и в процессе только повторяла их).
С нетерпением жду следующего модуля обучения и изучаю материалы для подготовки к нему.

Ксения ЯрцеваНасыщенно! За эти 2 месяца в мою голову стооолько информации вложили, что местами она просто взрывалась. К слову, я не совсем с 0 знаниями пришла — до курса 2 месяца активно изучала инфо самостоятельно, проходила тренажеры, некоторые навыки от Академии.
Я проходила курс параллельно с 2 ветряночными детьми, работой на 2-3 часа в день и миллионом домашних дел. Сама удивляюсь, как справлялась, но все домашния задания сдавала вовремя. Хотя, глаза порой были просто в кучку. Приходилось устраивать принудительные выходные от компьютера, чтоб не слиться от нагрузки.
Рада, что не взяла сразу профессию на год, а решила проходить отдельно по курсам. Так я могу отдыхать между подходами и спокойно закреплять знания. Думаю, что для тех, у кого дети, этот подход будет актуальным.
Куча знаний, инструментов, открытий! Подача материала, тренажёры, статьи, учебник — всё понравилось. В целом, вся схема обучения очень грамотная. От общего к частному, от крупного к мелкому. А то сначала на макет смотришь, который предстоит сделать — страшно! Но, если проходить уроки постепенно, шаг за шагом, становится спокойно. Все последовательно и понятно.
Особенная благодарность наставникам, которые помогали в чате дискорда. Мою загадочную историю с невидимыми шрифтами помогали решать и наставники и преподаватели Академии, и другие ученики.
Спасибо всем, кто участвовал в создании и сопровождении курса! Я обязательно вернусь на 2 уровень)

Сергей ШишкинЭти два месяца «прокачали» меня в разы лучше, чем целый год самостоятельного обучения. Совет начинающим — не тратьте своё время на самообучение, пройдите курс, и увидите реальный результат в своём прогрессе!
Наталья КоршуноваМоя душа лежала к Академии ещё со времён прохождения первых тренажёров (несколько лет назад). И вот наконец я созрела пройти полноценный курс, конечно, были страхи, что мои ожидания не оправдаются, но они развеялись после первого же лайва. Мне не с чем сравнивать, но я уверена, что Академия — сильнейшая школа по вёрстке в русскоязычном интернете. Настолько подробно и тщательно разжёвывают всю информацию, что не поймёт её только самый ленивый. Здесь есть все инструменты для развития — лекции, тренажёры, статьи. Круто, что всё это собрано и грамотно структурировано! Отдельное спасибо лекторам — Николаю и Андрею, лайвы с вами предельно понятны, интересны и очень вдохновляют на дальнейшее развитие! Поэтому на следующем курсе я с вами.

Алексей ЩипановГлавное не лениться и внимательней относиться к заданиям. Но не бояться делать ошибки, наставник всегда поможет, если задавать своевременные и нужные вопросы. К сожалению, курс начал с опозданием почти на три недели и пришлось быстро наверстать из-за личного времени и внимания к работе и семье. В итоге с общими усилиями, качественно построенной учебной программе, тренажёрам и лайвам результат был достигнут. Не жалею, что выбрал эту образовательную платформу.

Валерия ГарцеваНа Академию я наткнулась на youtube. В тот момент я искала образовательный портал, чтобы начать обучение веб-разработке.
Первое время занималась исключительно на тренажёрах по подписке, мне понравилось, но понимала, что, конечно, этого недостаточно. И вот я решила пойти на первый курс HTML и CSS. Благодаря тренажёрам мне было несложно выполнять первые домашние задания, но даже если бы я не проходила тренажёры, начать с курса не составило бы труда.
Перед началом курса даются статьи, необходимые для подготовки. В разделе курса есть учебник, в котором можно найти нужную информацию, если вдруг что-то где-то упустил(а) или недостаточно понял(а) и плюс наставник, который помогает разобраться и влиться в курс дела. В общем, курс точно можно начинать даже с нулевым уровнем знаний в разработке. Удобный интерфейс, увлекательные лекции, моментальные ответы на вопросы на трансляциях, работа с наставником, и много полезных статей — вот, что я получила, записавшись на курс. И, конечно, не без приятных эмоций радости от результатов, коммуникации с профессионалами и другими студентами.
До этого курса я проходила курсы по другим профессиям, и этот курс, лучшее, что я могла найти на просторах интернета. Сказать, что я осталась довольна, ничего не сказать. Я счастлива, что увидела рекламу Академии) И обязательно продолжу обучение именно здесь!
Маргарита ЛиЯ пришла на курс с нуля, было конечно сложно. Много бессонных ночей и часов за ноутбуком, но это того стоило и сейчас я продолжаю учиться, чтобы получить профессию, которая мне очень нравится. Немаловажный момент — помощь наставника. Мне очень повезло. У меня был очень крутой наставник, благодаря которому я не только лучше усвоила материал, но и ещё больше захотела заниматься вёрсткой!

Денис ЖосуЭтот опыт незабываемый. Я когда пришёл на курс и прослушал первый лайв, думал, что всё будет хорошо и я всё буду успевать по лайвам даже с работой. Но вот когда темп нарастал, я понял , что я уже отстаю на 2 или 3 лайва, а для человека вроде меня, который никогда не сталкивался с этой сферой ( не считая пройденных тренажёров перед лайвами), это было катастрофой и какой-то неосязаемой удачей всё успеть и даже защитить проект. Но благодаря старанию и наставнику, который подталкивал, я всё же смог это сделать. Так что главное — никогда не паниковать. Слушать лекторов и наставника и тогда всё получится.

Валентин ХибенковОчень легко учиться, так как весь материал подаётся по очереди, от простого к сложному. Классные тренажёры, где можно закрепить теоретические знания. Постоянная поддержка: есть чат, где общаются ученики и разбирают непонятные моменты, есть опытный наставник, у которого можно попросить помощи или поддержки в трудных ситуациях. Этот курс рассчитан на новичков в вёрстке, я, имея нулевые знания, к концу курса успешно сдал два проекта. Если какой-то опыт в вёрстке есть, то, возможно, на курсе будет скучновато, всё же здесь именно азы преподаются, но, в любом случае, что-нибудь новое для себя узнаете, так как информации очень много.
Алексей ЧубаровНичего не бойтесь, даже если кажется всё сложным и нереальным. Постоянно двигайтесь вперёд и главное, никогда не опускайте рук, даже если что-то не получается. Придерживаясь этим словам, у меня всё получилось и получится у вас. Верьте в себя и свои силы.
Алина АрбековаНе жалею, что выбрала HTML Academy. Знала, что будет трудно, и не ошиблась. Но именно этого и хотелось: получить реальные, востребованные знания, максимально приближённые к рабочему процессу, а не изучать «сферического коня в вакууме», как на многих других курсах. Очень порадовала вёрстка по настоящему дизайнерскому макету.
Алёна НемцоваЯ начинала своё обучение в HTML Academy ещё с бесплатных тренажёров. Даже бесплатные тренажёры дают большое количество информации. Проходить их было весьма интересно и увлекательно. Очень крутая подача информации, которая сразу же затягивает. Именно поэтому я выбрала пройти курс в HTML Academy. А когда моя знакомая показала, как проходит её процесс обучения в другой компании, я поняла, что точно не ошиблась с выбором. Кураторы и наставники очень отзывчивые, помогают абсолютно во всём. На лайвах всё подробно объясняют и отвечают на все вопросы. Видно, что для сотрудников важно убедиться, что ты понял всю информацию, а не просто прочитать материал. Поэтому лайвы порой длятся дольше, чем положено. Если вы решили приобрести профессию в области IT — вам точно в HTML Academy.