![Обложка курса «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]» на Stepik](https://cdn.stepik.net/media/cache/images/courses/253160/cover_XckvyJ8/a7dc982f8db66145f5ab108afae68606.png "Программа: Frontend-разработка [ JavaScript + Git + GitHub ] — рейтинг 5.0, 170 учеников")
![Сертификаты, выданные на курсе «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/certificate.png){kind=icon}
![Отзывы о курсе «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/rewiew.png){kind=icon}
![Рейтинг курса «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/star.png){kind=icon}
![Стоимость курса «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/price.png){kind=icon}
![Обновления курса «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/last_update.png){kind=icon}
![Дата публикации курса «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/date_publ.png){kind=icon}
Содержание пакета (3 курса)
![Курсы в пакете «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/package.png){kind=icon}
3
курса
![Уроки в курсе «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/text.png){kind=icon}
259
уроков
![Тесты в курсе «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/quiz.png){kind=icon}
616
тестов
![Задачи в курсе «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/code.png){kind=icon}
98
задач
![Время прохождения курса «Программа: Frontend-разработка [ JavaScript + Git + GitHub ]»](/static/images/icons/time_clock.png){kind=icon}
113 ч.
1. Git + GitHub. Полный курс 4.97
5 866
36
119
8 ч.
Вступление
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. Твой JavaScript 4.98
22 235
119
82
37
23 ч.
Введение
10 уроков
1.
Про курс
↗
2.
Что нужно сделать
↗
3.
Про JavaScript
↗
4.
Выбор браузера и редактора
↗
5.
Подготовка к работе в VS Code
↗
6.
Установка NodeJS
↗
7.
Первая программа
↗
8.
Открываем сайт с JavaScript
↗
9.
Атрибуты async и defer
↗
10.
Инструкции в коде
↗
Переменные
6 уроков
1.
Создание переменных
↗
2.
Константы (const) и устаревшее var
↗
3.
Правильные названия переменных
↗
4.
Строгий режим - use strict
↗
5.
Стиль кода
↗
6.
Отладка кода
↗
Типы данных
16 уроков
1.
Обзор типов данных
↗
2.
Оператор typeof и его нюансы
↗
3.
Number - числовой тип данных
↗
4.
Infinity, NaN и превращение числа в строку
↗
5.
Превращение строки в число
↗
6.
Неточность вычислений
↗
7.
Округление чисел
↗
8.
Минимальное, максимальное и случайное значения
↗
9.
String - строки
↗
10.
Углубление в строки
↗
11.
BigInt - большие целые числа
↗
12.
Boolean - булев тип данных
↗
13.
Symbol - символ
↗
14.
null и undefined
↗
15.
Object - объекты
↗
16.
Autoboxing
↗
Операторы
13 уроков
1.
Операторы и операнды
↗
2.
Математические операторы
↗
3.
Конкатенация
↗
4.
Присваивание
↗
5.
Инкремент, декремент и запятая
↗
6.
Сравнение
↗
7.
Сравнение строк
↗
8.
И, Или, Не (AND, OR, NOT)
↗
9.
Нюансы ИЛИ
↗
10.
Нюансы И
↗
11.
?? - оператор нулевого слияния
↗
12.
Приоритет и ассоциативность
↗
13.
Побитовые операторы
↗
Ветвления
10 уроков
1.
Логика: if-else
↗
2.
Тернарный оператор
↗
3.
Неправильное использование тернарного оператора
↗
4.
Конструкция switch
↗
5.
Использование switch (true)
↗
6.
Задача 1 - Тебе нравится JS?
↗
7.
Задача 2 - Здороваемся по имени
↗
8.
Задача 3 - Здороваемся по возрасту
↗
9.
Задача 4 - Поиск по названию продукта
↗
10.
Задача 5 - Отгадай число
↗
Функции
21 урок
1.
Объявление функции
↗
2.
Выражение функции
↗
3.
Область видимости
↗
4.
Блочная область видимости
↗
5.
Функциональная область видимости
↗
6.
Создание функции и scope
↗
7.
Создание переменных с var
↗
8.
Параметры функции
↗
9.
Возвращение значений из функции
↗
10.
"Правильные" функции
↗
11.
Функция - это объект
↗
12.
callback-функции
↗
13.
Стрелочные функции
↗
14.
Стек вызовов - callstack
↗
15.
Рекурсия
↗
16.
Углубление в рекурсию
↗
17.
Именованное функциональное выражение - NFE
↗
18.
Документирование с JSDoc
↗
19.
Задача 1 - Полное имя
↗
20.
Задача 2 - Функция-компаратор
↗
21.
Задача 3 - Склонение слова по числу
↗
Массивы
9 уроков
1.
Введение в массивы
↗
2.
Получение значений из массива
↗
3.
Простые методы массива
↗
4.
Неверное использование массива
↗
5.
Многомерные массивы
↗
6.
Создание через new Array() и изменение длины
↗
7.
Сравнение массивов
↗
8.
... rest - Остаточные параметры
↗
9.
... spread синтаксис
↗
Циклы
15 уроков
1.
while
↗
2.
do-while
↗
3.
for
↗
4.
break и continue
↗
5.
Вложенные циклы
↗
6.
Итерация по массиву
↗
7.
for..in и for..of
↗
8.
Итерация по многомерным массивам
↗
9.
Задача 1 - Разворот массива
↗
10.
Задача 2 - Заполни массив нулями до длины
↗
11.
Задача 3 - Составляем массив до нуля
↗
12.
Задача 4 - Рисуем паттерн
↗
13.
Задача 5 - Получение ближайших максимальных чисел
↗
14.
Задача 6 - Сортировка в случайном порядке
↗
15.
Задача 7 - Проверка на правильность скобок
↗
Объекты
17 уроков
1.
Введение в объекты
↗
2.
Вычисляемые названия и значения свойств
↗
3.
Свойства прототипа
↗
4.
Проверка существования свойства
↗
5.
Что использовать, массив или объект?
↗
6.
Методы
↗
7.
Откуда берется контекст в методах
↗
8.
Контекст в стрелочных функциях
↗
9.
Названия для приватных свойств
↗
10.
Объект в цикле for..in
↗
11.
Object.keys, Object.values, Object.entries
↗
12.
Вложенные объекты
↗
13.
Цепочка методов
↗
14.
Оператор опциональной последовательности
↗
15.
Задача 1 - Превращаем массив в объект
↗
16.
Задача 2 - Ищем самый часто повторяющийся символ
↗
17.
Задача 3 - Рефереры, подсчет вознаграждения
↗
Конец первой части курса
2 урока
1.
Друзья курса
↗
2.
Что дальше?
↗
3. Твой JavaScript PRO 4.92
533
104
415
61
82 ч.
Начало
8 уроков
1.
Приветствие
↗
2.
Ошибки
↗
3.
Дата и время
↗
4.
JSON
↗
5.
Деструктуризация
↗
6.
setTimeout() и setInterval()
↗
7.
Структуры Map и Set
↗
8.
Каррирование
↗
Массивы
9 уроков
1.
Вспоминаем массивы
↗
2.
Создание и проверка массивов
↗
3.
Изменение элементов
↗
4.
Поиск и проверка элементов
↗
5.
Преобразование массива
↗
6.
Сортировка, объединение и преобразование
↗
7.
Агрегация
↗
8.
Итерация
↗
9.
Практика
↗
Объекты
11 уроков
1.
Свойства в объекте
↗
2.
Копирование и клонирование объектов
↗
3.
Тип Symbol
↗
4.
Функции-генераторы и итераторы
↗
5.
Сборщик мусора
↗
6.
Контекст
↗
7.
Методы call и apply
↗
8.
Декораторы
↗
9.
Метод bind
↗
10.
Дескрипторы свойств
↗
11.
Геттеры и сеттеры
↗
Функция-конструктор Object
6 уроков
1.
Про Object
↗
2.
Методы для работы с объектами
↗
3.
Методы для управления свойствами объекта
↗
4.
Методы для работы с прототипами
↗
5.
Методы для проверки и управления состоянием объекта
↗
6.
Методы для работы с группировкой и сравнением
↗
ООП и функции-конструкторы
18 уроков
1.
Введение в ООП в JavaScript
↗
2.
Про объекты и прототипы
↗
3.
Проблема литеральных объектов
↗
4.
Функции-конструкторы
↗
5.
Использование прототипа
↗
6.
Разница [[Prototype]], __proto__ и prototype
↗
7.
Статические свойства
↗
8.
Наследование свойств в функциях-конструкторах
↗
9.
Наследование статических свойств
↗
10.
Наследование методов в прототипах
↗
11.
Запись в свойства объекта
↗
12.
Цикл for..in и функции-конструкторы
↗
13.
Геттеры и сеттеры для функций-конструкторов
↗
14.
Переопределение методов
↗
15.
Полифилы, расширение стандартных прототипов и автобоксинг
↗
16.
Проверка вызова с new
↗
17.
Нюансы при работе с функциями-конструкторами
↗
18.
instanceof
↗
ООП и классы
12 уроков
1.
Классы
↗
2.
Геттеры и сеттеры в классах
↗
3.
Вычисляемые названия свойств и методов
↗
4.
Статические свойства и методы
↗
5.
Порядок свойств и методов в классе
↗
6.
Наследование классов
↗
7.
Наследование и порядок создания объекта
↗
8.
Приватные методы и свойства
↗
9.
Расширение нативных функций-конструкторов
↗
10.
Абстрактные классы
↗
11.
Миксины
↗
12.
Пользовательские ошибки
↗
Модули
5 уроков
1.
Про модули
↗
2.
export и import
↗
3.
export default
↗
4.
Реэкспорт
↗
5.
Особенности и нюансы модулей
↗
Асинхронность
18 уроков
1.
Асинхронность в JavaScript
↗
2.
callback-функции
↗
3.
Промисы
↗
4.
Промисы с then, catch и finally
↗
5.
Промисы и цепочка методов
↗
6.
Thenable интерфейс
↗
7.
Создание отработанных промисов
↗
8.
Обработка ошибок
↗
9.
Перехват необработанных отклоненных промисов
↗
10.
Статические методы Promise
↗
11.
Промисификация
↗
12.
async/await
↗
13.
Нюансы async/await
↗
14.
Асинхронные итераторы, генераторы и for..await
↗
15.
Array.fromAsync()
↗
16.
Динамические импорты
↗
17.
Цикл событий - Event Loop
↗
18.
Практика
↗
npm
3 урока
1.
Начало работы с npm
↗
2.
Версионирование
↗
3.
Публикация библиотек
↗
Работа с API
13 уроков
1.
Что такое HTTP и как он работает
↗
2.
Структура HTTP-запроса
↗
3.
Методы HTTP-запросов
↗
4.
Что такое HTTPS
↗
5.
Про API
↗
6.
URL
↗
7.
XMLHttpRequest
↗
8.
Fetch
↗
9.
Практика с fetch
↗
10.
CORS
↗
11.
Аутентификация и авторизация
↗
12.
Аутентификация - практика
↗
13.
ApiClient - практика
↗
Конец второй части курса
1 урок
1.
Что дальше?
↗