Трейлер курса Верстаем 8 сайтов по макету из Figma в портфолио, курс на Stepik

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

Этот курс направлен на обучение созданию верстки сайтов на HTML и CSS по макету из Figma или Photoshop. Весь материал подносится простым языком. Вы получите много полезных материалов и мы вместе будем применять изученное на практике создавая интересные проекты шаг за шагом.

Чему вы научитесь?
-Устанавливать редактор для написания кода VS Code, настраивать его, устанавливать расширения и темы, работать с плагином Emmet, работать в терминале (командной строке)
-Работать с HTML5 и CSS3 - это два языка, которые необходимы для создания любого сайта. Работать с Flexbox, Grid и BEM, создавать свою адаптивную сетку на CSS и мы сверстаем много отдельных фрагментов современных сайтов
-Создавать современные веб-сайты и правильно пользоваться документацией
-Работать с Photoshop и Figma в контексте верстки, извлекать картинки и текст из макетов
-Работать с системой контроля версий Git и добавлять свой код в удаленные репозитории на GitHub, делать Fork, Pull-request и слияние веток
-Сверстаем 8 сайтов по макету из Figma и вы сможете добавить их себе в портфолио
-Расскажу как составить резюме, портфолио и взять первый заказ на фрилансе

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

Что в этом курсе?
Мы с вами пройдем путь от установки своего первого редактора кода до верстки сайта. Будем изучать теоретическую часть и сразу же применять её на практике. Все ссылки на ресурсы, дополнительные материалы, шпаргалки и готовые фрагменты кода будут предоставлены внутри курса.

На все вопросы внутри курса отвечаю лично в разделе "Комментарии" (этот раздел есть под каждым шагом). Так же есть телеграм канал для вопросов и обсуждений не только по данному курсу. Там можно общаться с другими участниками моего сообщества и лично со мной на любые темы касательно разработки и программирования.

Каждый урок состоит из отдельных шагов (до 16 шагов) - это может быть, теория в виде текста, видео, тестовое задание.

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

00:00 Курс 8 сайтов в портфолио
00:12 Чему вы научитесь
01:07 О курсе
02:10 Что включено в курс
02:36 Для кого этот курс
02:52 Начальные требования
03:06 Об авторе
03:27 Как проходит обучение
04:25 Что вы получаете

#html #css #git #github #figma #photoshop #itdoctor
Рекомендации по теме
Комментарии
Автор

скажите пожалуйста как у вас называется тема в VSCode?
очень красивая, хотел бы себе тоже ее поставить

-deathroels-
Автор

Добрый, сот вопрос таков я реалист и даже через полгода на рынок не выйти, но ☝ еть уникумы которые это смогли так вот вы мне подскажите нужны ли какие технические знания, институты, знания математики и т.д. что бы потом проделдить обучения до фронтенд разраба и как дело обстоит на рынке труда
Слышал что сейчас пипец, ж..а так как нам вакансию притендуют от 100-500 человек
И ещё меня все же пугает что студенты изучают эти практики уже нам учебе, а такие как я в свои 40 решил опять все же попробовать от вёрстки +, но в реале все же парни и девушки которые в Институте учили все это на более выгодной позиции, что скажите об этом?

oldborodach
Автор

Скажите, при вёрстке макетов используете gulp?

alenasakuta
Автор

Курс купил. Если будут вопросы по материалу, например, свойства display: flex\grid, то как с вами связаться?

АшурМезлан
Автор

Если все участники курса сделают эти 8 сайтов и закинут их в портфолио, то есть вероятность что некоторых из них заказчики будут объвинять в плагиате, потому что уже видели эти работы у других. А оправдываттся, что вы просто общий курс проходили - лишняя трата времени, т. К. Не факт что заказчик щахочит данные оправдания выслушивать.

Поэтому сугубо моё имхо: для практической тренировки курс пройти можно, но эти 8 работ в портфолио лучше не добавлять, т.к. они будут работать против вас. Лучше после курса сверстать ещё 8 работ, но полностью своих собственных.

Самыйумный-вы
Автор

Здравствуйте, спасибо за информацию. Вроде все очевидно, но уточню на всякий случай. Правильно понимаю, что если сейчас прохожу Ваш курс "front end - разработчик", то нет смысла покупать еще и этот курс?

Yuriny_Zatei
Автор

Здраствуйте. А есть промокод на курс Frontend разработчик?

AliakseiShurko
Автор

хорошо бы сделать верстку интернет магазина

ИгОрЁк-лз
Автор

слабые макеты, одни лендосы портфолио да корпоротивные.Раз на то пошло надо было все сложнее к примеру начинать с лединга а закончить соц сетью.

MrAnonymous