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