Содержание пакета (2 курса)
1. Git + GitHub. Полный курс 4.97
Вступление
3 урока
1.
Добро пожаловать
↗
2.
Знакомство
↗
3.
О курсе
↗
Основы Git
14 уроков
1.
Обзор систем контроля версий
↗
2.
Установка и настройка Git
↗
3.
Первый репозиторий
↗
4.
Первый коммит
↗
5.
Индекс
↗
6.
Подробнее о коммитах
↗
7.
Откат изменений
↗
8.
Удаление файлов
↗
9.
Переименование/перемещение файлов
↗
10.
Просмотр изменений
↗
11.
История коммитов
↗
12.
Машина времени (изменение истории)
↗
13.
Игнорирование файлов
↗
14.
Домашнее задание
↗
GitHub
8 уроков
1.
Создание удаленного репозитория
↗
2.
Клонирование репозитория
↗
3.
SSH аутентификация
↗
4.
Копирование чужого репозитория (fork)
↗
5.
GitHub Copilot
↗
6.
Файл Readme.md и разметка Markdown
↗
7.
Альтернативы GitHub
↗
8.
Домашнее задание
↗
Ветвление и командная работа
9 уроков
1.
Введение в ветки
↗
2.
Переключение между ветками
↗
3.
Создание, просмотр, удаление веток
↗
4.
Слияние веток
↗
5.
Конфликты при слиянии
↗
6.
Экстренное переключение между задачами
↗
7.
Безопасное обновление репозитория
↗
8.
Поиск автора кода
↗
9.
Запросы на слияние (Pull Request)
↗
Финал
2 урока
1.
Большая шпаргалка
↗
2.
Обещанный бонус
↗
2. Вёрстка сайта с нуля • JSX, SCSS, JS, Vite, Minista, БЭМ 5.00
Введение, подготовка папок и файлов
16 уроков
1.
Введение. Что будет в мастер-классе. Что нужно знать
↗
2.
Сборщик проектов Vite и фреймворк Minista
↗
3.
Установка Minista и библиотек. Настройка сборщика проектов
↗
4.
Подготовка структуры папок проекта
↗
5.
Файлы constants.scss и functions.scss — Sass-константы и функции
↗
6.
Файл mixins.scss — Sass-миксины
↗
7.
Файл media.scss — Sass-миксины для медиавыражений
↗
8.
Файл helpers/index.js, автоподключение через сборщик проектов
↗
9.
Подключение нормализации стилей
↗
10.
Подключение шрифтов
↗
11.
Файл variables.scss — подготовка глобальных CSS-переменных
↗
12.
Файл utils.scss — подготовка утилитарных классов
↗
13.
Файл globals.scss — подготовка глобальных стилей
↗
14.
Шаблонизатор разметки JSX. Знакомство с синтаксисом. Особенности
↗
15.
Файл global.jsx — настройка глобальной обертки каждой из страниц
↗
16.
Настройка шаблона в WebStorm для быстрого создания компонентов
↗
Шапка и футер страницы (Header и Footer)
8 уроков
1.
Sticky эффект, применение scroll animation-timeline
↗
2.
Компонент Logo, библиотека classNames
↗
3.
Меню навигации, списки в JSX, метод массивов map
↗
4.
Компоненты Button и Icon, SVG-спрайты
↗
5.
Компонент BurgerButton
↗
6.
Меню-оверлей, HTML-элемент dialog, display contents
↗
7.
JavaScript-модуль OverlayMenu
↗
8.
Футер страницы — компоненты Socials и Button (доработка)
↗
Главная страница
13 уроков
1.
Секция Hero, доработка Header
↗
2.
Секция Categories — компонент Section
↗
3.
Секция Categories — компоненты CategoryCard и Image
↗
4.
Секция Categories — компоненты Slider и SliderNavigation
↗
5.
Секция Categories — JavaScript-модуль SliderCollection (2 шага)
↗
6.
Секция Devices — компоненты Grid и DeviceCard
↗
7.
Секция Questions — компонент AccordionGroup
↗
8.
Секция Questions — компонент Accordion
↗
9.
Секция Plans — компоненты PlanCard и Button (доработка)
↗
10.
Секция Plans — компоненты Tabs и TabsNavigation
↗
11.
Секция Plans — JavaScript-модуль TabsCollection (2 шага)
↗
12.
Абстрактный класс BaseComponent, Proxy API, доработка Tabs
↗
13.
Секция Banner, доработка Content
↗
Страница Movies
3 урока
1.
Секция MoviesBanner — MovieBannerCard, Slider (2 шага)
↗
2.
Секция Collections — компонент Badge (2 шага)
↗
3.
Секция Collections — компоненты MovieCard и RatingView (3 шага)
↗
Страница Movie (детальная страница фильма)
4 урока
1.
Секция MovieBanner, доработка компонента MovieBannerCard
↗
2.
Секция MovieDetails — компоненты PersonCard, ReviewCard (2 шага)
↗
3.
Секция MovieDetails — компоненты Tags, Rating и PersonCard
↗
4.
Секция MovieDetails — стилизация, Slider и SliderNavigation
↗
Страница Show (детальная страница сериала)
4 урока
1.
Секция ShowBanner
↗
2.
Секция MovieDetails — Seasons, AccordionGroup, Accordion
↗
3.
Секция MovieDetails, компоненты Seasons и EpisodeCard (2 шага)
↗
4.
Секция MovieDetails, JavaScript-модуль VideoPlayer
↗
Страница Support
6 уроков
1.
Секция Support — компонент Field (2 шага)
↗
2.
Секция Support — JavaScript-модуль InputMask
↗
3.
Секция Support — компонент Checkbox
↗
4.
Секция Support — компонент Select (разметка)
↗
5.
Секция Support — компонент Select (стилизация)
↗
6.
Секция Support — JavaSscript-модуль Select (2 шага)
↗
Страница Subscriptions
1 урок
1.
Секция PlansComparison — компонент Table (2 шага)
↗
Финал
3 урока
1.
Рефакторинг и исправление ошибок
↗
2.
Сборка приложения
↗
3.
Заключение
↗