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 фреймворки і є вузькими спеціалістами. Тільки цих знань не вистачає для нормальних замовлень або роботи. Щоб уміти виконувати комплексні сучасні проєкти з нуля, необхідно знати повний цикл розробки, і бачити картину в цілому.

Високі заробітки навіть для новачків. Середній рівень зарплат на ринку праці для 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