Содержимое курса
Раздел 1: Добро пожаловать!
Summary for Раздел 1: Добро пожаловать, Добро пожаловать, Добро пожаловать!
0/1
Настройка нашего редактора кода
00:00
Раздел 2: Основы JavaScript – Часть 1
Summary for Раздел 2: Основы JavaScript – Часть 1
0/22
Краткое введение в JavaScript (11 минут)
00:00
Раздел 2: Основы JavaScript – Часть 1 проект
00:00
“Выпуски JavaScript: ES5, ES6+ и ESNext (14 минут)”
00:00
Условный (тернарный) оператор (10 мин)
00:00
“Утверждения и выражения (6 минут)”
00:00
“Оператор switch (13 минут)”
00:00
Логические операторы (11 минут)
00:00
Булевая логика (9 мин)
00:00
Операторы равенства: == против === (16мин)
00:00
“Истинные и ложные значения (10 минут)”
00:00
Преобразование типов и приведение типов (17 мин)
00:00
Принятие решений: операторы if / else (13min)
00:00
‘Строки и шаблонные литералы (11 мин)’
00:00
Приоритет операторов (11 мин)
00:00
Основные операторы (20 мин)
00:00
‘let, const и var (10 минут)’
00:00
Типы данных (19 мин)
00:00
Практические задания (1 мин)
00:00
“Ценности и переменные (16 мин)”
00:00
“Связывание файла JavaScript (16 мин)”
00:00
Привет, мир! (6мин)
00:00
Проверка знаний на тему: Раздел 2: Основы JavaScript – Часть 1
Раздел 3: Основы JavaScript – Часть 2
Summary for Раздел 3: Основы JavaScript – Часть 2
0/18
Активация строгого режима (10 минут)
00:00
Раздел 3: Основы JavaScript – Проект Часть 2
00:00
Цикл while (12 минут)
00:00
“Обратные циклы и циклы в циклах (12 мин)”
00:00
“Циклы массивов, прерывание и продолжение (22 мин)”
00:00
Итерация: Цикл for (11 минут)
00:00
Методы объектов (23 мин)
00:00
‘Точечная и скобочная нотация (19 мин)’
00:00
Введение в объекты (6 мин)
00:00
Основные операции с массивами (методы) (13 мин)
00:00
Введение в массивы (22 мин)
00:00
Обзор функций (16 минут)
00:00
‘Вызов функций из других функций (10 мин)’
00:00
Стрелочные функции (10 минут)
00:00
‘Объявления функций против выражений (11 минут)’
00:00
‘Функции (11 мин)’
00:00
Введение в раздел (1 мин)
00:00
Проверка знаний на тему: Раздел 3: Основы JavaScript – Часть 2
Раздел 4: Как ориентироваться в этом курсе
Summary for Раздел 4: Как ориентироваться в этом курсе
0/4
‘Пути и дорожные карты разделов (4 минуты)’
00:00
Раздел 4: Как ориентироваться в этом курсовом проекте
00:00
“Учебные пути (1 мин)”
00:00
Проверка знаний на тему: Раздел 4: Как ориентироваться в этом курсе
Раздел 5: Навыки разработчика и настройка редактора
Summary for Раздел 5: Навыки разработчика и настройка редактора
0/11
Введение в раздел (1 мин)
00:00
Раздел 5: Навыки разработчика и настройка проекта редактора
00:00
“Дорожная карта раздела (1 мин)”
00:00
Настройка Prettier и VS Code (16 минут)
00:00
Установка Node.js и настройка среды разработки (12 минут)
00:00
“Изучение программирования (18 мин)”
00:00
Как мыслить как разработчик: станьте решателем проблем! (11 мин)
00:00
Использование Google, StackOverflow и MDN (27 мин)
00:00
Отладка (Исправление ошибок) (5 мин)
00:00
Отладка с помощью консоли и точек останова (19 мин)
00:00
Проверка знаний на тему: Раздел 5: Навыки разработчика и настройка редактора
Раздел 6: Курс по HTML и CSS за короткое время
Summary for Раздел 6: [НЕОБЯЗАТЕЛЬНО] Курс по HTML и CSS за короткое время
0/7
Введение в раздел (1 мин)
00:00
Раздел 6: [ДОПОЛНИТЕЛЬНЫЙ] Проект курса по HTML и CSS
00:00
Основная структура и элементы HTML (10 мин)
00:00
Атрибуты, классы и идентификаторы (13 минут)
00:00
Основы оформления с помощью CSS (12 мин)
00:00
Введение в модель коробки CSS (21 минута)
00:00
Проверка знаний на тему: Раздел 6: [ДОПОЛНИТЕЛЬНО] Краткий курс по HTML и CSS
Раздел 7: JavaScript в браузере: Основы DOM и событий
Summary for Раздел 7: JavaScript в браузере: Основы DOM и событий
0/20
“Дорожная карта раздела (1 минута)”
00:00
Раздел 7: JavaScript в браузере: основы проекта DOM и событий
00:00
Сброс игры (16 мин)
00:00
Текущий счет (25 минут)
00:00
“Смена активного игрока (15 мин)”
00:00
“Бросок кубиков (16 минут)”
00:00
ПРОЕКТ #3: Игра в Свинью (17 мин)
00:00
Обработка события нажатия клавиши “Esc” (14 минут)
00:00
Работа с классами (17 минут)
00:00
ПРОЕКТ #2: Модальное окно (13 мин)
00:00
“Рефакторинг нашего кода: Принцип DRY (15 минут)”
00:00
Реализация таблицы рекордов (8 мин)
00:00
‘Манипулирование CSS-стилями (8 минут)’
00:00
‘Реализация игровой логики (8 мин)’
00:00
Обработка событий клика (13 мин)
00:00
Выбор и манипулирование элементами (8 минут)
00:00
Что такое DOM и манипуляция DOM (7 минут)
00:00
ПРОЕКТ #1: Угадай Мое Число! (9мин)
00:00
Введение в раздел (1 мин)
00:00
Проверка знаний на тему: Раздел 7: JavaScript в браузере: основы DOM и событий
Раздел 8: Как работает JavaScript за кулисами
Summary for Раздел 8: Как работает JavaScript за кулисами
0/16
Введение в раздел (2 минуты)
00:00
Раздел 8: Как работает JavaScript за кулисами проект
00:00
Дорожная карта раздела (1 мин)
00:00
‘Общий обзор JavaScript на высоком уровне (12 минут)’
00:00
«Движок JavaScript и среда выполнения (14 мин)»
00:00
Контексты выполнения и стек вызовов (18 минут)
00:00
“Область видимости и Цепочка области видимости (26 минут)”
00:00
“Практическое использование области видимости (18 минут)”
00:00
Переменная среда: Поднятие и Временная мертвая зона (11 мин)
00:00
“Поднятие и TDZ на практике (15 минут)”
00:00
Ключевое слово this (7 минут)
00:00
«Ключевое слово this на практике (13 минут)»
00:00
Регулярные функции против стрелочных функций (18 минут)
00:00
Примитивы против объектов (Примитивные и ссылочные типы) (16 мин)
00:00
“Примитивы против объектов на практике (15 минут)”
00:00
Проверка знаний на тему: Раздел 8: Как JavaScript работает за кулисами
Раздел 9: Структуры данных, современные операторы и строки
Summary for Раздел 9: Структуры данных, современные операторы и строки
0/24
“Дорожная карта раздела (1 мин)”
00:00
Раздел 9: Структуры данных, современные операторы и проект со строками
00:00
Практика методов строк (17 мин)
00:00
“Работа со строками – Часть 3 (22 мин)”
00:00
«Работа со строками – Часть 2 (22 минуты)»
00:00
Работа со строками – Часть 1 (17 мин)
00:00
Резюме: Какую структуру данных использовать? (10 минут)
00:00
‘Карты: Итерация (13 мин)’
00:00
Карты: Основы (14 мин)
00:00
‘Множества (13 минут)’
00:00
Циклы по объектам: ключи, значения и записи объекта (10 минут)
00:00
Опциональная цепочка (?.) (16 минут)
00:00
Улучшенные литералы объектов (7 минут)
00:00
Циклы массивов: Цикл for-of (7 мин)
00:00
Логические операторы присваивания (12 мин)
00:00
Оператор объединения с нулем (??) (4 мин)
00:00
Короткое замыкание (&& и ||) (16 мин)
00:00
‘Паттерны и параметры остатка (19 мин)’
00:00
Оператор расширения (…) (21 мин)
00:00
Деструктуризация объектов (20 минут)
00:00
Практические задания (1 мин)
00:00
Деструктуризация массивов (20 мин)
00:00
Вступление в раздел (1 минута)
00:00
Проверка знаний на тему: Раздел 9: Структуры данных, современные операторы и строки
Раздел 10: Более тщательное рассмотрение функций
Summary for Раздел 10: Более тщательное рассмотрение функций
0/14
Введение в раздел (1 мин)
00:00
Раздел 10: Ближе к проекту функций
00:00
Схема раздела (1 минута)
00:00
“Параметры по умолчанию (9 минут)”
00:00
Как работает передача аргументов: значение vs. ссылка (15 мин)
00:00
“Функции первого класса и функции высшего порядка (5 минут)”
00:00
Функции, принимающие функции обратного вызова (15 мин)
00:00
Функции, возвращающие функции (7 мин)
00:00
Методы call и apply (17 мин)
00:00
Метод bind (22 мин)
00:00
Немедленно вызываемые функциональные выражения (IIFE) (8 мин)
00:00
Закрытия (20 мин)
00:00
Больше примеров замыкания (16 минут)
00:00
Проверка знаний на тему: Раздел 10: Более пристальный взгляд на функции
Раздел 11: Работа с массивами
Summary for Раздел 11: Работа с массивами
0/26
‘Дорожная карта раздела (1 мин)’
00:00
Раздел 11: Работа с массивами проект
00:00
Практика методов массивов (32 минуты)
00:00
Итоги: Какой метод массива использовать? (6 мин)
00:00
«Больше способов создания и заполнения массивов (21 мин)»
00:00
Сортировка массивов (22 мин)
00:00
‘flat и flatMap (10мин)’
00:00
“некоторые и все (15 минут)”
00:00
Метод findIndex (13 минут)
00:00
«Реализация переводов (21 минута)»
00:00
Реализация входа в систему (24мин)
00:00
Метод find (7 мин)
00:00
“Магия связывания методов (20 мин)”
00:00
Метод reduce (21 мин)
00:00
Метод фильтрации (6 минут)
00:00
Создание имен пользователей (12 минут)
00:00
Метод карты (16 минут)
00:00
Трансформации данных: map, filter, reduce (5 мин)
00:00
Создание элементов DOM (19 минут)
00:00
ПРОЕКТ: Приложение “Bankist” (10 мин)
00:00
‘forEach с картами и множествами (6 мин)’
00:00
Циклы по массивам: forEach (14 мин)
00:00
“Новый метод (6 минут)”
00:00
Простые методы массивов (17 минут)
00:00
Введение в раздел (1 минута)
00:00
Проверка знаний на тему: Раздел 11: Работа с массивами
Раздел 12: Числа, Даты, Intl и Таймеры
Summary for Раздел 12: Числа, Даты, Intl и Таймеры
0/16
Вводный раздел (1 мин)
00:00
Раздел 12: Проект чисел, дат, международных и таймеров
00:00
Дорожная карта раздела (1 мин)
00:00
“Преобразование и проверка чисел (17 минут)”
00:00
Математика и округление (18 минут)
00:00
Оператор остатка (11 мин)
00:00
Числовые разделители (7 мин)
00:00
Работа с BigInt (11 минут)
00:00
Создание дат (13 минут)
00:00
Добавление дат в приложение “Банкист” (22 минуты)
00:00
Операции с датами (15 мин)
00:00
Международизация дат (Intl) (17мин)
00:00
“Интернационализация чисел (Intl) (19 минут)”
00:00
Таймеры: setTimeout и setInterval (14 минут)
00:00
Реализация таймера обратного отсчета (29 мин)
00:00
Проверка знаний на тему: Раздел 12: Числа, Даты, Интернационализация и Таймеры
Раздел 13: Углубленный DOM и события
Summary for Раздел 13: Углубленный DOM и события
0/24
‘План урока (1 минута)’
00:00
Секция 13: Проект по продвинутому DOM и событиям
00:00
Эффективная загрузка скриптов: defer и async (14 минут)
00:00
Жизненный цикл DOM-событий (9 минут)
00:00
Создание компонента слайдера: Часть 2 (20 мин)
00:00
Создание компонента слайдера: Часть 1 (23 минуты)
00:00
Ленивая загрузка изображений (19 мин)
00:00
“Показ элементов при прокрутке (13 минут)”
00:00
Лучший способ: API пересечения наблюдателей (24 минуты)
00:00
“Реализация липкой навигации: Событие прокрутки (8 мин)”
00:00
Передача аргументов в обработчики событий (19 минут)
00:00
Создание вкладочного компонента (24 мин)
00:00
Путешествие по DOM (15 минут)
00:00
Делегирование событий: Реализация навигации по страницам (19 мин)
00:00
Практика распространения событий (18 минут)
00:00
ПрPropagation событий: Всплытие и Захват (19 мин)
00:00
“Типы событий и обработчиков событий (11 минут)”
00:00
«Реализация плавной прокрутки (16 минут)»
00:00
Стили, атрибуты и классы (22 минуты)
00:00
‘Выбор, создание и удаление элементов (20 мин)’
00:00
Как на самом деле работает DOM (11 минут)
00:00
ПРОЕКТ: “Банкiст” Веб-сайт (9 мин)
00:00
Введение в раздел (1 мин)
00:00
Проверка знаний на тему: Раздел 13: Продвинутый DOM и события
Раздел 14: Объектно-ориентированное программирование (ООП) с помощью JavaScript
Summary for Раздел 14: Объектно-ориентированное программирование (ООП) с помощью JavaScript
0/22
Раздел Дорожная карта (1 минута)
00:00
Раздел 14: Объектно-ориентированное программирование (ООП) с проектом на JavaScript
00:00
“Резюме классов ES6 (7 минут)”
00:00
“Цепочка методов (5 минут)”
00:00
Инкапсуляция: Приватные поля и методы класса (16 мин)
00:00
Инкапсуляция: Защищенные свойства и методы (7 минут)
00:00
“Еще один пример класса (11 минут)”
00:00
Наследование между “Классами”: Object.create (9 мин)
00:00
Наследование между “Классами”: Классы ES6 (11 мин)
00:00
Наследование между “Классами”: Конструкторы (21 мин)
00:00
‘Object.create (11мин)’
00:00
Статические методы (6 мин)
00:00
“Сеттеры и Геттеры (13 минут)”
00:00
“Классы ES6 (13 минут)”
00:00
Прототипное наследование на встроенных объектах (15 минут)
00:00
Прототипное наследование и цепочка прототипов (11 мин)
00:00
Прототипы (15 мин)
00:00
Конструкторские функции и оператор new (14 мин)
00:00
ООП в JavaScript (10 минут)
00:00
Что такое объектно-ориентированное программирование? (21 мин)
00:00
Введение в раздел (1 мин)
00:00
Проверка знаний на тему: Раздел 14: Объектно-ориентированное программирование (ООП) с JavaScript
Раздел 15: Приложение Mapty: ООП, геолокация, внешние библиотеки и…
Summary for Раздел 15: Приложение Mapty: ООП, геолокация, внешние библиотеки и...
0/18
230. Дорожная карта секции (1 мин)
00:00
Раздел 15: Приложение Mapty: ООП, Геолокация, Внешние Библиотеки и… проект
00:00
244. Заключительные соображения (6 мин)
00:00
243. Работа с localStorage (26 мин)
00:00
242. Перемещение к маркеру по клику (17 мин)
00:00
241. Визуализация тренировок (24 мин)
00:00
240. Создание новой тренировки (34 мин)
00:00
239. Управление данными о тренировках: Создание классов (16 мин)
00:00
238. Рефакторинг для архитектуры проекта (13 мин)
00:00
237. Архитектура проекта (9 мин)
00:00
236. Рендеринг формы ввода тренировки (17 минут)
00:00
235. Отображение маркера на карте (20 мин)
00:00
234. Отображение карты с использованием библиотеки Leaflet (14 мин)
00:00
233. Использование API геолокации (8 мин)
00:00
232. Как спланировать веб-проект (18 мин)
00:00
231. Обзор проекта (5 мин)
00:00
229. Введение в раздел (1 мин)
00:00
Проверка знаний на тему: Раздел 15: Приложение Mapty: ООП, Геолокация, Внешние библиотеки и...
Раздел 16: Асинхронный JavaScript: Промисы, Async/Await и AJAX
Summary for Раздел 16: Асинхронный JavaScript: Промисы, Async/Await и AJAX
0/23
246. Дорожная карта раздела (1 мин)
00:00
Раздел 16: Асинхронный JavaScript: Промисы, Async/Await и проект AJAX
00:00
267. Другие комбинирования промисов: race, allSettled и any (13 мин)
00:00
266. Запуск обещаний параллельно (11 мин)
00:00
265. Возвращение значений из асинхронных функций (15 мин)
00:00
264. Обработка ошибок с помощью try…catch (10 минут)
00:00
263. Использование промисов с Async/Await (15 мин)
00:00
261. Промисификация API геолокации (13 мин)
00:00
260. Создание простого промиса (20 минут)
00:00
259. Цикл событий на практике (11 мин)
00:00
258. Асинхронность “за кулисами”: Цикл событий (18 мин)
00:00
256. Генерация ошибок вручную (15 мин)
00:00
255. Обработка отклоненных обещаний (16 минут)
00:00
254. Цепочка промисов (9 мин)
00:00
253. Потребление промисов (9 минут)
00:00
252. Промисы и Fetch API (9 мин)
00:00
251. Добро пожаловать в ад обратных вызовов (14 мин)
00:00
250. [НЕОБЯЗАТЕЛЬНО] Как работает веб: запросы и ответы (14 минут)
00:00
249. Наш первый AJAX-запрос: XMLHttpRequest (19 мин)
00:00
248. ВАЖНО: Изменение URL API (8 мин)
00:00
247. Асинхронный JavaScript, AJAX и API (18 мин)
00:00
245. Введение в раздел (1 мин)
00:00
Проверка знаний на тему: Раздел 16: Асинхронный JavaScript: Промисы, Async/Await и AJAX
Раздел 17: Современная разработка JavaScript: Модули, инструменты и…
Summary for Раздел 17: Современная разработка JavaScript: Модули, инструменты и...
0/18
270. Дорожная карта раздела (1 мин)
00:00
Раздел 17: Современная разработка JavaScript: Модули, инструменты и… проект
00:00
284. Давайте исправим плохой код: Часть 2 (38 мин)
00:00
283. Декларативные и функциональные принципы JavaScript (12 мин)
00:00
282. Исправим немного плохого кода: Часть 1 (23 мин)
00:00
281. Обзор: Написание чистого и современного JavaScript (10 мин)
00:00
280. Настройка Babel и полифиллы (18 мин)
00:00
279. Упаковка с помощью Parcel и скриптов NPM (22 мин)
00:00
278. Введение в NPM (19 мин)
00:00
277. Краткое введение в командную строку (12 мин)
00:00
276. Модули CommonJS (4 мин)
00:00
275. Модульный паттерн (10 мин)
00:00
274. Ожидание на уровне верхнего уровня (ES2022) (15 мин)
00:00
273. Экспорт и импорт в модулях ES6 (23 мин)
00:00
272. Обзор модулей в JavaScript (15 мин)
00:00
271. Обзор современного JavaScript-разработки (7 мин)
00:00
‘269. Введение в раздел (1 мин)’
00:00
Проверка знаний на тему: Раздел 17: Современная разработка на JavaScript: модули, инструменты и...
Раздел 18: Приложение Forkify: Создание современного приложения
Summary for Раздел 18: Приложение Forkify: Создание современного приложения
0/29
286. Дорожная карта раздела (1 мин)
00:00
Раздел 18: Приложение Forkify: создание проекта современного приложения
00:00
311. Завершение: окончательные соображения (15 мин)
00:00
310. Загрузка нового рецепта – Часть 3 (20 минут)
00:00
309. Загрузка нового рецепта – Часть 2 (41 мин)
00:00
308. Загрузка нового рецепта – Часть 1 (18 мин)
00:00
307. Планирование проекта III (2 мин)
00:00
306. Сохранение закладок с помощью localStorage (18 мин)
00:00
305. Реализация закладок – Часть 2 (19 мин)
00:00
304. Реализация закладок – Часть 1 (26 мин)
00:00
303. Разработка алгоритма обновления DOM (34 мин)
00:00
302. Обновление порций рецепта (27 мин)
00:00
301. Планирование проекта II (3 мин)
00:00
300. Реализация пагинации – Часть 2 (37 мин)
00:00
299. Реализация пагинации – Часть 1 (12 мин)
00:00
298. Реализация результатов поиска – Часть 2 (28 мин)
00:00
297. Реализация результатов поиска – Часть 1 (26 мин)
00:00
296. Реализация сообщений об ошибках и успехе (12 мин)
00:00
295. Обработчики событий в MVC: паттерн публикации-подписки (15 мин)
00:00
294. Помощники и файлы конфигурации (21 мин)
00:00
293. Рефакторинг для MVC (24 мин)
00:00
292. Архитектура MVC (17 мин)
00:00
291. Прослушивание событий load и hashchange (11 мин)
00:00
290. Представление Рецепта (22 мин)
00:00
‘289. Загрузка рецепта из API (24 мин)’
00:00
288. Последние обновления кода (Parcel v2 и др.) (1 мин)
00:00
287. Обзор проекта и планирование (I) (14 мин)
00:00
285. Введение в раздел (1 мин)
00:00
Проверка знаний на тему: Раздел 18: Forkify App: Создание современного приложения
Раздел 19: Настройка Git и развертывание
Summary for Раздел 19: Настройка Git и развертывание
0/9
312. Введение в раздел (1 мин)
00:00
Раздел 19: Настройка Git и проекта развертывания
00:00
313. Дорожная карта раздела (1 мин)
00:00
314. Простое развертывание с Netlify (11 мин)
00:00
315. Настройка Git и GitHub (8 мин)
00:00
316. Основы Git (20 мин)
00:00
317. Публикация на GitHub (10 мин)
00:00
318. Настройка непрерывной интеграции с Netlify (10 мин)
00:00
Проверка знаний на тему: Раздел 19: Настройка Git и развертывание
Курсы JavaScript от 0 до PRO – Полное руководство
    Об уроке

    1. Введение в выбор редактора кода для JavaScript
    , 2. Обзор популярных редакторов: Visual Studio Code, Sublime Text, Atom
    , 3. Установка Visual Studio Code: пошаговая инструкция
    , 4. Настройка основных параметров редактора
    , 5. Установка полезных расширений для JavaScript разработки
    , 6. Настройка тем и шрифтов для комфортной работы
    , 7. Проверка работоспособности редактора с простым JavaScript кодом
    , 8. Заключение и подготовка к следующему уроку

    Назад
    Далее
    0% Завершено