Александр Першин

Возможно, вам поможет отработка своих знаний по флексам на определённом количестве задач по построению сеток. Примерно, как при подготовке к ЕГЭ или олимпиадам нарешивают определённый тип задач.

Посмотрите на навыки. Это как раз наборы кейсов для прорешивания: https://htmlacademy.ru/skills
И в частности навык "Построение сеток на флексах по макету": https://htmlacademy.ru/skills/flex-layout/payment

Если вы в нашем курсе не участвовали, а просто взяли наш макет для тренировки, то хотя бы это укажите в своём вопросе. "Господа, я взял тренировочный макет для вёрстки у HTML Academy, сверстал, оцените." А то уж совсем некрасиво.

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

Попробуйте пройти интерактивные курсы у нас, и самое главное, пройдите курс Кексби. Да, он платный, 390 рублей в месяц. Но в нём как раз с нуля по макету верстается страница от разметки, к сетке и к финальной стилизации. Как раз сегодня опубликовали финальные части.

https://htmlacademy.ru/program

Не слушайте товарищей, которые кричат, что «курсы не нужны». Их послушать, так и школы не нужны и вузы не нужны. Всё надо по книжкам учить.

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

По поводу академии — мы с вами, получается, заочно знакомы =) Были огрехи в курсе от openedu, особенно в некоторых записях. Очень непривычный формат, вебинары проще вести как-то. Но самое главное на интенсивах — работа над реальными макетами под присмотром личного наставника-профессионала. Этого в формате openedu не сделать, всё-таки массовый курс.

По поводу других курсов «при ИТМО». Я довольно скептичен на их счёт. Подозреваю, что это слабая конторка при университете. Скиньте ссылку, попробую узнать подробнее.

На интенсиве мы пошагово собираем полноценный проект с нуля. Процесс работы похож на реальный процесс работы верстальщика. То есть, если у вас хватает базовых знаний, но как сверстать страницу с нуля по макету в фотошопе вы ещё не понимаете, то интенсив будет полезен.

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

В HTML Academy используется Ace editor. Этот же редактор встроен и в Brackets, а уже в Brackets есть неплохой livereload. Ещё есть редактор Atom, но он ещё сыроват, там, скорее всего, тоже должен быть livereload.

И помимо редакторов, есть специальные инструменты, которые позволяют прикрутить livereload на событие сохранения файла, т.е. даже не важно, в каком редакторе работаешь.

:before и :after - это псевдоэлементы, поддержка которых уже стала очень хорошей и их стали использовать массово. Трюк с очисткой флоатов - это лишь вершина айсберга.
Еще применяют псевдоэлементы для декоративных целей. Когда, например, нужно добавить к кнопке иконку из спрайтов. Раньше для этого добавляли в html дополнительный элемент и вешали на него нужные стили, сейчас для этих же целей можно использовать псевдоэлемент.
Короче, они избавляют от использования избыточных тэгов.

frontender.info - качественные переводы хороших технических статей про фронтэнду

htmlacademy.ru/learn_map - пропустите верхушку и пробегитесь по CSS, начиная с селекторов. Обычно, основные проблемы с блочной моделью, позиционированием и правильным построением сеток (курса про сетки пока нет, но будет скоро).

Еще верстальщику нужно познакомиться с Фотошопом (именно для верстальщика). Надеюсь, мы скоро выложим более-менее хорошее видео по этому вопросу. А пока нужно поискать самим.

По адаптивности пока только могу порекомендовать вот эту книгу: "Отзывчивый веб-дизайн", Маркотт.
www.litres.ru/itan-markott/otzyvchivyy-veb-dizayn