Курс находится на модерации. Данные могут быть неактуальны.
Сложность
Сложность
Продвинутый
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
Записанные лекции
Сертификат
Сертификат
Да

Стоимость курса

2 899 ₽
нет рассрочки

рейтинг 5.0 на основании отзывов на платформе Udemy

Что в курсе?

  • Неограниченный по времени доступ к материалам 
     
  • Практические упражнения и примеры на реальных проектах 
     
  • Небольшие структурированные лекции для простого освоения 
     
  • Поддержка в чате студентов 
     
  • Ответы на вопросы в комментариях

Этот курс является вторым курсом по JavaScript, который рассматривает уже продвинутые концепции и детально погружается в устройство JS. От вас нужно только базовое знание основ JS и HTML и CSS для финального проекта. Этот курс сфокусирован на том, чтобы донести продвинутые концепции языка, а так же подвести вас к использованию фреймворков, таких, как React, Vue и Angular с пониманием, что происходит под капотом. Ведь все эти знания мы применим на финальном проекте – библиотеки книг. Мы сделаем полноценное SPA приложение с компонентной структурой, реактивностью и сборщиком. В процессе мы даже сделаем свой mini framework с использованием ООП.

Вы научитесь

  • Работать с Map и Set, WeekMap и WeekSet
  • Работать с числами, Math и BigInt
  • Работать с интернационализацией чисел и дат через Intl API
  • Работать с таймерами и интервалами
  • Понимать принципы ООП
  • Использовать prototype и ES6 классы
  • Понимать и применять SOLID
  • Писать асинхронный JavaScript
  • Делать запросы на сервер и понимать принцип их работы
  • Понимать как работает Event Loop
  • Создавать и обрабатывать Promise
  • Понимать устройство DOM и его работу
  • Обрабатывать Event и понимать концепции захвата и всплытия
  • Создавать модульные приложения на commonjs и es6
  • Работать с NPM
  • Настраивать сборку проекта

Требования

Минимальные требования для прохождения курса: Базовое знание основ JavaScript; Будет плюсом знание HTML и CSS

Курс включает:

  • 16 часов видео лекций
     
  • 15 тестовых заданий
     
  • 15 упражнений

Что вы получите после обучения

Приобретаемые навыки
3
JSON
6
DOM
8
Npm
9
NodeJS
10
SOLID
12
ES6
13
Event loop
14
VSCode
15
Async/await
16
Promise
17
Сборка проекта
18
Fetch
Сертификат, ссылками на который можно делиться с другими людьми

Вас будут обучать

Технический директор и профессиональный разработчик

Основатель школ PurpleSchool. Занимаюсь разработкой уже более 12 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

Работаю техническим директором в компании по продаже и оценке автомобилей с пробегом. Занимают разработкой уже более 12 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд. Являются большим фанатом NestJS для Backend и активно занимаюсь open source библиотеками для него. На frontend работаю с React, Angular а так же обожаю делать небольшие виджеты на Svelte. Так же имею широкий опыт внедрения DevOps практик для быстрой доставки кода в production и созданию лучшего develop experience. Но что самое главное - испытываю огромное желание делиться знаниями, которые были накоплены в результате многолетнего опыта разработки и управления командами.

Образовательная организация

Более 10 000 студентов

Со всего мира прошли курсы на площадках PurpleSchool, Udemy и Stepik

Гарантия возврата денег

Если курс вам не подойдёт, мы вернём вам деньги в течение 30 дней

Практический опыт

Получите бесценный опыт реальных проектов в каждом курсе

“Я помогаю разработчикам профессионально расти, делясь опытом в своих курсах”

Антон Ларичев
Технический директор и профессиональный разработчик

Каналы и подкасты

Подкаст Не плохой код (Apple podcast, Google podcast, Яндекс Музыка)
Говорим о разработке, и о том как писать не плохой код. А в частности NodeJS, JavaScript и TypeScript.

Youtube канал PurpleSchool
Канал с обучающими видео и дополнительными материалами по тематикам курсов

Telegram канал PurpleSchool
Канал с полезными советами по разработке, разбором примеров кода и обновлениями курсов.

VK сообщество PurpleSchool
Сообщество VK с полезными советами по разработке, разбором примеров кода и обновлениями курсов.

Программа курса

Введение

  • Продвинутый JavaScript 
     
  • Как устроен курс
      
  • Обзор проекта
      
  • Обзор курсов
      
  • Курс с наставником С наставником

Настройка окружения

  • Настройка окружения
      
  • Установка NodeJS
      
  • Настройки VSCode
      
  • Настройка проекта
      
  • Работа с git и GitHub С наставником
      
  • Работа с наставником С наставником
      
  • Работа с gitflow С наставником
      
  • Как передавать на код ревью С наставником

Maps и Sets

  • Структура Set
      
  • Sets
      
  • Структура Map
      
  • Основы работы с Map
      
  • Быстрое создание Map
      
  • Итерация по Map
      
  • Упражнение - swap ключей и значений
      
  • WeakMap
      
  • WeakSet
      
  • Тест - Maps и Sets
      
  • Домашнее задание - Maps и Sets С наставником

Расчёты и math

  • Конвертация и проверка чисел
      
  • Библиотека Math
      
  • Округление
      
  • Упражнение - Функция случайного числа
      
  • Оператор остатка от деления
      
  • Разделитель чисел
      
  • Работа с BigInt
      
  • Интернационализация чисел
      
  • Упражнение - Конвертер валют
      
  • Тест - Расчёты и math
      
  • Домашнее задание - Расчёты и math С наставником

Даты и время

  • Создание дат
      
  • Операции с датами
      
  • Сравнение дат
      
  • Упражнение - Проверка на день рождения
      
  • Интернационализация дат
      
  • Тест - Даты и время
      
  • Домашнее задание - Даты и время С наставником
      
  • Код ревью домашних заданий С наставником

Таймеры

  • Создание таймеров
      
  • Таймеры и Event Loop
      
  • Точность таймеров
      
  • Работа с интервалами
      
  • Упражнение - Таймер пиццы
      
  • Тест - Таймеры
      
  • Домашнее задание - Таймеры С наставником

Объектно ориентированное программирование

  • Что такое ООП
      
  • Реализация ООП в JS
      
  • Оператор new
      
  • Prototype
      
  • Упражнение - Корзина товаров
      
  • Цепочки prototype
      
  • Тест - ООП
      
  • Домашнее задание - ООП С наставником

Классы

  • Классы
      
  • Setters и getters
      
  • Static
      
  • Приватные методы и свойства
      
  • Упражнение - класс пользователя
      
  • Object.create
      
  • Тест - Классы
      
  • Домашнее задание - Классы С наставником
      
  • Код ревью домашних заданий С наставником

Принципы ООП в классах

  • Абстракция и инкапсуляция
      
  • Наследование
      
  • Наследование в ES6
      
  • Override методов
      
  • Упражнение - Удар по орку
      
  • Полиморфизм
      
  • Паттерн Builder и chaining
      
  • Тест - Принципы ООП в классах
      
  • Домашнее задание - Принципы ООП в классах С наставником

SOLID

  • О SOLID
      
  • Принцип единой ответственности
      
  • Принцип открытости и закрытости
      
  • Принцип подстановки Барбары Лисков
      
  • Принцип разделения интерфейса
      
  • Принцип инверсии зависимостей
      
  • Тест - SOLID
      
  • Домашнее задание - SOLID С наставником

Асинхронный JavaScript

  • Асинхронный код в JS
      
  • Запросы на сервер
      
  • Пример работы с Insomnia
      
  • JSON
      
  • Получение данных
      
  • Упражнение - Расчёт цены
      
  • Проблемы callback
      
  • Тест - Асинхронный JavaScript
      
  • Домашнее задание - Асинхронный JavaScript С наставником
      
  • Код ревью домашних заданий С наставником

Promises

  • Promises и fetch
      
  • Обработка promises
      
  • Цепочка promise
      
  • Обработка reject
      
  • Finally
      
  • Упражнение - Select выбора категорий
      
  • Ручное создание ошибок
      
  • Упражнение - Функция запросов
      
  • Тест - Promises
      
  • Домашнее задание - Promises С наставником

Event Loop

  • Как работает асинхронность
      
  • Пример работы Event Loop
      
  • Создание простого Promise
      
  • Статические методы Promise
      
  • Упражнение - создание fetch
      
  • Тест - Event Loop
      
  • Домашнее задание - Event Loop С наставником

Современный Асинхронный JavaScript

  • Async await
      
  • Try catch
      
  • Упражнение - Мой город
      
  • Асинхронные методы
      
  • Последовательность выполнения
      
  • Параллельное выполнение
      
  • Другие комбинации Promise
      
  • Все возможности fetch
      
  • Упражнение - Генератор активностей
      
  • Тест - Современный Асинхронный JavaScript
      
  • Домашнее задание - Современный Асинхронный JavaScript С наставником
      
  • Код ревью домашних заданий С наставником

Продвинутый DOM и Events

  • Как работает DOM
      
  • Работа с элементами
      
  • Визуальное положение элементов
      
  • Типы событий и обработчики
      
  • Всплытие событий
      
  • Пример всплытия событий
      
  • Делегирование событий
      
  • Перемещение по DOM
      
  • Жизненный цикл событий DOM
      
  • Упражнение - Поиск по списку
      
  • Загрузка скриптов defer и async
      
  • Тест - Продвинутый DOM и Events
      
  • Домашнее задание - Продвинутый DOM и Events С наставником

Модульность

  • Модули в JavaScript
      
  • IIFE в модулях
      
  • Модули commonjs
      
  • ES6 модули
      
  • Await на верхнем уровне
      
  • Процесс сборки
      
  • Тест - Модульность
      
  • Домашнее задание - Модульность С наставником

Работа с NPM

  • Обзор NPM
      
  • Авторизация и профиль
      
  • Разбор package json
      
  • Управление зависимостями
     
  • Тест - Работа с NPM
      
  • Домашнее задание - Работа с NPM С наставником
      
  • Код ревью домашних заданий С наставником

Проект - Библиотека книг

  • Обзор проекта
      
  • Настройка проекта
      
  • Конфигурация сборщика
      
  • View страниц и роутинг
      
  • State и реактивности
      
  • Первый компонент
      
  • Вёрстка шапки
      
  • Компонент поиска
      
  • Поиск книг
      
  • Упражнение - Состояние загрузки
      
  • Вёрстка карточки
      
  • Упражнение - Добавление в избранное
      
  • Упражнение - Избранное
      
  • Развитие проекта

Заключение

  • Сессия 1 на 1 с наставником С наставником
      
  • Куда двигаться дальше?
      
  • Сертификат
     

Рейтинг курса

2.9
рейтинг
0
0
0
0
0

Может быть интересно

обновлено 20.04.2024 09:46
JavaScript Advanced - продвинутые концепции языка и ООП

JavaScript Advanced - продвинутые концепции языка и ООП

Оставить отзыв
Поделиться курсом с друзьями