udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Практический курс React, учитесь строя проекты.
The React practice course, learn by building projects.
★4.9 (всего оценок - 104)
Продолжительность
43 ч 45 мин
Категория
React.jsКоличество уроков
209 Видео
Дата добавления
31 июл. 2018 г., 20:22
Язык
Английский
Дата выхода
19 июл. 2018 г., 23:10
Дата обновления
31 июл. 2018 г., 20:22
Включая три проекта полной практики, целевую страницу, проект Firebase и полный стек с Mongodb и Node. Вы хотите практиковать свой код React или просто изучить его, создав веб-страницы? Это курс для вас. Большинство курсов обучают вас основам и дают вам приложение todo, а я хотел создать что-то другое. Мы создадим три реальных проекта, чтобы вы могли практиковаться в более реальной среде.
Если вы мало знаете об реакте, не беспокойтесь. Мы начнем простую статическую целевую страницу, а после мы перейдем к гораздо более конкурентному проекту с проверкой подлинности и БД, мы создадим проект электронной коммерции с поддержкой PayPal, а также наш собственный сервер для обработки всех запросов.
Если вы ничего не знаете об React, не волнуйтесь, я добавил раздел бонуса с крошечным курсом React, чтобы вы могли понять основы. Таким образом, вы можете начать с него, а затем перейти к практическим проектам.
Чтобы подвести итог - вот что мы будем создавать в этом курсе:
Проект 1 «Место проведения»:
- Как создать проект с помощью React CLI
- Создание компонентов
- Использование сторонних библиотек
- Создание переходов и карусель.
- Использование частей Material UI, чтобы улучшить наше приложение.
- Развертывание статических веб-страниц.
Проект 2 «М-Сити»:
- Создание маршрутов для навигации по нашему проекту
- Более сложные анимации и переходы
- Рендеринг компонентов с использованием данных с сервера
- Мы будем использовать аутентификацию и создадим конечную точку администратора
- Загрузка и хранение с Firebase
- Добавим базу данных на сервере
- Firebase - Развертывание проекта
Проект 3 «Волны»:
- Приложение в стиле электронной коммерции
- Создание динамических маршрутов
- Использование REDUX.
- Аутентификация, панель управления пользователя и панель управления admin
- Создадим сервер с Node JS и express
- Добавиv базу данных в наш проект с помощью Mongo DB
- Создадим различных маршрутов для обработки запросов
- Добавитм элементы корзины в учетную запись пользователя
- Полная опдата с Paypal
- Развертывание в Хероку
И в качестве бонуса - крошечный курс React.
Посмотреть больше
- Урок 1.00:01:53Introduction
- Урок 2.00:01:21First Project Overview
- Урок 3.00:02:08Second Project overview
- Урок 4.00:02:33Third Project overview
- Урок 5.00:02:14Installing NODE Js - MAC
- Урок 6.00:02:42Installing NODE Js - WINDOWS
- Урок 7.00:05:48Project setting up
- Урок 8.00:11:43Creating the Header
- Урок 9.00:16:03Header sidedrawer
- Урок 10.00:06:37Finishing the Header
- Урок 11.00:12:34Slider section
- Урок 12.00:08:00Adding a countdown
- Урок 13.00:09:45Finishing countdown
- Урок 14.00:09:59Venue NFO component
- Урок 15.00:15:53Highlight section
- Урок 16.00:08:08Button reusable component
- Урок 17.00:14:35Adding prices
- Урок 18.00:07:43Footer and Location section
- Урок 19.00:10:21Adding a Scroll To
- Урок 20.00:05:56Deployment to Surge
- Урок 21.00:08:04Project setting up
- Урок 22.00:13:57Adding a Header
- Урок 23.00:13:03Finishing Header, adding Footer
- Урок 24.00:11:53Home: featured Animation
- Урок 25.00:17:45Home: featured Animation...continued
- Урок 26.00:17:02Home: Finishing featured Animation
- Урок 27.00:13:06Tags RC
- Урок 28.00:13:28Adding Firebase
- Урок 29.00:14:54Home: Adding the Match blocks component
- Урок 30.00:12:49Home: Finishing the Match blocks component
- Урок 31.00:11:43Home: Meet the players component
- Урок 32.00:12:05Home: Finishing player card
- Урок 33.00:07:08Home: Finishing player card...continued
- Урок 34.00:07:23Home: Enroll reveal component
- Урок 35.00:16:43Home: Enroll, starting with form fields
- Урок 36.00:18:13Home: Enroll and form fields 2
- Урок 37.00:14:58Home: Enroll and form fields 3
- Урок 38.00:15:18Home: Finishing Enroll and form fields
- Урок 39.00:11:53Auth: Login component
- Урок 40.00:06:35Auth: Finishing Login
- Урок 41.00:16:50Auth: Creating a Dashboard
- Урок 42.00:16:39Auth: Private Routes
- Урок 43.00:08:51Auth: Public Routes
- Урок 44.00:18:45Admin: Matches endpoint
- Урок 45.00:14:11Admin: Edit Match - creating the form
- Урок 46.00:19:17Admin: Edit Match - creating the form 2
- Урок 47.00:18:39Admin: Adding functions
- Урок 48.00:10:38Admin: Finishing Edit matches
- Урок 49.00:05:46Admin: Add Match
- Урок 50.00:09:38Admin: Players Endpoint
- Урок 51.00:17:43Admin: Add players - creating the form
- Урок 52.00:20:23Admin: Players fileuploader
- Урок 53.00:14:06Admin: Players fileuploader ..continued
- Урок 54.00:14:15Admin: Finshing add players
- Урок 55.00:15:41Admin: Edit player
- Урок 56.00:23:36Creating The Team component
- Урок 57.00:18:19The matches: Creating the component
- Урок 58.00:16:43The matches: Adding transitions
- Урок 59.00:14:45The matches: Filters
- Урок 60.00:04:51The matches: Finishing filters
- Урок 61.00:04:59Adding a 404 PAGE
- Урок 62.00:10:52DEPLOY to production.
- Урок 63.00:07:28Installing Mongo DB - MAC
- Урок 64.00:08:25Installing Mongo DB - WINDOWS
- Урок 65.00:03:08installing Robo 3T - MAC
- Урок 66.00:03:11Installing Robo 3T - WINDOWS
- Урок 67.00:10:59SERVER: initial setup
- Урок 68.00:07:55SERVER: .env and middleware
- Урок 69.00:08:51SERVER: User model
- Урок 70.00:08:33SERVER: Registering users
- Урок 71.00:09:54SERVER: Hashing passwords
- Урок 72.00:22:11SERVER: Login users and creating tokens
- Урок 73.00:17:48SERVER: Auth route
- Урок 74.00:05:03SERVER: Logout
- Урок 75.00:15:58SERVER: Brand model and routes
- Урок 76.00:08:36SERVER: Woods model and routes
- Урок 77.00:19:56SERVER:Adding products
- Урок 78.00:12:36SERVER: Getting products by ID
- Урок 79.00:10:04SERVER: Getting product by order.
- Урок 80.00:13:37CLIENT: Starting with the client
- Урок 81.00:19:22CLIENT: Header anf footer
- Урок 82.00:13:01CLIENT: Setting Redux up.
- Урок 83.00:13:07CLIENT: Adding a Register login component
- Урок 84.00:14:00CLIENT:Creating the login
- Урок 85.00:20:10CLIENT:Creating the login 2
- Урок 86.00:10:10CLIENT:Creating the login 3
- Урок 87.00:14:44CLIENT: Finishing the login
- Урок 88.00:15:20CLIENT: Creating the Register
- Урок 89.00:16:18CLIENT: Finishing register
- Урок 90.00:12:50CLIENT: Creating the dashoard
- Урок 91.00:25:33CLIENT: Preventing routes
- Урок 92.00:16:53CLIENT: Header links
- Урок 93.00:13:48CLIENT: Finishing Header links
- Урок 94.00:18:54CLIENT:Home slider promotions
- Урок 95.00:13:37CLIENT:Home cards
- Урок 96.00:17:01CLIENT: Home cards 2
- Урок 97.00:12:39CLIENT: Finishing home cards
- Урок 98.00:17:52CLIENT: Startting the Shop component
- Урок 99.00:20:20CLIENT: Shop checkboxes
- Урок 100.00:24:15CLIENT: Finishing checkboxes
- Урок 101.00:22:03CLIENT: Adding Radio options
- Урок 102.00:21:16SERVER: Crating the shop route
- Урок 103.00:07:07SERVER: Finishing the shop route
- Урок 104.00:11:09CLIENT: Showing Shop cards
- Урок 105.00:11:57CLIENT: Shop loadmore button
- Урок 106.00:06:29CLIENT: Shop grids
- Урок 107.00:15:18ADMIN: Add products form
- Урок 108.00:09:13ADMIN: Add products form 2
- Урок 109.00:18:50ADMIN: Add products form 3
- Урок 110.00:21:19ADMIN: Finishing the Add products form
- Урок 111.00:19:37ADMIN: Adding the File Upload
- Урок 112.00:19:21ADMIN: Adding the File Upload 2
- Урок 113.00:14:31ADMIN: Finishing the File Upload
- Урок 114.00:22:26ADMIN: Manage Brands component
- Урок 115.00:15:38ADMIN: Finish Manage Brands.
- Урок 116.00:22:09CLIENT: Adding the Product Detail component
- Урок 117.00:11:35CLIENT: Product Info detail
- Урок 118.00:18:00CLIENT: Product detail, images section
- Урок 119.00:16:24CLIENT: Finishing the detail, adding Lightbox
- Урок 120.00:02:35CLIENT: Quick fix to Prod detail
- Урок 121.00:22:36CLIENT: Adding items to Cart
- Урок 122.00:12:44CLIENT: Finish the add to cart
- Урок 123.00:20:15ADMIN: Cart component
- Урок 124.00:13:51ADMIN: Creating the cart blocks.
- Урок 125.00:10:56ADMIN: Calculating the total.
- Урок 126.00:19:35ADMIN: Removing cart items.
- Урок 127.00:21:12ADMIN: Adding the Paypal btn
- Урок 128.00:10:44ADMIN: Finishing Paypal.
- Урок 129.00:17:01ADMIN: Creating the SUCCESS BUY route
- Урок 130.00:16:22ADMIN: Finishing the SUCCESS BUY route
- Урок 131.00:12:40ADMIN: Creating the Action and dispatching
- Урок 132.00:06:58ADMIN: User History
- Урок 133.00:15:44ADMIN: Updating personal info
- Урок 134.00:12:58ADMIN: Finishing Update personal info
- Урок 135.00:16:10ADMIN: Creating the Site Info
- Урок 136.00:17:07ADMIN: Getting the Site Info
- Урок 137.00:14:42ADMIN: Finishing Site info
- Урок 138.00:16:54GIT and GITHUB
- Урок 139.00:07:17Adding SSH keys - MAC USERS
- Урок 140.00:07:16Adding SSH keys - WINDOWS USERS
- Урок 141.00:05:11Adding Heroku to the mix
- Урок 142.00:15:45Deploying the project
- Урок 143.00:23:35Deploying the project 2
- Урок 144.00:11:36EMAILS: Using Nodemailer
- Урок 145.00:16:32EMAILS: Sending a welcome Email
- Урок 146.00:03:44NOT FOUND: Adding not found route.
- Урок 147.00:12:10ORDER ID: Adding custom PO
- Урок 148.00:13:39ORDER ID: Sending email with PO
- Урок 149.00:19:37FILE UPLOAD: Uploading files
- Урок 150.00:13:26FILE UPLOAD: Uploading files 2
- Урок 151.00:04:05FILE DOWNLOAD: Downloading files
- Урок 152.00:17:03PASSWORD: Adding forgot password
- Урок 153.00:14:38PASSWORD: Adding forgot password 2
- Урок 154.00:15:40PASSWORD: Adding forgot password 3
- Урок 155.00:08:31PASSWORD: Finishing forgot password
- Урок 156.00:05:27Boilerplate
- Урок 157.00:06:51Bundle and structure
- Урок 158.00:09:39Rendering
- Урок 159.00:06:52JSX
- Урок 160.00:09:46Structure and exporting
- Урок 161.00:04:50Dynamic data
- Урок 162.00:07:47Functional and class based components
- Урок 163.00:10:22Adding some style
- Урок 164.00:13:39Events
- Урок 165.00:07:13A little bit more of classes
- Урок 166.00:11:00React state
- Урок 167.00:10:14Using props
- Урок 168.00:04:41Using props 2
- Урок 169.00:06:49Using props 3
- Урок 170.00:04:16Children props
- Урок 171.00:15:37More on styles
- Урок 172.00:13:51Using CSS modules
- Урок 173.00:17:45Filtering state
- Урок 174.00:06:26Routes: installing it
- Урок 175.00:13:47Routes: Adding routes
- Урок 176.00:08:28Routes: Linking
- Урок 177.00:12:26Routes: Params and URL's
- Урок 178.00:04:44Routes: Switch
- Урок 179.00:08:03Routes: Redirections
- Урок 180.00:07:06React Lifecycles
- Урок 181.00:13:34React Lifecycles ..continued
- Урок 182.00:07:41Conditional rendering
- Урок 183.00:05:10Pure components
- Урок 184.00:06:26Returning arrays
- Урок 185.00:10:45HOC's
- Урок 186.00:09:54HOC's ...continued
- Урок 187.00:16:26React transitions
- Урок 188.00:09:29React transitions 2
- Урок 189.00:07:42CSS transitions
- Урок 190.00:10:14Transition group
- Урок 191.00:18:19Proptypes
- Урок 192.00:03:59Proptypes 2
- Урок 193.00:05:17Refs
- Урок 194.00:18:30Controlled and uncontrolled
- Урок 195.00:18:30Form template
- Урок 196.00:14:56Form template 2
- Урок 197.00:15:50Form template 3
- Урок 198.00:11:45Adding textarea and select
- Урок 199.00:15:59Validation
- Урок 200.00:14:21Validation 2
- Урок 201.00:12:27REDUX: Installing and connecting
- Урок 202.00:17:34REDUX: Reducers
- Урок 203.00:15:47REDUX: Action creators
- Урок 204.00:10:06REDUX: Dispatch
- Урок 205.00:05:19REDUX: Containers
- Урок 206.00:11:44REDUX PRACTICE: Intro and setup
- Урок 207.00:17:03REDUX PRACTICE: Adding redux to home
- Урок 208.00:19:39REDUX PRACTICE: Finishing home and adding the artist view
- Урок 209.00:05:02REDUX PRACTICE: Fixing issues
Автор - udemy
Комментарии
Does anyone know his (course author) github profile?