Курс Язык JavaScript

Знакомство с Javascript. Среда разработки WebStorm. Создание своего проекта и первой программы на Javascript. Обзор Git - системы управления версиями.

Синтаксис JS. Переменные, выражения, операторы, их типы и взаимодействие. Идентификаторы, литералы. Типы данных в Javascript.

Функции в Javascript. Стрелочные и анонимные функции. Функциональные выражения. Создание и инициализация массива. Команды Pop/Push, Shift/Unshift.

DOM (Дерево). Определение и функции DOM в JS. Навигация по DOM-элементам (getElement* и querySelector*). Основы работы с событиями. Библиотека jQuery.

Ajax. Фоновая отправка формы. Загрузка данных в фоне. Прототипное программирование. ОПП в Javascript. Классы. Модули в JS. WebPacker. NodeJS.

Установка VueJS, знакомство со средой разработки. Написание первого приложения «Hello, world». Изучение директивов: v-if, v-for, v-on, v-model.

Компоненты во VueJS и их структура. Входящие данные: props. События компонента: $emit. Значения по-умолчанию для props. Составные компоненты. Зоны ответственности. Mixins. Однофайловые компоненты. Работа с приложением «Список дел».

Изучение принципа DRY. Повторное использование кода. Примеси Mixins. Навигация в приложениях. Работа с библиотекой VueRouter. Схема маршрутов приложения. Вложенные маршруты. Ссылки перехода router-link. Программная навигация. Передача параметров в машруте. Props и параметры маршрута.

Управление состоянием приложения. Изучение библиотеки Vuex. Работа с хранилищем. Мутации. Геттеры. Работа с приложением “Складской учет”.

Взаимодействие с сервером. Изучение библиотеки VueResource. Архитектура приложения, на API. Обработка ответа. Авторизация в приложении.

Шаблон собственного проекта. Утилита vue-cli. Сборка и публикация финальной работы курса: “Интернет магазин спортивных товаров” на хостинге.

Основы ES2015. Основы React.js. Понятие Виртуальный DOM. React state. React Props. Реакт-элемент. Построение компонентов на JSX. Webpack + Babel.

Жизненный цикл компонентов. Иерархия компонентов. Состояние компонентов. Сборщик приложений Webpack. React Mixins. React Pure Render. Создание компонентов с помощью ES6 классов. Higher Order Components. Functional Components. Знакомство с Redux.

Middleware в Redux. Redux dev tools. Архитектура React / Redux приложений. Асинхронные actions в Redux.

React Router. React Router Hooks. Работа с навигацией в приложении, ссылки и переходы по странице, авторизация пользователя. Интеграция React Router и Redux. Flux. Обзор и структура.

Селекторы, нормализация кода. Работа с React Performance. Архитектура приложений на React.

Установка Node.js. Запуск первой программы. Система модулей. Разбор основных модулей: Path, File System, Readline и др. Знакомство с менеджером пакетов - NPM.

Асинхронные и синхронные запросы. Особенности работы с Event Loop. Потоки в Node.JS. Node.js как веб-сервер. Работа с файлами, модуль fs. Фреймворк Koa.JS. Конфигурация через модуль config.

Способы работы с асинхронным кодом. Модуль EventEmitter. Промисы (promises). Async/Await. Работа с модулем Step. Создание собственных событий.

MVC-фреймворк Express.js. Шаблонизация с помощью Pug или Handlebars. Работа с cookie. Обработка ошибок. Сессия, работа с посетителями. Работа с базой данных Mongo DB в связке с Mongoose. Middleware.

Библиотека Socket.IO. Реализация простого часа с помощью Socket.IO и Express.js. Авторизация с помощью Passport.JS.

Тестирование Express приложения. Работа с Mocha и Chai. Практикуем развертывание приложения на примере известных хостингов (Heroku, DigitalOcean).