Сообщений в теме: 2

[lifepusher]

Название: Профессиональная, быстрая и комфортная верстка сайтов (2019)

Автор: [BrainsCloud] Дмитрий Валак

 

 

Научись верстать сайты, используя инструменты для автоматизации и оптимизации процессов. Узнай как верстать сайты качественно и профессионально, тратя меньше времени на разработку и зарабатывая больше.

Какие технологии вы изучите
• Вы научитесь эффективно использовать редактор кода, плагины и горячие клавиши.
• Вы научитесь использовать Gulp (4 версия) для автоматизации процессов, и npm для работы с библиотеками.
• Вы научитесь использовать методологию БЭМ, составлять грамотную структуру проекта. Изучите модульный подход при верстке сайта, а так же при работе с Bootstrap 4. Изучите SASS.
• Узнаете как увеличить скорость работы сайта, узнаете на что стоит обращать внимание и как делать правильные анимации.

Требования для прохождения курса
Курс не для начинающих. Вам нужно знать HTML, CSS и основы работы с javascript / jQuery.
Курс для тех, кто уже умеет верстать простые сайты и хочет перейти на следующий уровень, использовать новые технологии, увеличить скорость разработки, познать нюансы и мелочи, которые очень важны.

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

Модуль 1. Редактор, emmet, горячие клавиши (3 урока)
Данный модуль посвящен настройке редактора кода.
Поговорим о необходимых плагинах, разберемся для чего они нужны и как они работают.
Так же разберем горячие клавиши, которые помогут вам писать код быстрее.

Модуль 2. Автоматизация, структура проекта (6 уроков)
Данный модуль посвящен автоматизации процессов.
Установим таск-раннер Gulp, который будет выполнять 90% рутинной работы за вас - проставлять префиксы, уменьшать CSS и javascript файлы, оптимизировать изображения, удобно работать с HTML и многое другое.
Научитесь использовать npm для установки библиотек.
Вы узнаете как создать структуру проекта и как работать с файлами максимально эффективно.

Модуль 3. БЭМ, SASS, Bootstrap 4 (6 уроков)
Данный модуль посвящен методологии БЭМ, работе с SASS, эффективной работе с проектом, работе с фреймворком Bootstrap 4 и подключению сторонних библиотек используя npm.
Вы узнаете, что такое БЭМ и как с ним работать.
Вы узнаете как грамотно и эффективно организовать рабочий процесс.
Вы узнаете как работать с препроцессором SASS
Вы узнаете как грамотно работать с Bootstrap 4, подключая только необходимые модули.

Модуль 4. Скорость работы сайта (5 уроков)
Данный модуль посвящен скорости работы сайта.
Вы узнаете, на что стоит обращать внимание при верстке сайта.
Вы узнаете, как писать правильную анимацию, которая не будет нагружать браузер, узнаете много интересного про шрифты и многое другое.

Модуль 5. Стиль написания кода (2 урока)
Данный модуль посвящен правильной организации кода и стилю его написания.
Вы узнаете, как сделать ваш код более профессиональным, грамотным и более читабельным.
Вы узнаете, почему важно придерживаться правил и почему качество кода влияет на ваш заработок.

Модуль 6. Практика (11 уроков)
Данный модуль посвящен практике.
Вы сверстаете сайт-портфолио, используя все изученные технологии, и научитесь делать это быстро и качественно.
Практика работы с Gulp, SASS, БЭМ, Bootstrap 4, SVG спрайты, оптимизация и многое другое!

Итого: 33 видеоурока (Full HD) ~ 7 часов.

Продажник:

Скрытый контент:

  Для просмотра необходимо войти или зарегистрироваться

Скачать:

Скрытый контент:

  Для просмотра содержимого необходимо 200 очков репутации (вам не хватает 200)

 Скачать без ограничений   Купить этот материал за 390 руб.

Сообщение отредактировал lifepusher: 21 Август 2019 - 13:22

[hoz]

Как я понял из беглого ознакомления с программой курса целостный шаблон верстать не будет автор по методологии БЭМ и со всеми технологиями, который здесь описаны? Или всё таки будет? Может кто смотрел уже, подскажет. Я как раз эту неделю смотрю курс по вёрстке другой. Но для закрепления, можно было бы и этот посмотреть..

[hoz]

  Несколько раз неспешно я начинал изучение веб. программирования. Я говорю, сугубо о фронтэнде т.к. бэкэнд писал и пишу. Так вот, какие-то чаще всего конченые курсы попадались мне, что и так понятно. Самый конченый вариант это хтмл академия. Следом за ней идут менее популярные варианты. Конченность тех вариантов в том, что они не особо структурированы и размазаны на часы. Я в последние несколько лет включаю то, что меня интересует и если там 2-х часовые видео и информации полезной на считанные минуты - такое стираю без вариантов. И это значительно экономит моё время.

Так вот. Дмитрий Валак порадовал в этом плане. Информация сжата. Видео достаточно коротенькие, но.. базовые вещи, которые нужно понимать изначально для начинающего веб. разработчика имеются. Да, не всё он объясняет, и, создаётся впечатление он не совсем понимает некоторые вещи. Но.. как я понимаю, я знаю, некоторые технологии, которых много, не многие программисты могут объяснить в общем виде. Есть такие вещи, которые сочетают в себе много чего и достаточно сложные.

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

  Хочу заметить ещё 1 аспект. Здесь, в отличие от многих конченых курсов, продоставлен достаточно адекватный вариант организации структуры кода. В отличие от бэкэнда, где это является нормой, во фронтэнд разработке, именно, в курсах, я заметил тенденцию, что клепатели курсов не уделяют внимание организации кода. А это очень важно.

  Ну и.. как это обычно бывает, есть пару мест в курсе, хотя курс 2019 года..   где код не актуальный, т.к. некоторые методы (функции) уже являются depricated. Но это мелочь, которую полезно понимать и решить самостоятельно.

  В общем, всем советую смотреть этот курс!