Полный видео-курс по Sass

2 года назад·3 мин. на чтение

Это полный курс по Sass, он содержит подробное описание всех особенностей работы c Sass: синтаксис, миксины, наследование, функции, модули, ключевые слова и т.д.

Sass это препроцессор. Он переводит sass-код в чистый css, так как браузер понимает только css. Sass просто удобнее использовать за счет того, что он расширяет возможности css, добавляет новый синтаксис. Sass помогает удобнее организовать стили и сделать их более удобными для восприятия и работы, и в целом сокращает количество кода. Можно выносить общие участки стилей и переиспользовать их с возможностью кастомизации.

1. Что такое Sass?

В этом видео говорим об особенностях Sass, рассматриваем два вида синтаксиса Sass, компилируем стили с sass watch, а также добавляем комментарии в стили. Смотреть на Rutube

2. Все о миксинах в Sass

В этом видео говорим о миксинах (mixin) в Sass, как передавать аргументы в миксины, как передать произвольное количество аргументов в миксины, блок content и т.д. Смотреть на Rutube

3. Переменные Sass и Как переключать темы с CSS и JavaScript в React приложении?

В этом видео говорим о Sass переменных, об областях видимости Sass переменных, нюансах их использования, сравниваем переменные Sass и CSS, а также внедряем динамическое переключение тем в React приложение с помощью CSS переменных и JavaScript. Смотреть на Rutube

4. Интерполяция в Sass?

В этом видео говорим об интерполяции в Sass, особенностях применения интерполяции в Sass и как создавать классы со значениями переменных в именах. Смотреть на Rutube

5. Все секреты вложенности в Sass

В этом видео говорим о вложенности в Sass, рассматриваем вложенность свойств и селекторов, добавляем селектор родителя Sass для имен вложенных классов и создания классов как в методологии BEM. Смотреть на Rutube

6. Все директивы Sass

В этом выпуске поговорим о директивах в Sass, рассмотрим группы директив для импорта, генерации стилей, контроля управления и т.д. Смотреть на Rutube

7. Наследование в Sass - @extend

В этом видео поговорим о наследовании в Sass (Sass inheritance), рассмотрим примеры использования наследования и ключевое слово extend. Рассмотрим примеры приватных placeholder селекторов. Смотреть на Rutube

8. Как написать функцию в Sass?

В этом видео поговорим о функциях в Sass, посмотрим как передавать именованные аргументы, пары ключ-значения, значения по умолчанию и произвольное число аргументов. Напишем несколько кастомных функций для возведения числа в степень и конкатенации строк. Смотреть на Rutube

9. Циклы и условия в Sass: for, while, each, if

В этом видео говорим об управляющих директивах в Sass для проверки условий и запуска циклов. Управляющие директивы Sass включают такие директивы как @if, @each, @while, @for. Смотреть на Rutube

10. Что и для чего: миксины, наследование и функции в Sass

В этом видео рассматриваем особенности использования миксинов, наследования и функций в Sass. Смотреть на Rutube

11. Модули Sass: use, forward, import

В этом видео рассматриваем модули Sass и способы их импорта с помощью use, import и forward. Смотреть на Rutube

12. Как запустить JavaScript функцию в Sass?

Смотреть на Rutube

13. Как скрыть свойство Sass по условию?

Рассматриваем как скрывать свойства в Sass, ключевое слово null и его особенности; как работать с глобальной функцией if, и как определить вызван ли миксин внутри класса или вне его. Смотреть на Rutube

14. Встроенные модули Sass

В этом видео рассматриваем встроенные модули Sass и глобальные функции Sass. Смотреть на Rutube

15. Все о математических функциях в Sass

В этом видео рассматриваем математические функции Sass и нюансы работы с ними. Смотреть на Rutube

16. О типе map в Sass

В этом видео рассматриваем модуль sass:map. Смотреть на Rutube

17. Списки в Sass - тип list

В этом видео рассматриваем модуль sass:list. Смотреть на Rutube Исходный код проекта

Что спрашивают по React JS на собеседовании (видео-курс)

2 года назад·1 мин. на чтение

В‌ ‌этом видео-курсе рассмотрим вопросы, которые могут встретиться на собеседовании по ReactJS на позицию фронтенд разработчика.

В этом выпуске разберем вопросы собеседования Junior frontend React разработчика, рассмотрим вопросы по JavaScript, HTML, CSS, которые обязательно спросят и решим алгоритмическую задачу, а также оценим алгоритмическую сложность решения. Смотреть на Rutube
В‌ ‌этом‌ ‌видео‌ рассмотрим еще 10 вопросов, которые могут встретиться на собеседовании по ReactJS на позицию React или frontend разработчика. Это вопросы об управляемых и неуправляемых компонентах, о рендер пропс, Redux и т.д. Смотреть на Rutube
В‌ ‌этом‌ ‌видео‌ рассмотрим наиболее популярные и важные вопросы, которые могут встретиться на собеседовании по ReactJS на позицию React разработчика. Это вопросы о хуках ReactJS, о методах жизненного цикла компонентов React, JSX, о паттернах в ReactJS и т.д. Смотреть на Rutube
Также по теме собеседований рекомендую прочитать: