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