Верстка сайтов от 0 до 1 — Повтор 2
О чём курс
Курс по веб-верстке представляет собой комплексную образовательную программу, разработанную для тех, кто стремится освоить профессию верстальщика с нуля и начать карьеру в IT-индустрии. Обучение построено таким образом, чтобы последовательно провести студента от изучения базовых принципов создания сайтов до реализации сложных многостраничных проектов и последующей монетизации полученных навыков. Программа ориентирована как на тех, кто планирует работать в профессиональных веб-студиях, так и на тех, кто видит себя в качестве независимого фрилансера, создающего собственные проекты.
Формат обучения максимально адаптирован для эффективного усвоения материала: учебный процесс включает два урока в неделю, представленных в видеоформате. Чтобы информация лучше усваивалась, каждый урок разбит на несколько коротких видеороликов, что позволяет структурированно подходить к изучению тем. Практическая составляющая является фундаментом курса: после каждого занятия предусмотрено выполнение домашнего задания. Студенты могут выбирать формат проверки — самостоятельный контроль или работа с ментором, что обеспечивает гибкость обучения. Важной особенностью курса является еженедельный видеоразбор домашних заданий, который проходит по субботам. В рамках этих встреч преподаватель не только разбирает типичные ошибки, но и дает подробные ответы на самые актуальные вопросы, возникающие у участников в процессе обучения.
Курс дает комплексное понимание того, как устроена современная верстка. На выходе студенты получают не только теоретические знания, но и реальный опыт работы с инструментами, которые ежедневно используют профессиональные разработчики. Вы научитесь создавать адаптивные, доступные и оптимизированные сайты, освоите методологии верстки и работу с современными технологиями, такими как препроцессоры, сборщики фронтенда и системы контроля версий. Особое внимание уделено профессиональной адаптации: отдельный модуль посвящен монетизации навыков, где подробно разбираются стратегии поиска работы в студиях, составления резюме, прохождения собеседований, а также все тонкости работы на фрилансе — от оценки стоимости своих услуг до взаимодействия с заказчиками.
Почему стоит выбрать этот курс? Во-первых, это практико-ориентированный подход: вы не просто изучаете теорию, а создаете полноценные проекты, включая интернет-магазины с их сложной структурой. Во-вторых, курс закрывает страхи новичков, предоставляя четкие алгоритмы действий для старта карьеры. В-третьих, наличие бонусных материалов позволяет расширить кругозор, познакомившись с такими технологиями, как WordPress, Bootstrap и Jamstack. Пройдя этот путь, вы будете обладать всеми необходимыми компетенциями для того, чтобы уверенно чувствовать себя на рынке веб-разработки, создавать качественный код и получать достойное вознаграждение за свой труд.
Программа обучения
Базис из которого состоит верстка:
- Настройка рабочего окружения
- основы html
- основы css
- display Flex
- display Grid
- когда использовать flex, а когда grid
- углубляемся в css: шрифты и работа с ними, подробно про отступы в верстке: gap, margin, padding
- сброс стилей и box-sizing
- Dev Tools
- псевдоклассы и псевдоэлементы
- позиционирование, свойства transform и transition
- относительные единицы и медиа запросы
- Адаптив
- Доступность
- Методологии в верстке
- custom properties
- работа с figma
Продвинутая верстка:
- Начало работы с JS, основы для верстки
- advanced flex
- advanced grid
- css animation
- SVG
- WebP, AVIF, Squoosh, lazy load
- Препроцессоры
- Сборщики фронтенда
- модульность в верстке
- git
- семантика
Верстка интернет магазина:
- Верстка большого проекта
- хлебные крошки
- разберем стилизацию input, checkbox, radio кнопок, select
- научимся стилизовать карты
- сделаем оптимизацию готовой верстки
- подключим плагины, которые часто используются в верстке интернет магазинов
- верстка пагинации, звездного рейтинга, блога общей страницы и одной статьи
- верстка карточки товара, верстка страницы регистрации и корзины
Монетизация:
- Урок 1. Как устроиться в web студию. Большая лекция. Разберем: сколько зарабатывает верстальщик в WEB студии; как составлять резюме; какие работы должны быть в портфолио и как их сделать; как проходить собеседование; на какие вакансии не следует обращать внимание; промониторим существующие вакансии на популярных сайтах для поиска работы; разберем самые частые вопросы, которые задают на собеседовании; поговорим как вести себя в компании во время стажировки
- Урок 2. Фриланс. Большая лекция. Разберем: сколько можно зарабатывать на фрилансе; каким должно быть портфолио и как его сделать; как оценить стоимость своей работы; как и где взять первый заказ; как правильно работать с заказчиком; как наработать себе постоянных заказчиков; с какими клиентами НЕ стоит работать; как продвигаться в ТОП на фриланс бирже; где брать заказы кроме фриланс биржи; как считать время своей работы; как организовать рабочее место; как зарабатывать больше
Бонусы:
- Урок 1. Урок по WordPress (общее понимание, как править верстку в существующих сайтах)
- Урок 2. Bootstrap. Разберем технологию
- Урок 3. Узнаете что такое jamstack и netlify
- Урок 4. Правила крутого верстальщика
- Урок 5. Вопрос - Ответ
Теги курса
Выпуски серии 2
Все 2Другие материалы автора 2
ВП Вадим Прокопчук Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.