Комплексное обучение JavaScript

Программа обучения

• Неделя 1 — Основы JavaScript, переменные и функции

  — Знакомимся со своим личным наставником и группой. — Узнаём как работает JavaScript и что такое переменные и функции.

  • Введение

    Открытие курса
    1 урок (08:36)
    • 1. Открытие курса (08:36)

  • GIT

    Модуль
    12 уроков (01:28:36)
    • 1. Введение (07:03)
      Бесплатный урок
    • 2. Начинаем работать с Git (03:01)
      Бесплатный урок
    • 3. Создание нового репозитория (01:09)
      Бесплатный урок
    • 4. Добавление файлов в индекс (область слежения) Git (06:49)
      Бесплатный урок
    • 5. Создание коммита (07:17)
    • 6. Навигация по коммитам. Отмена изменений (12:10)
    • 7. Типичный цикл работы с Git (03:34)
    • 8. Ветвления в Git (11:27)
    • 9. Конфликты при слиянии веток (06:06)
    • 10. Временное (без коммита) сохранение данных (05:25)
    • 11. Работа с удалёнными репозиториями (20:04)
    • 12. Использование GitHub Pages для хостинга проектов (04:31)

  • Как работает JavaScript

    Модуль
    1 урок (24:08)
    • 1. Основы JS (24:08)

  • Переменные

    Модуль
    1 урок (30:31)
    • 1. Переменные (30:31)

  • Функции

    Модуль
    1 урок (01:23:01)
    • 1. Функции (01:23:01)

  • JS: Разбор заданий #1

    Воркшоп
    1 урок (07:52)
    • 1. Разбор заданий #1 (07:52)

• Неделя 2 — Объекты и массивы, обработка ошибок

  — Разбираем базовые операции с объектами и массивами, изучаем деструктуризацию и spread-оператор. — Изучаем динамические свойства массивов, учимся создавать proxy. — Разбираем инструменты разработчика, изучаем принципы обработки исключений.

  • Объекты

    Модуль
    1 урок (01:06:38)
    • 1. Объекты (01:06:38)

  • Массивы

    Модуль
    1 урок (29:14)
    • 1. Массивы (29:14)

  • Обработка ошибок и отладка

    Модуль
    4 урока (01:23:23)
    • 1. Инструменты браузера (19:33)
    • 2. Обработка ошибок (36:14)
    • 3. Стек вызовов (15:14)
    • 4. Отладка (12:22)

  • JS: Разбор заданий #2

    Воркшоп
    1 урок (36:00)
    • 1. Разбор заданий (36:00)

• Неделя 3 — DOM, ООП, TypeScript

  — Учимся создавать, выбирать и модифицировать элементы DOM, изучаем механизм DOM-событий. — Рассматриваем основы ООП в JavaScript. Изучаем полиморфизм, наследование, инкапсуляцию, конструкторы и классы.

  • DOM

    Модуль
    6 уроков (01:53:53)
    • 1. Введение (21:25)
    • 2. Cобытия (09:42)
      Бесплатный урок
    • 3. Обработка ввода (27:44)
    • 4. Работа с формами (19:54)
    • 5. Рабочий пример (09:34)
    • 6. Обход DOM-дерева (25:34)

  • ООП

    Модуль
    6 уроков (02:39:32)
    • 1. Intro (01:33)
      Бесплатный урок
    • 2. Инкапсуляция (17:33)
    • 3. Наследование (15:24)
    • 4. Полиморфизм (07:17)
    • 5. Классы (11:35)
    • 6. Особенности работы с объектами в JavaScript (открытый вебинар "[J]u[S]t prototype this!") (01:46:10)

  • TypeScript

    Модуль
    1 урок (01:31:49)
    • 1. TypeScript (01:31:49)

  • JS: разбор заданий #3

    Воркшоп
    1 урок (19:44)
    • 1. Разбор заданий (19:44)

  • Практическое занятие

    Вебинар
    18.11.2023 12:00

    – Практическое занятие с преподавателем курса

• Неделя 4 — Асинхронность, VK и шаблонизация

  — Изучаем асинхронность в JS, разбираем Promise, Async/await. — Изучаем документацию по работе с VK API. Рассматриваем шаблонизацию.

  • Асинхронность

    Модуль
    3 урока (01:45:10)
    • 1. Таймеры (24:03)
    • 2. Promise (01:03:47)
    • 3. Async Await (17:20)

  • Работа с VK API и шаблонизация

    Модуль
    2 урока (01:06:25)
    • 1. Шаблонизация (29:20)
    • 2. VK SDK (37:05)

  • JS: разбор заданий #4

    Воркшоп
    1 урок (18:15)
    • 1. Разбор заданий (18:15)

• Неделя 5 — Browser API, модули

  — Изучаем Local/Session Storage. — Рассматриваем принцип взаимодействия между окнами и iframe. — Рассматривается перевод проекта на модули, изучаются ES6 модули.

  • Browser API

    Модуль
    5 уроков (01:24:19)
    • 1. LocalStorage (25:29)
    • 2. Cookies (18:39)
    • 3. Навигация hash (12:05)
    • 4. Навигация history (11:02)
    • 5. File API (17:04)

  • Модули

    Модуль
    3 урока (49:52)
    • 1. Модульность в JS (26:35)
    • 2. Перевод проекта на модули (12:28)
    • 3. ES6-модули (10:49)

  • JS: разбор заданий #5

    Воркшоп
    1 урок (37:13)
    • 1. Разбор заданий (37:13)

• Неделя 6 — Node.js, работа с сетью

  — Знакомимся с Node.js. Рассматриваем работу с файлами и сетью. — Рассматриваем работу с сетью на примере WebSocket, ServiceWorks.

  • Node.js (краткое знакомство)

    Модуль
    1 урок (37:10)
    • 1. Node.js (краткое знакомство) (37:10)

  • Работа с сетью

    Модуль
    5 уроков (01:16:50)
    • 1. Асинхронные сетевые запросы (17:34)
      Бесплатный урок
    • 2. JSON (13:09)
    • 3. Fetch (19:26)
    • 4. WebSocket (11:22)
    • 5. Service Worker (15:19)

  • JS: Разбор заданий #6

    Воркшоп
    1 урок (34:41)
    • 1. Разбор заданий (34:41)

  • Практическое занятие

    Вебинар
    09.12.2023 12:00

    – Практическое занятие с преподавателем

• Неделя 7 — MV*, тестирование

  — Определяемся с необходимостью тестирования JS-кода. — Знакомимся с библиотеками для тестирования. — Изучаем шаблоны проектирования MVС и MVVM.

  • MV*

    Модуль
    3 урока (01:02:43)
    • 1. Паттерны MV (07:06)
      Бесплатный урок
    • 2. MVC (30:14)
    • 3. MVVM (25:23)

  • Тестирование JS-кода

    Модуль
    4 урока (50:55)
    • 1. Введение (16:05)
    • 2. Jest (15:47)
    • 3. Польза тестов (09:01)
    • 4. Coverage (10:02)

  • JS: Разбор заданий #7

    Воркшоп
    1 урок (11:30)
    • 1. Разбор заданий (11:30)

  • Разбор выпускного проекта

    Воркшоп
    1 урок (02:03:29)
    • 1. Выпускной проект (02:03:29)