Используйте Vue.js, Nuxt.js, Node.js, MongoDB, Stripe, Algolia и AWS для клонирования реального сайта Amazon.
Изучите Vue.js и Node.js, создав клон Amazon. Курс поможет вам построить сайт шаг за шагом. Мы пройдемся по основам построения базового API вплоть до создания сложного интерфейса!
Курс является уникальным с точки зрения дизайна, потому что он использует тот же дизайн от Amazon. Курс предназначен для людей, которые знают основы программирования, особенно в Javascript, потому что это основной язык, который используется в курсе.
Javascript является основным языком для современных веб-приложений, таких как Airbnb, Discord, Youtube Netflix и многих других (честно говоря, каждый отдельный сайт использует Javascript :)) Написание этого на JQUERY было бы непосильным из-за кода спагетти, который вы в конечном итоге получите ,
Используя современные Javascript-фреймворки, такие как Vue.js и Nuxt.js, это поможет с точки зрения управления кодом, скорости разработки и удобства пользования веб-сайтом. Ваш будущий веб-сайт (помните мое слово, он у вас скоро будет) будет выглядеть как приложение!
Этот курс для вас, если ...
... вы только начинаете разработку веб-интерфейса / JavaScript и получаете только базовые знания JS (предварительный опыт работы с Vue или другими фреймворками не требуется!)
... вы знакомы с Angular или React, но хотите погрузиться в Vue.js
... знаете основы Vue.js, но хочтите обновить их и / или погрузиться глубже
... уже немного поработали с Vue.js, но хотите погрузиться глубже и увидеть, как все это объединяется в большем приложении
... вы заинтересованы в создании веб-сайта промышленного уровня
... вы мечтаете создать свой собственный сайт.
Что вы узнаете в этом курсе?
Вы узнаете, как создать чистый API
Вы узнаете, как правильно создать сложный интерфейс (администратор + клиент) в Vue.js.
Вы узнаете об управлении состоянием, создав функцию добавления в корзину.
Вы узнаете об интеграции платежей
Вы узнаете о поисковой интеграции
Вы узнаете о формах
Вы узнаете о базе данных MongoDB
Вы узнаете о Redis - как получить быстрый доступ к данным
К концу курса вы узнаете, как создать собственное веб-приложение.
Вы узнаете, как развернуть приложение AWS
Вы узнаете о AWS S3 для хранения изображений
Вы узнаете об аутентификации
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Learn how to build Amazon website using Vue.js and Node.js,
а также все другие курсы, прямо сейчас!
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
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Вы когда-нибудь задумывались о том, как создать следующее революционное веб-приложение для электронной коммерции? Этот курс научит вас шаг за шагом как сделать клон веб-сайта Amazon с новейшими технологиями - Node.js и Angular 5. Вы будете использовать Javascript как на бэкэнде, так и на фронтенде.
Rails и Vue.js прекрасно работают вместе в разработке копии сервиса Trello. В этом курсе вы поэтапно попробуете пройти путь создания трелло используя эти два фреймворка в паре.
Клонирование - это метод обучения, который базируется на реальных сервисах, таких как Instagram, KakaoTalk, YouTube, Uber и так далее. Вы все еще изучаете сложные теории? Прежде чем вы начнете, ваша мотивация к учебе исчезнет! Не существует быстрого и эффективного способа изучения. Приходите в мир практического программирования!
Член основной команды Дамиан Дулиш присоединяется к Греггу Поллаку, чтобы вместе создать клон Trello c Vue.js. Мы создаем приложение, используя Vuex, local storage, API drag and drop и много другого...