Верстка-Мастер. Полное руководство. Курс от WebForMySelf (Бернацкий Андрей)

Description:

Подробнее о курсе "Верстка-Мастер. Полное руководство": Курс состоит из пяти основных частей, 85-ти уроков общей продолжительностью более 14 часов видео. Две части курса теоретические и три практические, в которых показано, как верстать макеты. Макеты, которые верстаются в курсе, созданы как с помощью Photoshop, так и с помощью Figma. По итогам Вы узнаете, как работать с макетами в Photoshop и Figma. Курс построен по принципу от простого к сложному. Сначала мы изучаем необходимую теорию, потом мы закрепляем изученную теорию на верстке макетов сайтов. Сложность макетов и количество используемых технологий при верстке строго соответствует той теории, которая предшествовала данному практическому блоку. Если мы изучили Flex, то при верстке макета будут использоваться Flex. При верстке макетов мы не будем использовать ничего того, чего бы мы не узнали в теоретических блоках. В первых двух блоках мы изучаем основы HTML и CSS. Весь HTML и CSS достаточно обширен, особенно CSS, поэтому в данных вводных блоках мы рассмотрим только необходимый минимум, чтобы начать верстать несложные макеты. Знания полученные в первых двух частях курса используются верстальщиками при верстке любого макета. Это тот уровень, который нужно усвоить хорошо. Далее, зная, что изучать просто теорию без применения ее на практике не интересно, мы посмотрим, как верстать первый макет. Макет будет несложный. Мы не будем использовать ничего, чтобы мы не изучили в предыдущих блоках. На верстке этого макета можно понять и разобраться, что действительно такое HTML, что такое CSS, как они взаимодействуют и как применяются при верстке страниц. Далее продолжить изучение рекомендуется бонусными курсами Премиум-курс «CSS3. Основы» и Премиум-курс «Flexbox». В них даются более глубокие знания по CSS, а также рассматривается технология Flex, которая очень упрощает верстку страниц и делает процесс верстки более приятным и предсказуемым. Только после изучения данных курсов можно переходить к практической части по верстке лендинга мобильного приложения. В практической части курса по верстке лендинга мобильного приложения будут использоваться более продвинутые техники верстки. Будет использоваться технология Flex, будут использоваться более продвинутые свойства CSS3. Конечно же верстка данного макета адаптивна. То есть полученная страница хорошо смотрится на разных устройствах и ей удобно пользоваться. Таким образом мы изучим и закрепим новые знания и поднимемся вверх на еще одну ступеньку в уровне верстки. После этого рекомендуется продолжить изучение бонусными курсами «Введение в Gulp», Премиум-курс «Препроцессор Sass», Премиум-курс «CSS Grid Layout». В них мы еще больше погрузимся в технологии, которые применяются при верстке страниц. Изучим технологию CSS Grid, рассмотрим работу сборщика Gulp и изучим препроцессор Sass. И это тот уровень знаний, которым должен обладать любой верстальщик на сегодняшний день. Закрепить полученные знания можно посмотрев, как верстается макет сайта по подбору подарков в последней, практической части курса. При верстке данного макета уже будут использовать все технологии и знания, которые были рассмотрены в курсе. Будут использоваться Sass, Grid, Flex, Gulp, HTML и CSS. Верстка будет адаптивна. В 2021 году уже по умолчанию подразумевается, что все верстается адаптивно. Таким образом, если изучить курс по блокам так, как описано выше, ничего не пропуская и следовать всем рекомендациям, то можно с самого нуля, имея очень смутное представление о том, что такое HTML и CSS, узнать, как верстать достаточно сложные сайты. Вы сами вправе выбирать, с какого блока начинать изучать курс. Но, как показывает практика, лучше начать изучение с самого начала, даже если начальные знания по HTML и CSS у вас уже есть. Подробнее о курсе "Верстка-Мастер. Полное руководство":