[Webcademy] JavaScript разработчик Уровень 2 [Алексей Данчин]

[Webcademy] JavaScript разработчик Уровень 2 [Алексей Данчин]

​

На курсе изучем:

• Окружение JavaScript разработчика. Git, npm, webpack, Node.js.
• ООП в JavaScript. Классы, объекты, фабрики, обертки, экземляры.
• Синхронность и асинхронность. Поток, callback, promise, fetch.
• Анимации и Canvas на JS. Анимация и работа в Canvas.
• Паттерны в JavaScript. Порождающие, структурные и поведенческие.
• Структуры данных в JavaScript. Очередь, список, стеки, граф, дерево.

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

Спойлер: Неделя 1. Настройка окружения

• Установка node.js и npm. Зачем нужен и как использовать.
• Базовая настройка системы окружения webpack
• Система иморта и экспорта в системе работы с webpack стандарта es6, замыкание в файле
• Использование команды npm install для установки зависимостей нашего проекта.
• Регистрация и создание проекта на гитхабе, загрузка первого репозитория
• Сборка проекта на webpack с помощью команд webpack
• Преимущество использования repl и plunker

Спойлер: Неделя 2. Классы

• Императивная функция-фабрика объктов с const и retrun
• Конструктор экземпляров класса
• Использование свойства prototype для всплытия запросов полей и методов
• Использование имени класса для объявления статических методов и полей
• Синтакситечкий сахар JS при создание классов
• Пример класса с методами, полями, геттерами и сеттарами, статическими полями и методами
• Использование свойства constructor для доступа к классу
• Использование конструкции extends для наследования
• Динамическое добавление методов и статических методов и свойств
• Использование конструкции instanceof для проверки принадлежности
• Изучение встроенных в браузаре классов и их наследования

Спойлер: Неделя 3. Поток и Promise

• Асихронность системы JS
• Блокировка потока модальными окнами и бесконечными циклами
• Использование callback для решения проблем блокирования потока
• Создание объектов типа Promise и использование этого типа для обхода блокирования потока
• Использование callback функции и аргументы resolve и reject
• Прослушивание результата выполненения then, особенность возвращаемых значений Promise
• Обработка ошибок выполнения Promise экземпляров
• Использование встроенного метода работы с ассхронными запросами

Спойлер: Неделя 4. Symbol и Анимация

• Работа со сложной структурой данных: объект. Понятие поля, свойства, метода объекта. Выдержка работа с объектом по ключам объекта для обхода в цикле. Энтризация объекта. Понятие функции и ее всплытия. Использование аргументов функции по умолчанию и свойств функции. Использование паттерна рекурсия и ленивое объявление функции.
• Что такое Symbol и зачем он нужен/используется
• Анимация на стилях дом-элементах
• Базовая анимация на свойствах дом элементах с использованием setInterval
• Тег canvas, использование getContext('2d')
• Использование примитивной отрисовки линий и фигур
• Загрузка изображения и ее дальнешая отрисовка
• Пишем свою не большую рисовалку
• Разница между векторным и растовым изображениями. Ограничения JS.

Спойлер: Неделя 5. Порождающие паттерны. Структурные паттерны

• Пояснение обозначений в таблице данных
• Порождающий паттер Одиночка
• Порождающий паттер Прототип
• Порождающий паттер Строитель
• Структурынй паттерн Адаптер
• Структурынй паттерн Мост
• Структурынй паттерн Декоратор
• Структурынй паттерн Фасад
• Структурынй паттерн Прокси

Спойлер: Неделя 6. Поведенческие паттерны. Структуры данных

• Поведенческий паттерн Команда
• Поведенческий паттерн Снимок
• Поведенческий паттерн Итератор
• Поведенческий паттерн Стратегия
• Поведенческий паттерн Наблюдатель
• Поведенческий паттерн Посредник
• Работа с очередью, реализация стурктуры данных
• Работа со списком
• Работа со стекам
• Работа с графовидной структурой
• Работа с древовидной стрктурой данных, рекурсивных обход

Страница курса: