Создание кроссплатформенных мобильных приложений стало менее трудоемким и более эффективным благодаря одной из самых популярных платформ React Native. Это не курс чтения документации. У вас есть реальный проект, на котором можно учиться, и вы увидите точное место каждой функции каждой технологии, используемой в этом курсе. Вы узнаете, как создать мобильное приложение для iOS и Android со стеком MERN с использованием React Native.
В этом курсе вы научитесь использовать такие технологии, как:
React Native
NodeJs
Express
MongoDB
Redux
Context API
React Navigation
Styled Components
Вы изучите основы создания приложений React Native. Во-первых, вы узнаете, как настроить среду в рекордно короткие сроки, в том числе как отлаживать и запускать приложение на телефоне. Затем вы познакомитесь с библиотекой компонентов React Native и узнаете, как стилизовать свои макеты, чтобы они выглядели великолепно. Наконец, вы узнаете, как вызывать HTTP API из вашего приложения.
Когда вы закончите этот курс, у вас будут базовые навыки и знания React Native, необходимые для работы над прибыльными кроссплатформенными мобильными проектами без изучения как минимум двух новых языков программирования.
Кроме того, этот курс идеально подходит для понимания концепций веб-разработки на стороне сервера. Вы изучите различные части, из которых состоит серверная часть веб-сайта или веб-приложения, и познакомитесь со средой выполнения Node.js. После этого курса вы будете готовы изучить популярные платформы Node, такие как Express.js, для создания отличных API.
В этом курсе вы узнаете, как использовать mongoDb без установки дополнительных инструментов. MongoDB теперь находится в облаке, поэтому вы будете хранить свою базу данных в безопасном месте!
Основные особенности:
Полнофункциональная корзина
Карусель лучших товаров
Пагинация продуктов
Функция поиска продукта
Профиль пользователя с заказами
Управление продуктами администратора
Админ управление пользователями
Страница сведений о заказе
Изменение состояния заказов (отправлено, доставлено ..)
Процесс оформления заказа (доставка, способ оплаты и т. д.)
Использование базы данных в облаке
и многое другое ...
После этого курса у вас будет полнофункциональное приложение для электронной коммерции для iOS и Android, которое вы сможете использовать или добавить в свое портфолио.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Pickup Your Task and We Review it - How this course is interactive?
Урок 5.
00:02:59
Course Outlines
Урок 6.
00:01:56
Installing NodeJs
Урок 7.
00:03:05
Installing Expo
Урок 8.
00:03:29
Installing and running Android Studio
Урок 9.
00:01:40
Installing and running iOS Simulator
Урок 10.
00:02:07
Installing our Coding Editor (IDE)
Урок 11.
00:01:51
Installing PostMan to Test our API's
Урок 12.
00:01:58
Configure MongoDB Atlas
Урок 13.
00:01:23
Introduction
Урок 14.
00:03:27
Overview to our RESTful API
Урок 15.
00:01:11
File Structure
Урок 16.
00:06:39
Creating the Backend Server with Express
Урок 17.
00:05:00
Reading Environment Variables
Урок 18.
00:06:48
Create First API Call & Parsing Json Data
Урок 19.
00:02:39
Logging API Requests
Урок 20.
00:10:04
Installing Mongoose and Connect to MongoDB Database
Урок 21.
00:14:32
Read/Write Data to Database Using API
Урок 22.
00:05:41
Analysing the E-Shop Database
Урок 23.
00:09:49
Create Backend API Routes & Schemas
Урок 24.
00:03:16
Enabling CORS & Why Do We Need It?
Урок 25.
00:02:45
Introduction
Урок 26.
00:06:13
Products Model & Scheme
Урок 27.
00:01:44
Categories Model & Scheme
Урок 28.
00:12:40
Add and Delete Categories
Урок 29.
00:02:49
Get Categories and Category Details
Урок 30.
00:04:10
Update Category
Урок 31.
00:05:56
Post a New Product REST API
Урок 32.
00:03:48
Get a Product & List of Products REST API
Урок 33.
00:03:02
Population of Category in Get a Product API
Урок 34.
00:03:18
Update a Product REST API
Урок 35.
00:03:47
Delete a Product REST API and Validate Id
Урок 36.
00:03:44
Get Products Count for Statistics Purposes
Урок 37.
00:05:19
Get Featured Products REST API
Урок 38.
00:06:55
Filtering and Getting Products by Category
Урок 39.
00:02:06
Changing "_id" key to "id" - more frontend friendly
Урок 40.
00:05:13
Introduction
Урок 41.
00:02:02
Users Model & Schema
Урок 42.
00:05:19
Post/Register a New User REST API
Урок 43.
00:02:58
Hashing the User Password
Урок 44.
00:02:57
Get User and List of Users Excluding Password
Урок 45.
00:11:26
Login a User REST API & Creating a Token
Урок 46.
00:06:08
Protecting the API and Authentication JWT Middleware
Урок 47.
00:05:08
Authentication Error Handling
Урок 48.
00:06:49
Excluding REST API Routes From Authentication
Урок 49.
00:02:39
Add More Secret User Information to Token
Урок 50.
00:06:47
Users & Admins - User Role
Урок 51.
00:02:17
Get User Count REST API
Урок 52.
00:01:55
Introduction
Урок 53.
00:05:01
Orders & Order-Items Model & Scheme
Урок 54.
00:01:13
Array of Refs - Example of Link Order to Order Items to Products
Урок 55.
00:11:43
New Order & Create Order Items on Posting New Order
Урок 56.
00:08:11
Get Order Detail and Populate Products in Order Items and User Data
Урок 57.
00:04:30
Update Order Status & Delete Order
Урок 58.
00:01:55
Explaining the Solution
Урок 59.
00:07:02
Calculating Total Price of one Order
Урок 60.
00:06:43
Get Total E-Shop Sales using $sum
Урок 61.
00:03:26
Get User Orders
Урок 62.
00:02:24
Introduction
Урок 63.
00:11:25
Configure Server Side Upload
Урок 64.
00:04:56
Testing Image Upload with Postman
Урок 65.
00:06:17
Validating Uploaded File Types
Урок 66.
00:01:11
Image Upload With Product Post Request
Урок 67.
00:03:20
Image Upload With Product PUT Request
Урок 68.
00:07:18
Product Gallery Multiple Images Upload
Урок 69.
00:02:58
Excluding Uploads Folder From Authentication
Урок 70.
00:02:55
React Native Fundamentals
Урок 71.
00:08:26
Project Setup and Folder Structure
Урок 72.
00:04:14
Components
Урок 73.
00:04:12
State
Урок 74.
00:04:00
Props
Урок 75.
00:07:18
Style
Урок 76.
00:03:01
ScrollView and TextInput
Урок 77.
00:05:33
Add Item
Урок 78.
00:04:23
Delete Item
Урок 79.
00:01:42
Expo Menu
Урок 80.
00:06:11
Intro and Folder Structure
Урок 81.
00:06:05
FlatList Products
Урок 82.
00:05:19
Product List
Урок 83.
00:16:07
Product Card
Урок 84.
00:07:24
Header
Урок 85.
00:05:37
Native Base
Урок 86.
00:10:10
Searched Product
Урок 87.
00:10:03
Search List
Урок 88.
00:01:49
LogBox
Урок 89.
00:11:44
Banner
Урок 90.
00:03:28
Categories
Урок 91.
00:08:07
Category Filter
Урок 92.
00:10:05
Category Badges
Урок 93.
00:07:27
Category Container
Урок 94.
00:02:36
React Navigation
Урок 95.
00:02:11
Installing React Navigation
Урок 96.
00:19:30
Bottom Tab Navigation
Урок 97.
00:11:51
Navigation with Route Params
Урок 98.
00:07:14
Single Product
Урок 99.
00:02:01
What is Redux?
Урок 100.
00:01:50
Installing Redux Dependencies
Урок 101.
00:03:53
Redux Store
Урок 102.
00:06:25
Cart Items Reducer
Урок 103.
00:03:25
Cart Actions
Урок 104.
00:07:47
Add Items To Cart
Урок 105.
00:10:53
Cart Item
Урок 106.
00:05:54
Bottom Container
Урок 107.
00:08:48
Cart Icon
Урок 108.
00:02:13
Clear Cart
Урок 109.
00:13:13
Remove Single Item from Cart
Урок 110.
00:08:27
Checkout Navigator
Урок 111.
00:11:28
Custom Form
Урок 112.
00:22:24
Shipping Page
Урок 113.
00:16:19
Payment Page
Урок 114.
00:12:22
Confirm Page
Урок 115.
00:10:04
Confirm Items
Урок 116.
00:03:48
Base URL
Урок 117.
00:00:49
Application Data
Урок 118.
00:04:43
Connect Products
Урок 119.
00:03:23
Connect Categories
Урок 120.
00:02:33
useFocusEffect and useCallback
Урок 121.
00:03:49
Activity Indicator
Урок 122.
00:09:11
Deploying our server to Heroku with GitHub [OPTIONAL]
Урок 123.
00:07:27
User Navigator
Урок 124.
00:09:25
Login Screen
Урок 125.
00:02:31
Handling Submit
Урок 126.
00:04:14
Error
Урок 127.
00:12:55
Register Screen
Урок 128.
00:03:56
Register User
Урок 129.
00:06:01
Toast
Урок 130.
00:03:47
Adding Toast to the entire App
Урок 131.
00:01:07
Intro
Урок 132.
00:02:15
Installing Dependencies
Урок 133.
00:14:53
Actions
Урок 134.
00:02:34
Reducer
Урок 135.
00:03:33
isEmpty
Урок 136.
00:09:08
Store
Урок 137.
00:05:00
Adding Context to Login
Урок 138.
00:15:59
Profile Page
Урок 139.
00:12:37
Admin Navigator
Урок 140.
00:10:00
Product List Setup
Урок 141.
00:04:35
Product List
Урок 142.
00:08:20
List Item
Урок 143.
00:04:53
List Item Styling
Урок 144.
00:06:06
List Header
Урок 145.
00:03:55
Product Filter
Урок 146.
00:12:14
Modal
Урок 147.
00:02:09
Intro
Урок 148.
00:08:55
Easy Button
Урок 149.
00:04:39
Adding Easy Button to Modal
Урок 150.
00:09:27
Adding Easy Button to rest of the App
Урок 151.
00:03:52
Traffic Light
Урок 152.
00:07:42
Using Traffic Light
Урок 153.
00:04:06
Delete Item
Урок 154.
00:06:08
Button Container
Урок 155.
00:19:17
Category Picker
Урок 156.
00:06:56
Categories Button Container
Урок 157.
00:03:28
Access Photo Library
Урок 158.
00:11:52
Add Products
Урок 159.
00:10:26
Upload Image
Урок 160.
00:06:53
Update Product
Урок 161.
00:10:21
Categories
Урок 162.
00:11:32
Category Item
Урок 163.
00:08:22
Add Category
Урок 164.
00:05:17
Delete Category
Урок 165.
00:03:52
Confirm Order
Урок 166.
00:08:22
Orders
Урок 167.
00:07:50
Order Card
Урок 168.
00:12:13
Order Status
Урок 169.
00:13:17
Cart Button Check
Урок 170.
00:02:30
Update Status
Урок 171.
00:07:03
User Orders
Урок 172.
00:16:32
Edit Mode
Урок 173.
00:03:07
Icon and Splash Screen
Урок 174.
00:02:02
Conclusion
Урок 175.
00:00:39
Bonus
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Получите экспертные навыки для создания и развертывания эпического приложения React. Серьезный учебный курс, который дает вам весь процесс создания и развертывания ваших собственных приложений стека MERN, созданных с помощью React и Node.
Этот курс НЕ ДЛЯ АБСОЛЮТНЫХ НАЧИНАЮЩИХ. У Вас должен быть в портфолио хотя бы 1 проект MERN. Этот курс предназначен для тех, кто хочет выйти из своей зоны комфорта и создать проект, который научит вас ценным навыкам.
Добро пожаловать в "MERN Stack: Full Stack Приложения с Нуля". Этот курс познакомит вас с самым простым способом создания FullStack веб-приложений с использованием только основных языков Интернета: JavaScript, HTML и CSS. Мы создадим веб-приложение, используя фреймворки JavaScript из MERN Stack: MongoDB, ExpressJS, React и NodeJS. Этот курс научит вас всем важным основам веб-приложений, включая: учетные записи пользователей, безопасност
React Native — это фреймворк, который позволяет создавать кроссплатформенные мобильные приложения для iPhone и Android, а также приложения для других платформ, таких как smart TV, VR и приложения с дополненной реальностью.