Верстаем 10 сайтов по макету из Figma в портфолио

Освойте самое важное для веб-разработчика и начните зарабатывать на этом деньги! HTML, CSS, Figma, Photoshop, VS Code, Emmet, BEM, Git, GitHub. Сверстаем более 10-ти сайтов по макету из Figma и Pixso в ваше портфолио. И расскажу как взять свой первый заказ на фриланс бирже.
Начальный уровень
1 час в день или больше
Сертификат Stepik

Чему вы научитесь

  • Устанавливать редактор для написания кода 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 фреймворках и библиотеках.

Внимание!

Этот курс содержит в себе уроки и задания из трех следующих моих курсов:

  1. Вёрстка на HTML & CSS для начинающих
  2. Git и GitHub для разработчика
  3. Frontend разработчик на HTML, CSS и JavaScript (3 модуля из этого курса, которые были добавлены 25 ноября 2022)
  4. + 2 новых модуля по верстке сайтов из Figma и Pixso

Это значит, что вам не нужно покупать их по отдельности и вы можете сэкономить приобретая данный курс. Или же приобрести отдельный курс только по интересующей вас теме.

Для кого этот курс

Для тех, кто не знаком с темой создания сайтов; Для тех, кто уже делал свои первые попытки создания сайтов; Для тех, кто хочет освоить HTML, CSS, Figma, Photoshop, VS Code, Emmet, BEM, Git, GitHub и начать применять эти навыки в работе; Для тех, кто хочет стать крутым веб-разработчиком и зарабатывать деньги.

Начальные требования

  • Желание освоить создание сайтов и начать зарабатывать на этом
  • Любой компьютер или ноутбук с доступом в интернет и базовые навыки работы с ним
  • Немного целеустремленности, трудолюбия, терпения и щепотка веры в свои силы
  • Никакой другой предварительной подготовки

Наши преподаватели

Как проходит обучение

Обучение построено на видео уроках. Для лучшего усвоения материала рекомендуется смотреть урок и пробовать повторить все самостоятельно. Почти в каждом уроке доступно одно или более заданий в виде теста, задачи на сопоставление, заполнение пропусков, сортировки и другие. В некоторых уроках есть шаги с заданием в видео формате, где подробно изложены условия и цель задачи. Обязательно читайте всю текстовую информацию к уроку там могут быть полезные ссылки на сторонние ресурсы или на материалы, которые нужны для урока. По желанию можете конспектировать изучаемый материал в любом удобном для вас формате (бумага, цифра). Задействовав дополнительный вид памяти вы улучшите усвоение материала.

Если после изучения всей информации на этой странице у вас ещё остались вопросы, то вы можете задать их.

Программа курса

загружаем...
Certificate

Сертификат

Stepik

Что вы получаете

  • вы научитесь работать с HTML, CSS, Figma, Photoshop, VS Code, Emmet, BEM, Git, GitHub
  • ссылки на полезные сервисы, статьи, готовые шпаргалки, макеты сайтов и примеры кода
  • обучение может занять от 1 до 3 месяцев, в зависимости от уделенного вами времени
  • много домашних заданий по написанию кода, вся теория закрепляется на практике на наглядных примерах
  • выдается сертификат Stepik
  • общение с автором и другими учениками, обсуждение уроков и отдельных шагов
  • обучение по шагам - учитесь когда вам удобно, уроки разбиты на маленькие шаги (это может быть, текст, видео, тестовое задание)
  • курс предоставляется вам навсегда, без каких-либо лимитов, дедлайнов и ограничений по времени, все материалы доступны сразу после покупки
  • вы получите огромный багаж знаний и сможете освоить современную востребованную профессию

Сколько стоит обучение

Price: 2 800 
Попробовать бесплатно
Вы попробовали и поняли, что вам сейчас не подходит этот курс? Ничего страшного, мы вернём вам деньги в течение 30-ти дней после покупки.

Часто задаваемые вопросы

Расскажите о курсе друзьям

Price: 2 800