Чему вы научитесь
- Устанавливать редактор для написания кода VS Code, настраивать его, устанавливать расширения и темы, работать с плагином Emmet, работать в терминале (командной строке)
- Работать с HTML5 и CSS3 - это два языка, которые необходимы для создания любого сайта. Работать с Flexbox, Grid и BEM, создавать свою адаптивную сетку на CSS и мы сверстаем много отдельных фрагментов современных сайтов
- Создавать современные веб-сайты и правильно пользоваться документацией
- Работать с Figma, Pixso и Photoshop в контексте верстки, извлекать картинки и текст из макетов
- Работать с SVG иконками
- Работать с плагином Inspect Styles в Figma
- Работать с плагином Perfect Pixel
- Делать адаптивную версию сайта для разных устройств (Телевизор, ПК, Ноутбук, Планшет, Смартфон)
- Работать с системой контроля версий Git и добавлять свой код в удаленные репозитории на GitHub, делать Fork, Pull-request и слияние веток
- Сверстаем более 10-ти сайтов по макету из Figma и вы сможете добавить их себе в портфолио
- Расскажу как составить резюме, портфолио и взять первый заказ на фрилансе
О курсе
Этот курс направлен на обучение созданию верстки сайтов на HTML и CSS по макету из Figma или Photoshop. Весь материал подносится простым языком. Вы получите много полезных материалов и мы вместе будем применять изученное на практике создавая интересные проекты шаг за шагом.
Что в этом курсе?
Мы с вами пройдем путь от установки своего первого редактора кода до верстки сайта. Будем изучать теоретическую часть и сразу же применять её на практике. Все ссылки на ресурсы, дополнительные материалы, шпаргалки и готовые фрагменты кода будут предоставлены внутри курса.
На все вопросы внутри курса отвечаю лично в разделе "Комментарии" (этот раздел есть под каждым шагом). Так же есть телеграм канал для вопросов и обсуждений не только по данному курсу. Там можно общаться с другими участниками моего сообщества и лично со мной на любые темы касательно разработки и программирования.
Каждый урок состоит из отдельных шагов (до 16 шагов) - это может быть, теория в виде текста, видео, тестовое задание.
Почему стоит начать обучение сейчас? Создание сайтов (верстка) - очень востребованный навык, который хорошо оплачивается. Мало того, что изучив всю данную вам информацию вы уже сможете создавать свои продукты и работать как на фрилансе, так и в web-студии, но и вы заложите базу для дальнейшего обучения. Владея этими навыками вы сможете освоить любую CMS, сможете понять и изучить как работает backend часть, и сможете создавать визуальную часть приложений, написанных на JavaScript фреймворках и библиотеках.
Внимание!
Курс "Верстаем 8 сайтов по макету из Figma в портфолио" содержит в себе уроки и задания из трех следующих моих курсов:
- Вёрстка на HTML & CSS для начинающих
- Git и GitHub для разработчика
- Frontend разработчик на HTML, CSS и JavaScript (3 модуля из этого курса, которые были добавлены 25 ноября 2022)
Это значит, что вам не нужно покупать их по отдельности и вы можете сэкономить приобретая данный курс. Или же приобрести отдельный курс только по интересующей вас теме.
Для кого этот курс
Для тех, кто не знаком с темой создания сайтов; Для тех, кто уже делал свои первые попытки создания сайтов; Для тех, кто хочет освоить HTML, CSS, Figma, Photoshop, VS Code, Emmet, BEM, Git, GitHub и начать применять эти навыки в работе; Для тех, кто хочет стать крутым веб-разработчиком и зарабатывать деньги.
Начальные требования
- Желание освоить создание сайтов и начать зарабатывать на этом
- Любой компьютер или ноутбук с доступом в интернет и базовые навыки работы с ним
- Немного целеустремленности, трудолюбия, терпения и щепотка веры в свои силы
- Никакой другой предварительной подготовки
Наши преподаватели
Как проходит обучение
Обучение построено на видео уроках. Для лучшего усвоения материала рекомендуется смотреть урок и пробовать повторить все самостоятельно. Почти в каждом уроке доступно одно или более заданий в виде теста, задачи на сопоставление, заполнение пропусков, сортировки и другие. В некоторых уроках есть шаги с заданием в видео формате, где подробно изложены условия и цель задачи. Обязательно читайте всю текстовую информацию к уроку там могут быть полезные ссылки на сторонние ресурсы или на материалы, которые нужны для урока. По желанию можете конспектировать изучаемый материал в любом удобном для вас формате (бумага, цифра). Задействовав дополнительный вид памяти вы улучшите усвоение материала.
Если после изучения всей информации на этой странице у вас ещё остались вопросы, то вы можете задать их.
Программа курса
Сертификат
Что вы получаете
- 11 модулей, в которых вы научитесь работать с HTML, CSS, Figma, Photoshop, VS Code, Emmet, BEM, Git, GitHub
- 108 уроков, 12 из которых доступны бесплатно
- общая продолжительность видео уроков более 30 часов
- 247 тестовых заданий
- более 80 ресурсов для скачивания (ссылки на полезные сервисы, статьи, готовые шпаргалки, макеты сайтов и примеры кода)
- этот курс содержит в себе материалы из 3-х разных курсов по самой выгодной цене
- обучение может занять от 1 до 3 месяцев, в зависимости от уделенного вами времени
- много домашних заданий по написанию кода, вся теория закрепляется на практике на наглядных примерах
- выдается сертификат Stepik
- общение с автором и другими учениками, обсуждение уроков и отдельных шагов
- обучение по шагам - учитесь когда вам удобно, уроки разбиты на маленькие шаги (это может быть, текст, видео, тестовое задание)
- курс предоставляется вам навсегда, без каких-либо лимитов, дедлайнов и ограничений по времени, все материалы доступны сразу после покупки
- вы получите огромный багаж знаний и сможете освоить современную востребованную профессию