Курс Современный 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
- Персональный проект
- Сделать личный проект