Отчёт с курса
HTML и CSS. Профессиональная вёрстка сайтов
выпуск #32c 20 сентября по 21 ноября 2021
- 249
выпускников защитили проекты
- 9.3 из 10
оценка курса учениками
- 56
наставников были оценены учениками на 10 баллов
HTML и CSS. Профессиональная вёрстка сайтов #32
- 8 декабря 2021
- 3 мин
- 3 142
Закончился 32 поток курса «Профессиональная вёрстка сайтов», который успешно окончили 247 студентов. Во время курса ребята работали как настоящие верстальщики и научились работать с графическим макетом в редакторе Figma, создавать выразительную и доступную разметку, стилизовать страницы, строить сетки страниц на гридах, оптимизировать код и многое другое.
На самом деле, студенты получают целую пачку навыков. Вот они:
- Работать с Git и GitHub при помощи GUI-клиентов — GitHub Desktop, GitKraken.
- Работать с файловой структурой для создания базовой инфраструктуры проекта.
- Использовать Figma для работы с макетами, получать любые данные из макета.
- Выбирать подходящий формат графики и оптимизировать изображения.
- Делать семантическую доступную кроссбраузерную вёрстку.
- Строить сетки страниц и компонентов, используя современные технологии — Flexible Box Layout и Grid Layout.
- Добиваться полного совпадения с макетом и стайлгайдом — Pixel Perfect вёрстка.
- Использовать инструменты проверки валидности (правильности) кода — спецификацию и валидатор.
- Использовать инструменты для проверки и форматирования кода (линтеры для HTML и CSS)
- Работать с кодом в редакторе кода и тестировать вёрстку в браузере при помощи инструментов разработчика — DevTools.
- Делать интерфейс устойчивым к изменению контента.
Изменения на потоке
Этот поток содержит максимальное количество изменений за всю историю профессиональных курсов HTML Academy. Мы анализируем обратную связь от студентов и смотрим, что можно улучшить, добавить или убрать. К началу 32 потока мы тоже подготовили ряд масштабных изменений:
Сформировали новые критерии оценки личных проектов.
Обновили стиль кода Академии и сделали отдельный критерий на соответствие ему.
Обновили программу курса, чтобы она подходила под новые критерии.
Обновили учебный и личные проекты, чтобы они соответствовали программе и критериям. Добавили в проекты новые компоненты: форма поиска, форма подписки на рассылку, корзина (или избранное), тултип, переключатели вида отображения каталога карточек, кнопка «Показать ещё».
Отказались от техзаданий проектов: явные требования, которые понятны из макета, убрали совсем, а остальные добавили прямо в макеты отдельным фреймом.
Обновили процентовку на защите, теперь 80% можно получить за базовые и 20% за дополнительные критерии.
Критерии качества вёрстки
Написали статью на Хабре о том, как мы обновляли критерии прошлым летом
Наставники
После завершения курса студенты поставили оценки наставникам. В этот раз 18 наставников получили максимальные 10 баллов больше, чем от одного студента.
Татьяна Симоненко, Ярослав Шевцов, Екатерина Комнатная, Андрей Зинченко, Михаил Данюшин, Олег Цыганов, Антон Казаков, Константин Черепанов, Карина Карапетян, Ольга Вадясова, Владислав Зубко, Ирина Малиновская, Юлия Савдеева, Артур Трифонов, Артур Литовко, Сергей Рожков, Максим Корелин, Александр Румянцев.
Наставница Ольга Вадясова пришла в гости в подкаст «Да как так-то» и рассказала нам, как сменила профессию.Студенты
Две третьих из тех, кто записался на курс — работающие люди, которые по каким-то причинам решили сменить профессию и работать в IT. На этот раз в выборе проекта больше половины, а именно 56% студентов, предпочли проект «Седона». На втором месте оказался проект «Девайс» — 35% студентов выбрали его.

Выпускники курса всегда оставляют свои отзывы — приводим некоторые из них, а все отзывы вы можете прочитать на странице отзывов.
Отзывы выпускников

Виталий КиктёвНа данном курсе получил опыт практической вёрстки, до этого в голове имел только теорию, полученную на тренажёрах платформы. Познакомился с Git, осознал его удобство в командной работе (благодаря этому самостоятельно начал изучать работу в Git через консоль).
Также изучил много различных тонкостей и полезных плагинов для редакторов кода, браузеров и т.д. Если вам необходимо структурировать теоретические знания, получить практический опыт, послушать замечательных лекторов — однозначно рекомендую этот курс. После него советую вспомнить себя до и после курсов, вы поймёте, как возросли ваши знания и опыт.

Натали УстаНа профессию «Фронтенд-разработчик» я пришла 2 месяца назад. Сегодня я защитила свой первый проект на 100% и испытываю гордость, что вообще решила погрузиться в мир IT именно вместе с HTML Academy, это было одним из лучших решений в моей жизни. Тяжело ли? Честно не столько тяжело, сколько ново и необычно, учитывая, что я переводчик и преподаватель иностранных языков по образованию.
Но ведь программирование — это тоже языки, логика и алгоритмы, где зубрёжка точно не поможет. А вот думать и понимать нужно! Нужно также понимать, что работать придётся много. Не 1–2 часа в день, а намного больше. В моём случае я просто ушла жить в компьютер, делая перерывы на работу и обед.
Это такой азарт. С каждым днём я получаю знания, у меня получается больше и мне хочется двигаться дальше, узнавать, расти! Без терпения и железной выдержки будет тяжело. Даже меня однажды «накрыла» мысль: куда ты вообще влезла)) Но это была усталость, которая прошла на следующий день. К слову, преподаватели и наставники HTML Academy очень поддерживают своих студентов и охотно идут на диалог с ними, что немаловажно, особенно для начинающих. Всем успехов, а меня ждут новые испытания и достижения. Верю в себя и в HTML Academy!
Никита СысоевМне чертовски повезло, что мой товарищ посоветовал мне HTML Academy.
Я не думал, что это будет так интересно и познавательно. Материал великолепно составлен, тренажёры и демки — прекрасный способ осваивать материал. Лекторы бесподобны, Николай Шабалин и Андрей Серёдкин — респект!)
Отдельную благодарность хочу выразить наставнику Михаилу Данюшину, без него я бы не справился, спасибо! Главное — заниматься каждый день, и тогда всё обязательно получится! Я очень рад, что начал своё обучение здесь!
Денис МогилюкКурс, в целом, построен очень грамотно. Тренажёры, подача материала — супер! До начала курсов мой опыт в вёрстке был на уровне «выделить слово курсивом в посте на форуме». За два месяца обучения я освоил большое количество материала и защитил сложный проект на 100 баллов.
Настя КулаковаЭто было очень интенсивно и очень интересно. Я пришла на курс совсем без опыта, поэтому было трудно, но с другой стороны, в вёрстке очень воодушевляет возможность сразу видеть результаты труда, как из ничего появляется целая страница (две!), на которых даже что-то шевелится.
И вообще, к окончанию курса умеешь делать вещи, о существовании которых два месяца назад не подозревала.

Сергей РутковскийЭтот интенсив перевернул моё представление и об HTML Academy и о вёрстке в целом. В отличие от других школ, или гуру HTML, здесь действительно учат верстать, а не просто дают знания o HTML и CSS. Только здесь я понял, в чём различие между этими понятиями.
Вместе с курсом идёт очень крутой учебник, аналогов которому нет во всём интернете. Если вы, как и я, прочитали много книг и просмотрели много видео, и все равно чувствовали, что вам чего-то не хватает, то этот интенсив заполнит все ваши пробелы, структурирует ваши знания. Даст конкретную базу верстальщика. Возможно, если кто-то только начал заниматься вёрсткой и не поймёт всей крутости HTML Academy. Я тоже смотрел на них свысока. Но как же я ошибался. И как же я доволен, что судьба позволила мне учиться здесь. Ребята, вы лучшие из лучших! Добра вам и процветания.
Максим ДворниченкоКурс прокачивает конкретно. Если есть время, то нужно браться за проект посложнее. Если ты вообще не имеешь представления о вёрстке и программировании в целом, то лучше выбрать проект попроще. Это изначально при выборе проекта уточняют и лучше на это обратить внимание. Потом будете локти кусать, если не будет получаться, а сроки будут гореть.
Отдельное спасибо за демки к которым ты можешь обратиться и попытаться сообразить, как лучше сделать. Не стоит расстраиваться, если первая защита проекта не дала высокого результата. Это повод для переосмысления материала. Наставник и кураторы в помощь.
Алексей ЛегалинКурс интересный, много нового узнал, когда подошёл к оформлению декоративных элементов и форм, состояний, понял что будет тяжело. Последнюю неделю пришлось максимально выложиться, перечитать учебную литературу, пересмотреть лайвы. Помощь наставника и развёрнутые ответы по невыполненным критериям проверяющего помогли довести дело до конца. Спасибо HTML Academy за возможность получить новые знания и успешно применить их. Спасибо лекторам за хорошую и грамотную подачу материала.

Ирина ТимофееваХотелось написать много, но ограничусь самыми важными для меня выводами. Во-первых, нужно пробовать, оно того стоит, не нужно бояться.
Во-вторых, нужно быть готовым уделять больше времени, чем 2-3 часа в день, потому что здесь дают довольно большой объём информации, который нужно не просто прочитать, но и усвоить, пройдя тренажёры.
Обязательно общайтесь в чате, там вы можете задать любые вопросы, вам подскажут и помогут, а если вы как я стесняетесь спрашивать, то ищите ответы, кто-то уже точно задал ваш вопрос!
И в третьих, наверное, главное, следуйте программе, делайте домашние задания максимально вовремя. У меня сложилось так, что я по определённым обстоятельствам не могла уделить должное внимание программе, что по итогу привело к тому, что пришлось нагонять всё очень быстро, и как итог я почти 2 недели сидела над проектом безвылазно, что повлекло за собой сомнения в себе и стресс. Но я справилась, справитесь и вы! Смелее!
Елена ПоловинкоОпыт на курсе фантастический и незабываемый, я бы сказала. Тут тебе и радость, что домашку наконец успел сделать вовремя, и слёзы, от того, что кажется, что все успевают, а ты на самом дне, и мозг кипит конкретно.
Но если отбросить эту сильную эмоциональную составляющую, то курс крутой. Чтобы заехать в тему — пожалуйста, вот тебе тренажеры и статьи. Что-то непонятно — дальше смотришь лайв и ребята ещё раз проговаривают основные моменты. Дальше идёшь делать проект. Что-то непонятно — можешь пересмотреть лайв, можешь спросить в чате, можешь помучить наставника.
Из минусов — для новичка, кажется, всё слишком плотно по времени и я почти весь курс догоняла, верстала, переживала, верстала, рыдала на плече у мужа, верстала. Верстала даже во сне) В итоге догнала на 100% из 100. В общем, подход мне очень понравился, но надеюсь, ребята немного увеличат время на подготовку домашки.
Уже планирую курс по вёрстке второго уровня, Коля и Андрей — зайки, спасибо за знания!
Виктория bratsyunРебята! Если вы хотите обучаться интересно, качественно и максимально адаптировано под рабочий процесс, вам сюда. Замечательные кураторы, наставники, служба поддержки. Все с душой и очень качественно. Я долгое время работала в системе образования и могу вам с уверенностью сказать, великолепные курсы, на которых дают реальные хорошие знания и неважно какая у вас подготовка. Каждый вынесет полезную и нужную для себя информацию.
Не в каждом учебном учреждении так работают преподаватели и администрация. Построение лекции, рефлексия, домашние задания, самостоятельная работа над проектом, контроль знаний — с методической точки зрения филигранно, всё очень продумано и для людей любого возраста и подготовки. Спасибо HTML Academy за вашу работу, посыл и настрой и великолепного наставника Зубко Владислава.
Ещё из рубрики «Отчёты о курсах»
«JavaScript. Профессиональная разработка интерфейсов» #25
Обновления курса и отзывы студентов по 25 потоку.
React. Разработка сложных клиентских приложений #9. Отзывы о курсе
Ещё 111 студентов успешно закончили курс по React. Внутри отзывы и список наставников с высокими оценками.
HTML и СSS. Профессиональная вёрстка сайтов #33
Отзывы выпускников, наставники с высокими оценками и список обновлений.