навчися верстати сайти, використовуючи інструменти для автоматизації та оптимізації процесів. Дізнайся як верстати сайти якісно і професійно, витрачаючи менше часу на розробку і заробляючи більше.
Модуль 1. Редактор, emmet, гарячі клавіші (3 уроки)
- Даний модуль присвячений налаштуванню редактора коду.
- Поговоримо про необхідні плагінах, розберемося для чого вони потрібні і як вони працюють.
- Так само розберемо гарячі клавіші, які допоможуть вам писати код швидше
- Встановимо таск-раннер Gulp, який буде виконувати 90% рутинної роботи за вас-проставляти префікси, зменшувати CSS і javascript файли, оптимізувати зображення, зручно працювати з HTML і багато іншого.
- Навчіться використовувати npm для встановлення бібліотек.
- Ви дізнаєтеся як створити структуру проекту і як працювати з файлами максимально ефективно.
- Даний модуль присвячений методології Бем, роботі з SASS, ефективній роботі з проектом, роботі з фреймворком Bootstrap 4 і підключенню сторонніх бібліотек використовуючи npm.
- Ви дізнаєтеся, що таке БЕМ і як з ним працювати.
- Ви дізнаєтеся як грамотно і ефективно організувати робочий процес.
- Ви дізнаєтеся як працювати з препроцесором SASS
- Ви дізнаєтеся як грамотно працювати з Bootstrap 4, підключаючи тільки необхідні модулі.
- Ви дізнаєтеся, на що варто звертати увагу при верстці сайту.
- Ви дізнаєтеся, як писати правильну анімацію, яка не буде навантажувати браузер, дізнаєтеся багато цікавого про шрифти і багато іншого.
- Даний модуль присвячений правильній організації коду і стилю його написання.
- Ви дізнаєтеся, як зробити ваш код більш професійним, грамотним і більш читабельним.
- Ви дізнаєтеся, чому важливо дотримуватися правил і чому якість коду впливає на ваш заробіток.
- Даний модуль присвячений практиці.
- Ви зверстаєте сайт-портфоліо, використовуючи всі вивчені технології, і навчитеся робити це швидко і якісно.
- Практика роботи з Gulp, SASS, БЕМ, Bootstrap 4, SVG спрайти, оптимізація і багато іншого!
https://privatelink.de/?https://frontend.brainscloud.ru/