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

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

Tailwind это супер простой и расширяемый способ работать с CSS.

Tailwind состоит из множества классов утилит уже готовых к использованию. В этом курсе мы будем на практических примерах пошагово изучать как работать с TailwindCSS и изучать и применять его возможности. Во время курса будем реализовывать доску для задач по типу trello. На каждом уроке изучаем очередную группу утилит и применяем ее к проекту.
  1. О курсе Tailwind CSS
  2. Что такое Tailwind CSS?
  3. Установка TailwindCSS
  4. Как работать с TailwindCSS CLI?
  5. Как написать компонент с TailwindCSS?
  6. Варианты установки TailwindCSS
  7. Ширина и высота в TailwindCSS
  8. Как работает TailwindCSS
  9. Размеры шрифта и их кастомизация в Tailwind
  10. Как поменять цвет текста и фона в TailwindCSS
  11. Flexbox в TailwindCSS
  12. Установка padding и margin в Tailwind CSS (ранний доступ на Boosty)
  13. Скроллинг, overscroll и overflow в Tailwind CSS
  14. Border в Tailwind CSS - ширина, радиус, цвет, стиль
  15. Как настроить Tailwind Config?
  16. Кастомизация TailwindCSS утилит
Плейлист со всеми частями курса Этот курс выкладывается на Boosty с ранним доступом. Подпишись на Boosty и получи ранний доступ к актуальным темам о фронтенде и эксклюзивный контент.

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

2 года назад·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