Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)
✏️ Узнаем что такое препроцессор стилей, для чего он нужен, как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:33 | Проблемы CSS ▶ 03:24 | Что такое препроцессор стилей ▶ 04:27 | Настройка препроцессора Sass в VSCode ▶ 08:14 | Настройка автокомпиляции SCSS в CSS через Prepros ▶ 10:43 | Настройка препроцессора Sass в WebStorm ▶ 12:29 | Препроцессор Sass (SCSS) ▶ 13:45 | Препроцессор Sass — вложенность селекторов ▶ 16:18 | Препроцессор Sass — миксины ▶ 18:20 | Препроцессор Sass — переменные в миксинах ▶ 20:41 | Препроцессор Sass — функции ▶ 21:56 | Препроцессор Sass — циклы ▶ 23:12 | Препроцессор Sass — разбивка на файлы, включение файлов друг в друга ▶ 26:41 | Заключение 📚 Ссылки из видео: ➖ NodeJS: https://nodejs.org/ ➖ Prepros: https://prepros.io/ ➖ Sass: https://sass-lang.com/ 💬 Коммьюнити-чат в телеграме (помощь новичкам): https://t.me/FriendlyFrontend 🧑💻 Основной телеграм-канал: https://t.me/AleksanderLamkov ❤️ Boosty (поддержать автора): https://boosty.to/friendly-frontend 🗂️ Бесплатные курсы на канале: 🟠 HTML: • HTML курс 2025 🔵 CSS: • CSS курс 2025 🟡 JS: • JavaScript курс 2025 🟢 A11y: • Accessibility курс 2025 🗺 Frontend Roadmap: • Frontend Roadmap 2024 | Что должен учить ф... ⚪️ Мастер-класс по верстке для новичков: • Адаптивная верстка сайта с нуля для начина... 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Вёрстка сайта с 0 до результата | HTML, БЭ... ⚫️ Мастер-класс по верстке с практикой по JavaScript: • Вёрстка сайта с нуля • HTML, SCSS, JS прак... 🔴 Мастер-класс по верстке на стеке JSX, SCSS, JS, Vite, Minista (SSG), БЭМ: https://stepik.org/a/228315 📌 Автор: ➖ Личный сайт: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/AleksanderLamkov ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksand... ➖ Stepik (платные курсы и мастер-классы): https://stepik.org/a/228315 #frontend #фронтенд #html #css
CSS: svh, lvh, dvh — new units of measurement
Пиксели в CSS не нужны — используй Rem! Адаптивный размер шрифта, Sass-миксин и функция Px to Rem
Препроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение.
Препроцессоры SCSS/SASS. Все, что нужно знать для старта
Подключаем к VS Code бесплатные локальные AI модели с помощью LM Studio — пошаговая инструкция
Всё, что вы хотели знать о Ruby и не знали, у кого спросить
Лучший Гайд по Kafka для Начинающих За 1 Час
15. CSS Grid Layout. Грид-сетка. Гайд по гридам в CSS
Фронтенд и моё первое тестовое задание — прожарка, анализ ошибок.
Flow State Music | No Lyrics Creative Flow Music - Ultimate Work Flow Music For Focus Mode
![82. Frontender[1.0] ПРЕПРОЦЕССОРЫ SASS | SCSS. Конфигурация. Теория и практика. Блок 1](https://i.ytimg.com/vi/6JGm-t-psiE/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBzPY33fwmk7QAAz0xsLgRq4jTqHA)
82. Frontender[1.0] ПРЕПРОЦЕССОРЫ SASS | SCSS. Конфигурация. Теория и практика. Блок 1
Ecuador vs. Germany Highlights FIFA World Cup 2026 | Sportschau
Meta’s AI Clusterf*ck Is Humiliating Zuckerberg
BEM Methodology in 10 Minutes | Basics for Beginners
![Самое опасное когнитивное искажение [Veritasium]](https://i.ytimg.com/vi/xHPEfosHAXM/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBOP56zDqqH5sZpx-Vnzms-YtitXQ)
Самое опасное когнитивное искажение [Veritasium]
Модули Sass: use, forward, import
Адаптивная верстка сайта с нуля: HTML, SASS, BEM
2. Гайд по CSS-селекторам, расчёт специфичности в CSS. Приоритет и вес стилей
Как бы я сейчас изучал 1С. Не повторяй мои ошибки!
