Full Stack разработка на Java Script

Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.

Видеозаписи лекций без обратной связи и участия преподавателя. Вы получите доступ к материалам сразу после оплаты.

FullStack-Мастер. Алгоритм FullStack JavaScript-разработки!

Чему вы научитесь

Главная задача, которую решает данный курс – показывает, как связать между собой Frontend и Backend JavaScript-разработку и создать действительно работающее FullStack-приложение. Не учебное приложения для примера, а полностью рабочее приложение, как в боевых условиях: полную связку Frontend и Backend, и их взаимодействие.

Рассматривается алгоритм разработки довольно сложного и функционального FullStack-приложения – на примере создания CRM-системы с абсолютного нуля и до запуска на веб-сервере.

Дается план комплексной FullStack JavaScript-разработки с наглядными видеоинструкциями и всеми вспомогательными материалами, которые вы сможете использовать в любых своих дальнейших проектах.

Требования

— Основы Angular

— Основы NodeJS

Описание

FullStack-разработка — это разработка веб-приложения полного цикла, которая включает в себя как Frontend-разработку, так и Backend-разработку.

FullStack-разработчик (FullStack Developer) — это специалист, способный создать с нуля полностью готовое веб-приложение: и клиентскую (Frontend), и серверную части (Backend), а также связать их между собой.

Всю современную веб-разработку можно разделить на два больших направления:

Frontend-разработка — это то, что вы видите на сайте, его визуальная составляющая.

Сюда входят HTML, CSS и, по большей части, JavaScript. В современной разработке наиболее популярными Frontend-фреймворками являются Angular, Vue и React. У каждого есть свои плюсы и минусы. Но все они являются JavaScript-фреймворками, поскольку JavaScript является бесспорным лидером в этой области.

Backend-разработка — это серверная разработка. Она подразумевает под собой разработку логики вашего сайта, взаимодействие с базой данных, платежными системами, и всего того, что должно быть на сервере.

В Backend-разработке вы можете выбирать из большого количества языков, которые подходят под разные задачи. Backend вы можете писать, к примеру, на PHP, Java, Node.js, Python, Ruby и так далее.

Главная задача, которую решает данный курс – показывает, как связать между собой Frontend и Backend JavaScript-разработку и создать действительно работающее FullStack-приложение.

Не учебное приложения для примера, а полностью рабочее приложение, как в боевых условиях: полную связку Frontend и Backend, и их взаимодействие.

В курсе на наглядных примерах с полного нуля создается полноценное функциональное одностраничное FullStack-приложение.

В курсе рассматривается алгоритм разработки довольно сложного и функционального FullStack-приложения – на примере создания CRM-системы с абсолютного нуля и до запуска на веб-сервере.

В курсе дается план комплексной FullStack JavaScript-разработки с наглядными видеоинструкциями и всеми вспомогательными материалами, которые вы сможете использовать в любых своих дальнейших проектах.

Полный цикл JavaScript-разработки (MEAN STACK). В рамках единого видеокурса полностью и подробно раскрыт весь цикл FullStack JavaScript-разработки на MEAN STACK: MongoDB, Express.js, Angular и Node.js.

В курсе рассматриваются наиболее современные технологии: Node.js, MongoDB, Express.js и Angular. REST API – это тип сервера, который сейчас используется повсеместно, включая Google и Amazon. А Express.js является одним из самых востребованных Node.js-фреймворков на рынке.

Пошаговый план действий в формате видео. В курсе дается четкий пошаговый план FullStack JavaScript-разработки, а также алгоритм разработки сложного FullStack-приложения на примере создания CRM-системы с нуля.

Самая нужная информация в сжатом виде. Вы избавите себя от многих месяцев чтения документации по более чем 10 различным технологиям. Что самое важное, в курсе, помимо работы самих технологий, рассказывается про то, как они работают вместе. А на эту тему вы вряд ли найдете хорошую понятную документацию на русском языке. Да еще и в одном месте!

Победа в конкурентной борьбе. Рынок переполнен разработчиками, которые выучили 1-2 фреймворка и являются узкими специалистами. Только этих знаний не хватает для нормальных заказов или работы. Чтобы уметь выполнять комплексные современные проекты с нуля, необходимо знать полный цикл разработки, и видеть картину в целом.

Высокие заработки даже для новичков. Cредний уровень зарплат на рынке труда для Junior JavaScript Developer составляет 50-80 тысяч рублей в месяц.

Приложение, которое разрабатывается в курсе. Данный курс наглядно показывает разработку СRМ-системы, где собраны разнообразные элементы, на которых показывается их реализация.

Ниже представлен далеко не полный перечень элементов приложения, которые разрабатываются в рамках данного курса:

• Пагинация.
• Аналитика данных с графиками.
• Реализация Material Design с Materialize CSS.
• Работа с датами через пикеры.
• Фильтрация данных.
• Загрузка картинок.
• Работа с асинхронными событиями.
• Прочие элементы.

Для кого этот курс:

— Начинающие и действующие веб-разработчики

— Фрилансеры

Материалы курса

Введение

Предварительный просмотр — 05:12
Что такое REST
Предварительный просмотр — 09:03
Архитектура приложения — 02:23
Авторизация — 04:25
Модели — 03:23
API запросы — 03:58
Нужные программы — 06:16
Обзор системы — 08:42
–
Начало разработки — 01:15:56
Настройка рабочего окружения — 05:43
Создание сервера — 07:33
Настройка запуска приложения — 05:23
Создание роутов авторизации — 07:26
Создание всех роутов — 11:25
Парсинг данных пользователя — 09:10
Подключение утилит — 03:05
Создание моделей — 14:10
Подключение MongoDB — 12:01
–
Авторизация (сервер) — 01:18:17
Начало создания регистрации — 08:41
Проверка существующего email — 08:51
Создание пользователя — 14:39
Логин в систему — 17:54
Защита роутов с Passport.js — 23:56
Универсальная обработка ошибок — 04:16
–
Формирование API — 01:24:19
Получение всех позиций — 07:11
Функционал позиций — 09:38
Получение и удаление категорий — 07:56
Конфигурация загрузки файлов — 15:54
Создание категорий — 20:16
Функционал заказов — 23:24
–
Авторизация (клиент) — 02:49:34
Генерация приложения — 09:50
Настройка запуска — 09:36
Настройка темы — 12:03
Настройка прокси — 09:03
Создание роутинга — 13:22
Layout авторизации — 20:12
Форма логина — 23:13
Сервис авторизации — 26:09
Страница регистрации — 08:40
Защита роутов с guard — 07:45
Токен interceptor — 14:07
Вывод ошибок — 07:36
Обработка 401 ошибки — 07:58
–
Категории и позиции — 03:16:12
Создание макета сайта — 26:04
Добавление страниц — 05:48
Страница категорий — 19:10
Реализация flow вывода элементов — 11:14
Добавление и редактирование категорий. Часть 1 — 14:26
Добавление и редактирование категорий. Часть 2 — 21:30
Загрузка картинок — 24:50
Удаление категории — 09:18
Добавление и редактирование позиций. Часть 1 — 27:49
Добавление и редактирование позиций. Часть 2 — 36:03
–
Добавление заказа — 01:31:53
Создание структуры страницы — 16:24
Модальное окно заказа и навигация — 17:16
Вывод списка продукции — 16:48
Создание заказа — 24:32
Сохранение заказа — 16:53
–
Страница истории — 01:18:07
Создание разметки — 12:59
Загрузка элементов и пагинация — 24:19
Отображение заказов — 13:44
Разработка фильтра — 27:05
–
Страница аналитики — 01:33:04
Вычисление данных аналитики — 30:02
Создание страницы обзор — 25:15
Вычисление данных для графиков — 08:39
Подготовка страницы аналитики — 12:51
Отрисовка графиков — 16:17
–
Запуск приложения на heroku — 49:47
Подготовка Frontend — 04:15
Подготовка сервера — 04:22
Защита конфигурации — 05:44
Создание проекта в Heroku — 09:52
Подготовка скриптов и деплой — 11:35
Решение проблемы входа в Heroku — 05:01
Запуск проекта — 08:58

Бонус. Запуск на VPS с доменом
7 лекций — 34:18
Создание Github репозитория — 05:35
Настройка сервера — 08:05
Установка зависимостей и запуск — 04:48
Установка MongoDB на Ubuntu — 03:31
Запуск проекта — 05:56
Запуск проекта с PM2 — 03:07
Подключение домена — 03:16