Розпродаж!

Flexbox і smart-grid Просунута верстка

Оригінальна ціна: 1,190 грн.Поточна ціна: 390 грн.

 Ви економите: 800 грн (67%)
 Покваптеся! Закінчується через

Відео курс. Новий спосіб, що використовує в собі всю міць сучасних технологій: flexbox і функція calc з CSS3, один із препроцесорів на вибір (LESS, SCSS, SASS, Stylus), збирач проєктів gulp і пара його чудових плагінів. Усе це дає неймовірний приріст у швидкості та якості верстки!

Список бажань
Додаткова знижка в 20% при купівлі від 2 курсів. Активується автоматично.

Мова викладання в курсі – російська. Незабаром буде доступна українська версія цього курсу.

Відеозаписи лекцій без зворотного зв’язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.

Відео курс. Новий спосіб, що використовує в собі всю міць сучасних технологій: flexbox і функція calc з CSS3, один із препроцесорів на вибір (LESS, SCSS, SASS, Stylus), збирач проєктів gulp і пара його чудових плагінів. Усе це дає неймовірний приріст у швидкості та якості верстки!

Курс для тих, хто:

– Володіє основами верстки, зокрема, адаптивної

– Періодично біситься під час створення адаптивної верстки

– Хоче освоїти класний інструмент і стати майстром

Основи Flexbox
– Основна і допоміжна осі
– Тонкощі вирівнювання елементів
– Адаптивка без media-запитів
– Розрахунок розмірів елемента

– Фокуси flex-grow
– Нюанси в IE 11
– Похибка розрахунку розмірів
– Код без media-запитів: за і проти

– Flex-direction: column
– Нюанси перенесення елементів
– Вертикальні та горизонтальні відступи
– Зміна порядку проходження елементів
– Завдання, для яких flex незручний

– Загальні висновки щодо технологій
– Необхідність автоматизації дрібниць
– Моральна підготовка до node.js

– Node.js і NPM – основи магії
– Gulp – збірка проєкту
– Autoprefixer – кросбраузерність
– Concat – з’єднання файлів
– Sourcemaps – зручне налагодження

– Плагін Clean CSS
– Group CSS Media Queries
– Незручності плагіна concat
– Чого не вистачає в чистому CSS

– Основи CSS-препроцесорів
– Ієрархічне написання
– Змінні та домішки
– Написання коду на LESS
– Написання коду на SASS (SCSS)

– Синтаксиси різних препроцесорів
– LESS vs SCSS
– Препроцесори vs постпроцесори

– npm i smart-grid – поїхали!
– Основи створення сітки
– Відступи в px або в %
– Margin і padding варіанти
– Налаштування властивостей сітки

– Нюанси fields і offset
– Гумові та звичайні елементи
– Row і col без size

– Верстка макета
– Оптимізація коду
– Ієрархія селекторів vs BEM
– Додаткові прийоми верстки
– Кросбраузерність

– Підбиття підсумків курсу
– Відповіді на фінальні питання
– Напрямок подальшого розвитку

Артикул: PR-20 Категорії: , ,

Похожие курсы

  • Розпродаж! HTML5, CSS3, FlexBox верстка сайтов - видеокурс
    HTML5, CSS3, FlexBox верстка сайтів – відеокурс
    Оригінальна ціна: 1,190 грн.Поточна ціна: 390 грн. Купити
  • Розпродаж! HTML5 и CSS3. Создание адаптивных сайтов - видеокурс
    HTML5 і CSS3. Створення адаптивних сайтів – відеокурс
    Оригінальна ціна: 1,190 грн.Поточна ціна: 390 грн. Купити
  • Розпродаж! Курс CSS Grid - адаптивная верстка
    Курс CSS Grid – адаптивна верстка
    Оригінальна ціна: 1,190 грн.Поточна ціна: 390 грн. Купити