JavaScript разработчик

Введение в курс

• Приветствие, организационные моменты
• Прежде чем начнем
• Настройка инструментов

Основы языка JavaScript

• Введение
• Первые шаги
• Введение в JS
• Переменные и типы данных
• Мутации переменных и приведение типов
• Базовые операторы
• Приоритеты операторов
• Практическое занятие
• Условия if / else
• Булевая логика true и false
• Тернарный оператор
• Switch выражения
• Истинные и ложные значения, операторы равенства
• Практическое занятие
• Функции
• Объявление функции и выражение функции
• Массивы
• Практическое занятие
• Объекты и свойства
• Объекты и методы
• Практическое занятие
• Циклы и итерации
• Практическое занятие
• Версии JavaScript: ES5, ES6 / ES2015, ES6+

Как на самом деле работает JavaScript

• Как выполняется JS код. JS парсер и движок
• Контекст вызова и исполнения
• Контекст выполнения saeyrwbb в деталях: Создание и Фазы выполнения, Всплытие (Hoisting).
• Область видимости и замыкание
• Ключевое слово this

JavaScript в браузере. Манипуляция DOM элементами и События.

• Объекты DOM и манипуляция DOM объектами
• Практический проект
• Получение DOM элементов и манипууляция
• События и обработка событий
• Программирование практического проекта
• Практическое задание

Продвинутый JavaScript: Объекты и функции

• Объекты. Наследование и Прототипное наследование.
• Создание объектов. Функции конструкторы
• Прототипное наследование
• Метод Object.create
• Примитивы и Объекты
• Функции высшего порядка: Передача функции в качестве аргумента
• Функции высшего порядка: Функции возвращающие функции
• Самовызывающаяся функция IIFE
• Замыкания
• Привязка и передача контекста. Bind, Call и Apply
• Практическое занятие

Соединяем все вместе. Практический проект.

• Практический проект
• Паттерн Модуль
• Прослушка событий
• Чтение входных данных
• Создание функции инициализации приложения
• Конструкторы функций
• Программирование проекта

Современный стандарт JavaScript. Введение в ES6 / ES 2015

• Изменения в ES6 / ES2015
• Объявление переменных let и const
• Блоки и IIFE
• Строки в ES6 / ES2015
• Стрелочный функции
• Стрелочный функции и this
• Деструктуризация
• Массивы в ES6 / ES2015
• Spread оператор
• Rest параметры
• Параметры по умолчанию
• Map
• Классы
• Классы и подклассы
• Практическое упражнение

Асинхронный JavaScript: Promise, Async/Await функции, AJAX и Fetch запросы

• Асинхронный JS
• Понимание асинхронного кода. Цикл событий
• Асинхронный JS и коллбеки
• Callback hell и Промисы
• Промисы и Async/Await
• AJAX и API
• AJAX запросы с Fetch и Промисы
• AJAX запросы с Fetch и Async/Await

Современный JavaScript: ES6, NPM, Babel и Webpack

• Обзор нововведений
• Краткое введение в командную строку
• Установка Node.JS и NPM
• Настройка WebPack
• Настройка WebPack Dev Server
• Настройка Babel
• Практический проект
• MVC архитектура проекта
• Работа с модулями в ES6
• Работа с API
• Серия практических уроков по реализации проекта
• Поиск
• Загрузка страниц
• Модели в проекте
• Пагинация
• Контроллеры
• View и шаблоны
• Работа с localStorage

Завершение курса. Экзамен.

Основы React JS

• Компоненты
• JSX
• Props
• State
• События
• Условный рендеринг

Хуки

• useState
• useEffect
• useRef
• useContext
• useReducer
• useMemo
• useCallback

Дополнительные пакеты

• React Router
• Axios
• Style Components

Управление состоянием

• Redux и reducer
• action
• dispatch
• reducer
• store