udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Приложение для Аренды Автомобилей со стеком MERN: React, Redux, Node
MERN Stack Car Rental Application 2021 : React ,Redux ,Node
Продолжительность
7 ч 27 мин
Категория
JavaScript
Количество уроков
38 Видео
Дата добавления
27 июл. 2022 г., 22:11
Язык
Английский
Дата выхода
22 окт. 2021 г., 03:00
Создайте современное приложение проката автомобилей с помощью React, Redux, Node. MERN — это программный стек JavaScript для создания динамических веб-сайтов и веб-приложений. Поскольку все компоненты стека MERN поддерживают программы, написанные на JavaScript, приложения MERN могут быть написаны на одном языке как для серверной, так и для клиентской среды выполнения.
React — это библиотека JavaScript с открытым исходным кодом для создания пользовательских интерфейсов или компонентов пользовательского интерфейса. Она поддерживается Facebook и сообществом отдельных разработчиков и компаний. React можно использовать как основу при разработке одностраничных или мобильных приложений.
Node.js — это кроссплатформенная внутренняя среда выполнения JavaScript с открытым исходным кодом, которая работает на движке V8 и выполняет код JavaScript вне веб-браузера.
Express.js или просто Express — это серверная среда веб-приложений для Node.js, выпущенная как бесплатное программное обеспечение с открытым исходным кодом под лицензией MIT. Он предназначен для создания веб-приложений и API. Его называют де-факто стандартной серверной инфраструктурой для Node.js.
Используемые технологии:
- React
- Redux
- Node
- Express
- Mongo DB
- Ant Design
Охватываемые концепции:
- Интеграция с платежным шлюзом Stripe
- Отдельные приложения
- Управление состоянием
- Экшены Redux, reducers, store
- Работа со сложными и динамическими макетами
- Концепции проката автомобилей в режиме реального времени
- Панель пользователя
- Панель администратора
- Управление пользователями, автомобилями, бронированиями из панели администратора
- Отправка кода на Github
- Размещение приложения в HerokuSingle Page Applications
- Одностраничные приложения
- Адаптивный дизайн
- Hover эффекты и анимация
- К концу курса вы будете знать, как работать со сложными приложениями без REDUX, включая платежный шлюз.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:07:22Introduction
-
Урок 2. 00:02:32React setup
-
Урок 3. 00:06:37Routes config
-
Урок 4. 00:11:11Creating layout
-
Урок 5. 00:03:42Node setup
-
Урок 6. 00:08:06Mongo Node Connection
-
Урок 7. 00:06:13Create car model
-
Урок 8. 00:03:53Add static data to cars collection
-
Урок 9. 00:05:39Get all cars API
-
Урок 10. 00:13:22Redux Store Setup
-
Урок 11. 00:09:39Get redux state to Homepage
-
Урок 12. 00:22:40Home page design
-
Урок 13. 00:10:26Car Hover Effect
-
Урок 14. 00:25:32Login , Register pages design
-
Урок 15. 00:10:34Login and Register actions
-
Урок 16. 00:22:51User authentication API
-
Урок 17. 00:03:17Protected Routes
-
Урок 18. 00:06:00Car animation in login/register pages
-
Урок 19. 00:19:43Booking screen
-
Урок 20. 00:14:28Working on timeslots
-
Урок 21. 00:14:09Booking car - frontend
-
Урок 22. 00:22:12Booking car backend-1
-
Урок 23. 00:09:14Booking car backend-2
-
Урок 24. 00:21:46Filter cars based on availability
-
Урок 25. 00:10:03Booked timeslots modal
-
Урок 26. 00:02:30Stripe demo
-
Урок 27. 00:10:51Payment gateway - frontend
-
Урок 28. 00:14:15Payment gateway - backend
-
Урок 29. 00:08:40User Bookings Design
-
Урок 30. 00:26:43User Bookings Logic
-
Урок 31. 00:12:16Add new car - design
-
Урок 32. 00:05:52Add new car-api
-
Урок 33. 00:27:20Edit Car Design
-
Урок 34. 00:11:02Edit car - api
-
Урок 35. 00:08:02Delete Car
-
Урок 36. 00:16:54CSS Fixes and Deployment
-
Урок 37. 00:08:55Pushing to Github
-
Урок 38. 00:03:01Deploy to Heroku
Автор - udemy
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Изучите стек MERN с WebRTC и SocketIO создавая клон Discord
Discord Clone - Learn MERN Stack with WebRTC and SocketIO
Узнайте, как подключить стек MERN к WebRTC и SocketIO. Мы пройдем все этапы создания приложения с функцией группового звонка. Мы создадим реализацию WebRTC, чтобы показать, как вы можете разрабатывать приложения WebRTC благодаря simple-peer. Мы будем использовать SocketIO в качестве сервера оповещения для нашего приложения и для связи в реальном времени. После этого курса вы сможете создать собственное приложение, которое будет использовать WebRT
Приложение с подпиской React Node Stripe MongoDB (MERN)
React Node Stripe MongoDB (MERN) Subscription App
Система подписки — это повторяющаяся система выставления счетов, которую вы будете взимать со своих клиентов каждый месяц за предоставление определенной услуги. Используя Stripe, вы сможете создать полностью совместимую безопасную платежную систему, чтобы получать данные кредитной карты пользователя, позволять им обновлять, приостанавливать или отменять свои планы и даже обновлять данные своей карты, и все это со страницы учетной записи в в
MERN Stack: React, Redux, Node, Mongo - Приложение для Доставки Пиццы
MERN Stack : React, Redux, Node, Mongo - Pizza Delivery App
Это приложение для доставки пиццы Full Stack (MERN), разработанное с использованием React, Redux для асинхронных операций. Node JS для среды выполнения, Express JS для backend маршрутизации и Mongo DB для базы данных.
Сайт Электронной Коммерции MERN Stack - React, Redux, Node.js
MERN Stack Full Ecommerce Site - Using React, Redux, Node.js
Если вы хотите изучить полноценную веб-разработку с использованием стека MERN, то вы попали на нужную страницу. В этом курсе вы узнаете, как создать полнофункциональный веб-сайт электронной коммерции с использованием MERN Stack. В этом курсе мы будем использовать четыре мощные технологии: React (Frontend), Node.js (Backend), Express (Backend Framework), MongoDB (база данных).
Please attach needed files too, especially cars detail json file.