Sass / SCSS COMPLETE Tutorial (+ Node.js & NPM) with Real-World Example
? Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
? Professional CSS Course: https://bytegrad.com/courses/professional-css
? Email newsletter (React + Next.js course out soon!): https://email.bytegrad.com
? Premium Courses:
Professional JavaScript: https://bytegrad.com/courses/professional-javascript
Professional CSS: https://bytegrad.com/courses/professional-css
All courses: https://bytegrad.com/courses
? Email newsletter (get notified of new courses): https://email.bytegrad.com
⏱️ Timestamps:
0:00 - Intro: learn Sass because you will see it often as a developer
0:40 - Create a Sass file (SCSS syntax)
1:33 - Copy everything from CSS-file to Sass-file
2:38 - Benefits of using Sass today
3:04 - Benefit 1 of Sass: nesting (with &)
8:31 - Benefit 2 of Sass: variables (with $) - better syntax than custom properties in plain CSS
14:57 - Benefit 3 of Sass: comments in Sass
15:50 - Compile Sass / SCSS to CSS
16:14 - Use Node.js and NPM to compile Sass to CSS
18:20 - Using the terminal in VS Code
19:05 - node -v (command) to see current Node.js version installed
19:54 - Initialize project for NPM (everything is a package in NPM)
20:25 - package.json file
20:48 - Using NPM-package to compile Sass into CSS
21:34 - npm install sass
24:29 - Write a script in package.json to use the NPM-package we just installed
25:37 - Running an NPM-script
27:55 - We don't want the sourcemap file (use --no-source-map)
29:17 - Automatic compiling with --watch
31:35 - Summary
#css #sass #scss #sassscss #csssass #webdevelopment #coding #programming
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Sass / SCSS COMPLETE Tutorial (+ Node.js & NPM) with Real-World Example», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.