Главная страницаКатегория vueУзнайте как создать Amazon, используя Vue.js и Node.js

Узнайте как создать Amazon, используя Vue.js и Node.js

Name: Узнайте как создать Amazon, используя Vue.js и Node.js
Rating: 4.2 (27 reviews)

Learn how to build Amazon website using Vue.js and Node.js

udemy

★4.2 (всего оценок - 27)

Продолжительность

9 ч 37 мин

Категория

Vue

Количество уроков

103 Видео

Дата добавления

9 дек. 2019 г., 19:07

Язык

Английский

Дата выхода

20 нояб. 2019 г., 00:00

Дата обновления

29 апр. 2026 г., 05:58

Хотите создать крупномасштабный веб‑сервис уровня Amazon? Этот курс поможет вам пройти весь путь — от базового API до полнофункционального интерфейса, используя современные инструменты Vue.js, Nuxt.js, Node.js и MongoDB. Вы шаг за шагом соберёте клон Amazon, освоите ключевые паттерны разработки и создадите проект, который можно развернуть в продакшене.

О курсе

Курс построен вокруг практики: вы создаёте реальный e‑commerce проект, повторяющий структуру и дизайн Amazon. Такой формат позволяет не только изучить особенности Vue.js и Node.js, но и понять, как работает крупное веб‑приложение изнутри — от логики API до интеграции платежей и поиска.

Обучение подойдёт как новичкам в современном JavaScript, так и разработчикам, которые хотят перейти на Vue.js или углубить текущие знания.

Почему этот курс эффективен

Практика на реальном проекте

Вы не будете учить фреймворки «в вакууме». Вместо этого вы шаг за шагом создадите полноценный интернет‑магазин с каталогом, корзиной, поиском, админ‑панелью и оплатой.

Современные инструменты

Работа ведётся с актуальным стеком: Vue.js, Nuxt.js, Node.js, MongoDB, Stripe, Algolia и AWS. Это технологии, которые сегодня используются в реальных компаниях.

Упор на понятность и структурный код

Вы научитесь работать с архитектурой проекта, избегать “спагетти‑кода” и создавать масштабируемую инфраструктуру — от фронтенда до бэкенда.

Этот курс для вас, если

вы начинаете путь во фронтенд‑разработке и знаете лишь основы JavaScript;
работали с React или Angular и хотите попробовать Vue.js;
хотите углубить знания Vue.js и применить их в большом проекте;
мечтаете создать свой собственный веб‑сайт;
интересуетесь промышленными подходами разработки;
хотите понять, как создаются сайты уровня Amazon.

Что вы освоите

Backend на Node.js

создание чистого и логичного API;
работа с базой данных MongoDB;
кэширование и ускорение данных с помощью Redis;
аутентификация и защита маршрутов.

Frontend на Vue.js и Nuxt.js

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

Интеграции и дополнительные технологии

интеграция платежей через Stripe;
поиск с помощью Algolia;
хранение изображений через AWS S3;
развёртывание приложения на AWS.

Результат

К концу курса у вас будет собственное веб‑приложение уровня настоящего интернет‑магазина. Вы поймёте все этапы его разработки — от архитектуры и бэкенда до интерфейса и продакшн‑развёртывания.

Урок 1.00:01:16
Introduction
Урок 2.00:15:12
POST and GET API
Урок 3.00:03:48
Git
Урок 4.00:04:25
Create a user User Schema
Урок 5.00:06:31
Connect to the database (MongoDB)
Урок 6.00:02:19
Setting up environment variables
Урок 7.00:03:12
Create a POST API with User Schema
Урок 8.00:03:33
Product Schema
Урок 9.00:03:21
Owner and Category Schema
Урок 10.00:12:10
POST API - Product Schema
Урок 11.00:03:33
Setting up Amazon S3 Bucket
Урок 12.00:05:23
Install Multer and AWS dependencies
Урок 13.00:06:07
Test the Upload Photo Middleware
Урок 14.00:05:54
Create Categories API
Урок 15.00:06:23
Create Owners API
Урок 16.00:04:35
Product API - GET (all and single product)
Урок 17.00:05:41
Product API - Update a single product
Урок 18.00:03:04
Product API - Delete a single product
Урок 19.00:03:40
What is Vue.js and Nuxt?
Урок 20.00:05:07
Create a Nuxt Project
Урок 21.00:01:22
Create a first Page in Nuxt
Урок 22.00:02:46
Configure CSS files
Урок 23.00:12:19
Create a Listing Page Part 1
Урок 24.00:05:01
Learn Vue.js quickly
Урок 25.00:07:18
Create a Listing Page Part 2
Урок 26.00:10:55
Create a Adding a Product Form Page
Урок 27.00:07:11
Create an Adding a Product Form Page Part 2: Axios call
Урок 28.00:14:17
Product Form Page Part 3: POST API with Axios
Урок 29.00:08:22
Category Form Page
Урок 30.00:08:03
Owner Form Page
Урок 31.00:08:32
Update a Product Page
Урок 32.00:04:38
Add Navigation links
Урок 33.00:05:09
Delete a product Feature
Урок 34.00:01:35
Setup Consumer project in Nuxt
Урок 35.00:02:01
Configure CSS Files
Урок 36.00:16:46
Setting up a Navbar
Урок 37.00:01:18
Setting up a Footer
Урок 38.00:02:06
Search Bar
Урок 39.00:07:19
Featured Product - HTML
Урок 40.00:06:05
Listing Page Part 1: HTML
Урок 41.00:07:04
Listing Page Part 2: Axios and Map the data
Урок 42.00:01:58
Product Page Part 1: Layout and Font size
Урок 43.00:02:54
Product Page Part 2: Breadcrumbs
Урок 44.00:05:57
Product Page Part 3: First 3 Grid (Image and Author)
Урок 45.00:11:14
Product Page Part 4: Middle Section (description)
Урок 46.00:11:51
Product Page Part 5: Last 3 grid (Buying Section)
Урок 47.00:03:33
Product Page Part 6: About Author's section
Урок 48.00:06:20
Product Page Part 7: Axios and Populate
Урок 49.00:02:55
What is JSON WEB TOKEN?
Урок 50.00:10:45
Signup API
Урок 51.00:06:07
JWT middleware
Урок 52.00:04:17
Test the JWT middleware on Profile API
Урок 53.00:06:20
Login API
Урок 54.00:07:25
Signup Page Part 1: HTML
Урок 55.00:13:03
Signup Page Part 2: Auth Library
Урок 56.00:03:31
If Condition for user's data on a navbar
Урок 57.00:05:47
Login Page
Урок 58.00:04:26
Profile Page Part 1: HTML
Урок 59.00:07:56
Profile Page Part 2: Update Feature
Урок 60.00:01:26
Logout Feature
Урок 61.00:02:02
Review Schema
Урок 62.00:06:22
Review POST API
Урок 63.00:01:44
Review GET API
Урок 64.00:13:05
Review Page
Урок 65.00:09:56
Review section on product page
Урок 66.00:12:48
Average Rating and Fixing bugs
Урок 67.00:02:00
Address Schema
Урок 68.00:04:37
Address POST API
Урок 69.00:01:23
Address GET API
Урок 70.00:05:38
Address Page
Урок 71.00:04:41
Third Party API - countries
Урок 72.00:01:45
Testing Add Address Page
Урок 73.00:01:50
List of Addresses - HTML
Урок 74.00:09:35
Address Edit, Delete and Set Default API
Урок 75.00:10:37
List of addresses page: map data, delete, set default
Урок 76.00:07:36
List of address page: Edit feature
Урок 77.00:01:00
Cart Page - HTML
Урок 78.00:03:34
What is Vuex
Урок 79.00:03:21
State and action
Урок 80.00:04:41
Mutations
Урок 81.00:03:04
Import Action in Product Page
Урок 82.00:03:53
Getters and computed
Урок 83.00:04:52
Shopping Cart Page: Mapping Data from vuex
Урок 84.00:05:14
Persist Vuex in localStorage
Урок 85.00:07:07
Change quantity mutation
Урок 86.00:02:48
Delete product mutation
Урок 87.00:01:06
Placeorder Page - HTML
Урок 88.00:03:16
Placeorder Page - Map vuex cart to the page
Урок 89.00:07:38
Shipment API
Урок 90.00:08:33
Placeorder Page - Axios call
Урок 91.00:01:13
Stripe Account
Урок 92.00:04:52
Payment Page - HTML
Урок 93.00:02:09
Order Schema
Урок 94.00:07:49
Payment API
Урок 95.00:09:09
Payment Page Axios call
Урок 96.00:01:10
Order Page - HTML
Урок 97.00:06:20
Order Page - API
Урок 98.00:03:53
Order Page - Axios Call
Урок 99.00:01:55
Search Page - HTML
Урок 100.00:04:42
Algolia Account
Урок 101.00:05:46
Algolia Plugin for Product Schema
Урок 102.00:04:56
Search API with Algolia
Урок 103.00:04:58
Search Page - Axios call

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии