webformyself
Webformyself - универсальная русскоязычная площадка, которая делает годные курсы по нескольким направлениям, от фреймворков и верстки до SEO...
Препроцессоры Sass и Less
Препроцессоры Sass и Less. Автоматизация и упрощение Front-end разработки
Продолжительность
15 ч 11 мин
Категория
CSS
Количество уроков
76 Видео
Дата добавления
7 мая 2017 г., 00:00
Язык
Русский
Дата обновления
14 нояб. 2017 г., 23:48
Препроцессоры Sass и Less упрощают вашу работу в разы. Они ускоряют написание css, добавляя вам ряд преимущест, таких как переменные, миксины. вложенные селекторы, математические функции, сообщения об ошибках в написании кода и тд. Во время использования Less или Sass в разработке проекта вы получите удобное написание кода, который будете писать в разы быстрей по сравнению с тем, если бы вы использовали обычный css, также вы сможете избежать дублей стилей, соответсвенно ваш код станет легким для браузеров, и важный аспект - такй код легче поддерживать.
Пройдя этот курс вы получите как теоритические знания, так и практические навыки использования Sass и Less (Файлы практики находятся в материалах курса). Также в курсе присутсвуют бонусные уроки по основам Node.js и Gulp.
Пройдя этот курс вы получите как теоритические знания, так и практические навыки использования Sass и Less (Файлы практики находятся в материалах курса). Также в курсе присутсвуют бонусные уроки по основам Node.js и Gulp.
Бонус: Основы Node.js - 60-70 Урок
Бонус: Основы Gulp - 71-76 Урок
Посмотреть больше
-
Урок 0. 00:12:11Бонус: Введение, установка и запуск
-
Урок 0. 00:15:50Бонус: Работа с модулями
-
Урок 0. 00:11:15Бонус: Пакетный менеджер NPM
-
Урок 0. 00:18:02Бонус: Package.json
-
Урок 0. 00:03:35Бонус: Глобальные модули
-
Урок 0. 00:14:09Бонус: Встроенные модули
-
Урок 0. 00:12:28Бонус: Работа с файлами
-
Урок 0. 00:06:51Бонус: Создание простого веб-сервера. Часть 1
-
Урок 0. 00:17:22Бонус: Создание простого веб-сервера. Часть 2
-
Урок 0. 00:06:18Бонус: Получения данных из командной строки
-
Урок 0. 00:14:29Бонус: Что такое gulp и его установка
-
Урок 0. 00:15:37Бонус: Работа с файлами
-
Урок 0. 00:16:04Бонус: Подключение плагинов. Сборка Less файлов
-
Урок 0. 00:11:24Бонус: Gulp debug и работа с плагинами
-
Урок 0. 00:04:15Бонус: Gulp watch
-
Урок 0. 00:09:10Бонус: Подключение browser sync
-
Урок 1. 00:04:32Что такое Less
-
Урок 2. 00:12:21Компиляция на клиенте
-
Урок 3. 00:11:29Компиляция на NodeJS
-
Урок 4. 00:26:09Компиляция с помощью Gulp
-
Урок 5. 00:17:19Переменные
-
Урок 6. 00:12:25Миксины. Часть 1
-
Урок 7. 00:14:00Миксины. Часть 2
-
Урок 8. 00:12:13Миксины. Часть 3
-
Урок 9. 00:13:29Вложенность
-
Урок 10. 00:07:22Операторы
-
Урок 11. 00:10:03Наследование
-
Урок 12. 00:04:29Некомпилируемые строки
-
Урок 13. 00:10:49Циклы
-
Урок 14. 00:09:45Импорты
-
Урок 15. 00:07:34Встроенные функции
-
Урок 16. 00:03:05Что такое SASS и SCSS
-
Урок 17. 00:21:01Настройка окружения для компиляции
-
Урок 18. 00:06:52Переменные
-
Урок 19. 00:08:31Некомпилируемые файлы настройки
-
Урок 20. 00:09:41Миксины. Часть 1
-
Урок 21. 00:11:30Миксины. Часть 2
-
Урок 22. 00:03:45Миксины. Часть 3
-
Урок 23. 00:05:39Импорты
-
Урок 24. 00:07:22Медиа запросы
-
Урок 25. 00:08:01Операторы
-
Урок 26. 00:07:25Встроенные функции
-
Урок 27. 00:07:20Создание своих функций
-
Урок 28. 00:05:50Наследование стилей
-
Урок 29. 00:07:45Условные директивы if else
-
Урок 30. 00:10:08Циклы
-
Урок 31. 00:04:10Что такое css методологии
-
Урок 32. 00:12:58БЭМ
-
Урок 33. 00:08:03Наследование
-
Урок 34. 00:01:38Вводный
-
Урок 35. 00:24:58Настройка рабочего окружения
-
Урок 36. 00:09:50Создание миксинов и параметров проекта
-
Урок 37. 00:20:58Блок навигации
-
Урок 38. 00:08:46Блок хедера
-
Урок 39. 00:08:41Блок авторизации
-
Урок 40. 00:17:58Блок покупки. Часть 1
-
Урок 41. 00:15:54Блок покупки. Часть 2
-
Урок 42. 00:16:23Блок покупки. Часть 3
-
Урок 43. 00:29:48Блок пакетов
-
Урок 44. 00:12:46Блок о нас
-
Урок 45. 00:12:13Блок слайдера
-
Урок 46. 00:11:08Блок преимущества
-
Урок 47. 00:24:29Блок подвала
-
Урок 48. 00:21:03Функционал слайдера и продакшн сборка
-
Урок 49. 00:01:47Вводный
-
Урок 50. 00:22:00Настройка рабочего окружения (gulp)
-
Урок 51. 00:11:11Создание миксинов и параметров проекта
-
Урок 52. 00:17:12Блок навигации
-
Урок 53. 00:13:49Блок хедера
-
Урок 54. 00:10:43Блок функций
-
Урок 55. 00:09:20Блок преимуществ
-
Урок 56. 00:22:51Блок решений
-
Урок 57. 00:14:22Блок автора
-
Урок 58. 00:19:06Блок шагов
-
Урок 59. 00:16:02Блок подвала
-
Урок 60. 00:04:35Финальная сборка
Автор - webformyself
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
codeschool
29 июн. 2016 г., 00:00
Sass
Code School: Assembling Sass
Sass это расширение CSS, которое добавляет больше силы и элегатности к основному css. Это позволяет использовать переменные, вложенные правила, миксины и многое другое. Писать css на Sass просто и быстро.
frontendmasters
20 апр. 2017 г., 00:00
Основы Sass
Sass Fundamentals
Sass и другие препроцессоры создавались по одной причине: CSS становится утомительным для написания и трудно поддерживаемым, поскольку приложение становится более сложным. Несмотря на недавние значительные улучшения в организации JavaScript в наших современных веб-приложениях, CSS сравнительно слабо развился. Вместо этого многие команды полагаются на препроцессоры, такие как Sass, Less, PostCSS, Stylus и другие. Это, по существу, расширение ос
Все лучшее и самое полезное о SCSS
Learn the Best and Most Useful SCSS
Вы когда-нибудь хотели получить доступ к условностям или итерации при написании стилей? Как здорово было бы использовать функции для написания стилей? SCSS имеет это и многое другое! SCSS - это надстройка CSS. Любой допустимый CSS - это SCSS, они даже имеют одинаковый синтаксис. SCSS заимствует функции с других языков для написания умных, многоразовых и более читаемых стилей. Этот курс будет посвящен тому, как использовать более полезные функции
Продвинутый CSS и Sass: Поднимите свой CSS на следующий уровень!
Advanced CSS and Sass Flexbox, Grid, Animations and More!
Самый продвинутый и современный курс CSS в Интернете: анимация, flexbox, отзывчивый дизайн и многое другое. Вы какое-то время писали CSS, но хотите перенести свою игру на следующий уровень? Чувствуете ли вы путаницу с CSS-жаргоном, как наследование, специфика или каскад? Что если бы был один ресурс, одно место, где вы могли бы изучить все современные методы и свойства CSS, о которых вы читали? Хорошая новость: вот он! Добро пожаловать в &la
CSS - Полное руководство (включая Flexbox, Grid и Sass)
CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)
Изучите CSS в первый раз или поднимите свои навыки CSS и погрузитесь еще глубже. КАЖДЫЙ веб-разработчик должен знать CSS.CSS - сокращение от Cascading Style Sheets - это «язык программирования», который вы используете, чтобы превратить ваши необработанные HTML-страницы в настоящие красивые веб-сайты.Этот курс охватывает все это - мы начинаем с самых основ (что такое CSS?) Как это работает? Как вы его используете? и постепенно погружай