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