Полное руководство по Sass/SCSS (+ Node.js и NPM) с реальным примером

👉 НОВЫЙ курс React и Next.js: https://bytegrad.com/courses/professi... Привет, меня зовут Уэсли. Я амбассадор бренда Kinde (платное спонсорство). Я помогу вам освоить новейшие технологии здесь: 👉 Профессиональный курс JavaScript: https://bytegrad.com/courses/professi... 👉 Профессиональный курс CSS: https://bytegrad.com/courses/professi... 👉 Электронная рассылка (курс React + Next.js скоро выйдет!): https://email.bytegrad.com 💻 Премиум-курсы: Профессиональный JavaScript: https://bytegrad.com/courses/professi... Профессиональный CSS: https://bytegrad.com/courses/professi... Все курсы: https://bytegrad.com/courses 🔔 Электронная рассылка (получайте уведомления о новых курсах): https://email.bytegrad.com ⏱️ Временные метки: 0:00 — Введение: изучайте Sass, ведь вы часто будете с ним сталкиваться, будучи разработчиком 0:40 — Создание Sass-файла (синтаксис SCSS) 1:33 — Копирование всего из CSS-файла в Sass-файл 2:38 — Преимущества использования Sass сегодня 3:04 — Преимущество Sass 1: вложенность (с &) 8:31 — Преимущество Sass 2: переменные (с $) — синтаксис лучше, чем пользовательские свойства в обычном CSS 14:57 — Преимущество Sass 3: комментарии в Sass 15:50 — Компиляция Sass/SCSS в CSS 16:14 — Использование Node.js и NPM для компиляции Sass в CSS 18:20 — Использование терминала в VS Code 19:05 — node -v (команда) для просмотра текущей установленной версии Node.js 19:54 — Инициализация проекта для NPM (в NPM всё представляет собой пакет) 20:25 — файл package.json 20:48 — Использование NPM-пакета для компиляции Sass в CSS 21:34 — npm install sass 24:29 — Напишите скрипт в package.json для использования только что установленного NPM-пакета 25:37 — Запуск NPM-скрипта 27:55 — Нам не нужен файл sourcemap (используйте --no-source-map) 29:17 — Автоматическая компиляция с помощью --watch 31:35 — Краткое содержание #css #sass #scss #sassscss #csssass #webdevelopment #coding #programming Обратите внимание, что мои видео могут содержать ошибки. Всегда проверяйте безопасность своего кода и его работу в вашей конкретной ситуации. Просматривая видео, вы соглашаетесь с тем, что несёте полную ответственность за любые ошибки в своём коде. Этот канал и весь его контент принадлежат и управляются компанией ByteGrad Sp. z o.o. с налоговым номером: PL6762676561. ЛУЧШИЙ ресурс для изучения искусственного интеллекта для разработчиков — https://datacamp.pxf.io/RGyxrR (платное спонсорство и ByteGrad Sp. z o.o. получает комиссию)