Курс Современный JavaScript (React, Node.js)

Учебный курс представляет собой 13 видео-уроков. После каждого видео-урока дается практическое задание, которое проверяется наставником и материалы для чтения. Если у наставника есть замечания, то ученик должен их исправить, чтобы получить доступ к следующему уроку. В течение курса необходимо будет выполнить Персональный проект. Ученику дается 16 недель для прохождения всего курса. По окончанию этого срока проверка заданий и консультации наставника прекращаются. Необходимо планировать примерно 8 часов в неделю для прохождения курса.
Module 2 Современный JavaScript (React, Node.js) 16 недель
  1. Знакомство с Node.js
    • Icons8 youtube 64 Установка Node.js и NPM, Знакомство с операторами и синтаксисом ES6+ (let, const, import, export, package.json, template literals, map, iterate object, arrow functions, destructuring assignment)
    • Icons8 home 64 Создать новый проект и выполнить задание с использованием вышеперечисленных операторов
    • Icons8 openbook 64 Читать про ES6+
  2. Express Server и MongoDB
    • Icons8 youtube 64 Установка и настройка сервера Express. Подключение MongoDB. Реализация обработки GET, POST, PUT, PATCH запросов с сохранение в MongoDB
    • Icons8 home 64 Установить и настроить свой Express Server, MongoDB и сделать REST API для одной модели
    • Icons8 openbook 64 Читать про Express
  3. Webpack
    • Icons8 youtube 64 Установка и настройка Webpack (loaders json, jsx, css, jpg), транспайлер Babel.js и ES5, webpack-dev-server
    • Icons8 home 64 Создать проект, настроить Webpack, написать код простой странички на ES6 и чтобы она работала в браузере
    • Icons8 openbook 64 Читать про Webpack
  4. React
    • Icons8 youtube 64 Подключение React. JSX. Передача данных через props. Интерактивные компоненты. Инструменты разработчика. Работа со state. Функциональные компоненты. React Lifecycle
    • Icons8 home 64 Сделать свой проект на React
    • Icons8 openbook 64 Читать про React
  5. React Router
    • Icons8 youtube 64 Подключение React Router. Навигация между страницами. Передача параметра :id
    • Icons8 home 64 Сделать несколько страниц: страница список, страница создания элемента, страница просмотра элемента
    • Icons8 openbook 64 Читать про React Router
  6. Material UI
    • Icons8 youtube 64 Подключение Material-UI к проекту. Использование библиотеки, обзор компонент
    • Icons8 home 64 Сделать свой проект красивым с Material-UI
    • Icons8 openbook 64 Читать про Material UI
  7. Redux
    • Icons8 youtube 64 Установка и подключение Redux. Концепция однонаправленного потока данных. Actions, Reducers, Store. Использование с React. Async Actions, Middleware, Usage with React Router
    • Icons8 home 64 Сделать CRUD функциональность с React и Redux
    • Icons8 openbook 64 Читать про Redux
  8. Components, Containers и структура State
    • Icons8 youtube 64 Понятие умных и глупых компонент. Структура state в Redux. О том когда сохранять в state данные
    • Icons8 home 64 Добавить еще одну модель. Разделить компоненты на умные и глупые. Сделать рефакторинг state
    • Icons8 openbook 64 Читать про умные и глупые компоненты
  9. Redux Form
    • Icons8 youtube 64 Настройка и работа с Redux Form. Sync and Async validations
    • Icons8 home 64 Переписать имеющиеся формы на Redux Form
    • Icons8 openbook 64 Читать Redux Form API
  10. Оптимизируем Webpack и сервер
    • Icons8 youtube 64 ESLint, Server Side Rendering, разбиваем на Chunk, Pre commit hooks
    • Icons8 home 64 Настраиваем у себя все это хозяйство
    • Icons8 openbook 64 Читать про Webpack
  11. Jest тестирование
    • Icons8 youtube 64 Настраиваем Jest, тестируем функции, компоненты, настраиваем хуки на запуск тестов перед коммитом
    • Icons8 home 64 Настроить у себя тесты и написать 3 теста
    • Icons8 openbook 64 Читать про Jest
  12. JWT Authentication
    • Icons8 youtube 64 Реализовываем на сервере возможность аутентификации с использованием JWT. Дорабатываем клиента, для использования JWT аутентификации.
    • Icons8 home 64 Включить аутентификацию у себя в проекте
    • Icons8 openbook 64 Читать про JWT
  13. Развертывание на сервере
    • Icons8 youtube 64 Скрипт для автоматического обновления приложения на сервере. Работа с PM2.
    • Icons8 home 64 Развернуть свой проект на сервере
    • Icons8 openbook 64 Читать про PM2
  14. Персональный проект
    • Сделать личный проект