Бесплатный видеокурс "Препроцессоры. Быстрый старт". (Владилен Минин - Webformyself)

Это бесплатный видеокурс
380
Бесплатный видео урок

Полная информация

  • Автор: Владилен Минин

    Забирайте БЕСПЛАТНО пошаговый мини-курс по основам верстки с использованием CSS-препроцессоров – от одного из наиболее авторитетных издательств Рунета для веб-мастеров. В этом курсе вы на наглядном примере простого сайта с двумя разными темами увидите, почему препроцессоры являются незаменимым мощнейшим инструментом в современной веб-разработке и как вы сможете увеличить скорость и качество верстки в разы (а значит – и ваши доходы!) В результате данного курса нами будет создано две темы на чистом CSS и две темы на препроцессоре. В качестве примера будет использоваться язык LESS (у которого есть несколько интересных вариантов компиляции без настройки окружения)

    • Урок 1. Введение

    В данном уроке вы узнаете план на миникурс по препроцессору Less и увидите результат, который получится в процессе данного курса.

    • Урок 2. Задание CSS стилей

    В этом уроке мы напишем все CSS стили на основе уже готового HTML шаблона, без использования CSS препроцессоров.

    • Урок 3. Создание 2-й темы на CSS

    В данном уроке мы создадим вторую тему для сайта.

    • Урок 4. Переписывание стилей на Less

    В этом уроке вы увидите, как с помощью препроцессора Less можно быстро переписать чистый CSS на препроцессор. Вы увидите, зачем это нужно, как сильно он облегчает разработку и поддерживаемость кода.

    • Урок 5. Создание 2-й темы на Less

    В этом уроке вы увидите, как на основе темы, написанной на языке Less, можно быстро создать вторую тему для сайта.

    • Урок 6. Компиляция Less файлов

    В данном уроке мы поговорим про два способа компиляции Less файлов, так как синтаксис Less браузеры не понимают, и их нужно привести к CSS коду. Также мы поговорим про оптимизацию загрузки скорости сайта и размер CSS файла.

    • Урок 7. Написание скрипта для смены темы

    В этом последнем уроке мы напишем скрипт, который позволит динамически менять тему сайта. В нем можно будет указать, какие стили подключать — CSS или скомпилированный Less.

  • ВСЕ МАТЕРИАЛЫ АВТОРА

    Видеокурс
    Видеокурс "React JS...

    Видео урок
    Видеокурс "NodeJS. ...

    Бесплатный видео урок
    Бесплатный видеокур...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "Фреймвор...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "JavaScri...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "React JS...

    Видео урок
    Видеокурс "FullStac...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "Фреймвор...

    Бесплатный видео урок
    Бесплатный видеокур...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "Telegram...

    Видео урок
    Видеокурс "Angular ...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "Препроце...

  • СМОТРИТЕ БЕСПЛАТНЫЕ МИНИ - КУРСЫ АВТОРА

    Мини-курс. Веб-дизайн. Быстрый старт. (Даниил Волосатов - Webformyself)
    Мини-курс. Python. ...

    Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)
    Мини-курс. NodeJS. ...

    Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)
    Мини-курс. Server S...

    JavaScript. Быстрый старт. (Владилен Минин - Webformyself)
    Мини-курс. JavaScri...

    React JS. Основы. (Владилен Минин - Webformyself)
    Мини-курс. React JS...

    Full-Stack практика. Создание JavaScript блога. (Владилен Минин - Webformyself)
    Мини-курс. Full-Sta...

    Создание Telegram бота. (Владилен Минин - Webformyself)
    Мини-курс. Создание...

    Препроцессоры. Быстрый старт. (Владилен Минин - Webformyself)
    Мини-курс. Препроце...

    Angular 4 быстрый старт, первые результаты. (Владилен Минин - Webformyself)
    Мини-курс. Angular ...

    VUE JS – быстрый старт, первые результаты. (Владилен Минин - Webformyself)
    Мини-курс. VUE JS –...