Видео-курс о концепциях JavaScript

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

Рекурсия в JavaScript - Рекурсивные функции

Рекурсия это ситуация когда функция вызывает сама себя.

Каррирование в JavaScript

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

Итераторы в JavaScript

В этом выпуске говорим о том как сделать кастомный объект итерируемым с for...of. Итераторы или итерируемые объекты - это объекты, которые можно перебирать в цикле. Иногда бывает полезным создать собственный итератор на свои объекты, которые не являются итерируемыми изначально. Это будет полезно, т.к. удобство работы с такими объектами вырастет. Нужно будет всего лишь написать свой алгоритм перебора и возвращать результат определенного вида.
Чтобы сделать объект итерируемым нужно чтобы объект имел поле Symbol.iterator. Это поле должно быть функцией. Функция должна возвращать объект с полем next. next это функция, которая в свою очередь должна возвращать объект с полями value и done.

Для чего генераторы в JavaScript?

В этом выпуске рассматриваем генераторы в JavaScript. Генераторы в JavaScript (generators) - это особый тип функций, которые могут приостанавливать свое выполнение, выполнять результат, и далее возобновлять свою работу в произвольный момент времени, вернуть еще один результат и т.д. При вызове метода next, генератор возобновляет выполнение и при достижении yield приостанавливается. Результат выполнения функции генератора это ничто иное как итератор. У него есть метод next, который возвращает объект с полями value и done.

Что такое прокси (Proxy) в JavaScript?

Proxy в JavaScript позволяет перехватывать и переопределять операции над объектом.

Что такое поднятие (hoisting) в JavaScript

Поднятие - это механизм который делает возможным использование функций и переменных до их объявления.

var, let, const в JavaScript

Функции высшего порядка в JavaScript

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

год назад·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 Исходный код проекта