Научитесь создавать fullstack приложения JavaScript с использованием стека MERN. Если вы любите изучать новые навыки и создавать приложения для реального мира, не тратя годы на изучение основ, то этот курс для вас. Курс посвящен практическим аспектам создания fullstack приложений. Независимо от того, насколько хорошо вы понимаете какой-либо язык или фреймворк, пока у вас не будет практического опыта, вы полностью потеряетесь, когда вам придется создавать приложение с нуля.
Все мы знаем, что WordPress - самая популярная и наиболее используемая CMS (система управления контентом) в мире. Однако в большинстве случаев вам нужно настраивать сайты WordPress, используя различные плагины тем и изменять кодовую базу. Это означает, что начать работу с WordPress очень просто, но вы потратите гораздо больше времени, денег и ресурсов на масштабирование и настройку этого сайта.
Вот почему я решил создать собственный клон WordPress. Когда вы научитесь самостоятельно создавать такую массивную CMS с нуля, вы не только поймете, как все работает внутри, но и получите огромный опыт создания fullstack приложений.
Использование одного и того же языка программирования (JavaScript) как в бэкенде, так и во внешнем интерфейсе - еще одна привлекательность использования стека MERN для вашего следующего проекта.
С помощью этого курса вы научитесь создавать быстрые, отзывчивые сайты с использованием JavaScript (ReactJs NodeJs) с нуля и раздвинете все границы fullstack разработки.
К концу этого курса вы не только станете мастером стека MERN, но и получите реальную CMS, работающую в облаке, готовую к использованию миллионами пользователей по всему миру. Вы взволнованы? Присоединяйтесь ко мне в этом курсе и испытайте радость от написания собственной потрясающей CMS с нуля.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Урок 1.
00:06:16
Project demo
Урок 2.
00:12:33
Project demo (dashboard)
Урок 3.
00:02:57
Are you ready for this course?
Урок 4.
00:04:43
Code editor
Урок 5.
00:04:45
Using live demo as a guide
Урок 6.
00:06:44
Initialize a project using npm
Урок 7.
00:07:53
React NextJs project setup
Урок 8.
00:11:05
Ant design and custom app component
Урок 9.
00:06:23
Trying ant component
Урок 10.
00:06:36
Global context (theory)
Урок 11.
00:11:41
React hooks
Урок 12.
00:12:51
Accessing context
Урок 13.
00:12:18
Toggle theme context
Урок 14.
00:05:52
Static folder for storing CSS files
Урок 15.
00:12:03
Menu component
Урок 16.
00:13:14
Next link to navigate between components
Урок 17.
00:13:55
Layout component
Урок 18.
00:10:28
Class to functional component (sidebar)
Урок 19.
00:15:22
Admin menu
Урок 20.
00:08:37
Menu icons
Урок 21.
00:13:10
Set current url
Урок 22.
00:11:20
Set active link
Урок 23.
00:10:02
Auto collapse menu based on window width
Урок 24.
00:10:13
Ant design form (theory)
Урок 25.
00:05:00
Understanding grid and columns
Урок 26.
00:13:18
Signup form
Урок 27.
00:05:24
Signin form
Урок 28.
00:09:18
Generate auth server
Урок 29.
00:11:49
Understanding server and GET request
Урок 30.
00:07:06
Understanding server and POST request
Урок 31.
00:12:34
Signup to mongo atlas
Урок 32.
00:08:27
Signup to sendgrid
Урок 33.
00:16:24
Axios POST request and debugging
Урок 34.
00:13:27
Save user in database
Урок 35.
00:14:20
Toast notifications and loading
Урок 36.
00:16:20
Auth context
Урок 37.
00:14:30
Using context and local storage
Урок 38.
00:10:48
Env file and axios configuration
Урок 39.
00:11:33
Signin backend
Урок 40.
00:07:37
Signin frontend
Урок 41.
00:10:59
Signout
Урок 42.
00:13:01
Conditional rendering and reset fields
Урок 43.
00:04:19
How forgot password works (theory)
Урок 44.
00:11:01
Forgot password request
Урок 45.
00:09:37
Forgot password resposne
Урок 46.
00:12:11
Implement reset password
Урок 47.
00:05:51
Trying reset password
Урок 48.
00:07:36
Admin categories page
Урок 49.
00:11:06
Category create form
Урок 50.
00:11:32
Category schema
Урок 51.
00:14:00
Category route and controller function
Урок 52.
00:07:05
Middleware explained
Урок 53.
00:09:59
Request headers
Урок 54.
00:12:58
Require signin middleware
Урок 55.
00:07:31
Create category
Урок 56.
00:12:47
Is admin middleware
Урок 57.
00:12:53
Role based redirect
Урок 58.
00:09:13
Protecting admin pages
Урок 59.
00:08:50
Loading state
Урок 60.
00:16:46
Current admin endpoint
Урок 61.
00:10:38
Protecting page based on server response
Урок 62.
00:09:41
Categories list server
Урок 63.
00:10:32
List of categories client
Урок 64.
00:09:33
Ant columns layout
Урок 65.
00:09:39
Delete category
Урок 66.
00:06:42
Update category server
Урок 67.
00:09:06
Using modal component
Урок 68.
00:13:47
Updating category on modal
Урок 69.
00:09:39
Complete category update
Урок 70.
00:13:52
Editor preview and posts page
Урок 71.
00:09:05
Installing rich markdown editor
Урок 72.
00:15:08
Styling editor
Урок 73.
00:15:52
Post title and content in local storage
Урок 74.
00:06:24
Load categories
Урок 75.
00:07:42
Multiple select
Урок 76.
00:04:15
Rich text editor upload image
Урок 77.
00:15:34
React image resize and resolve editor issues
Урок 78.
00:09:38
Using cloudinary
Урок 79.
00:14:27
Uploading image
Урок 80.
00:13:59
Post preview
Урок 81.
00:08:10
Handle publish
Урок 82.
00:10:11
Post route and schema
Урок 83.
00:15:47
Save post in database
Урок 84.
00:07:03
All posts server
Урок 85.
00:12:27
Creating posts
Урок 86.
00:14:30
List posts client
Урок 87.
00:05:03
Why we need post context (theory)
Урок 88.
00:11:37
Lifting state of posts
Урок 89.
00:10:56
Lifting state of categories
Урок 90.
00:04:40
WordPress inspired media library
Урок 91.
00:08:21
Featured image modal
Урок 92.
00:08:08
Media components
Урок 93.
00:09:39
Upload component
Урок 94.
00:12:48
Sending image as formdata
Урок 95.
00:12:35
Save media in database
Урок 96.
00:12:52
Drag and drop multiple images
Урок 97.
00:13:03
Media context
Урок 98.
00:08:28
Uploaded image preview
Урок 99.
00:08:16
Create post with featured image
Урок 100.
00:06:28
Media endpoints
Урок 101.
00:04:29
Fetch media
Урок 102.
00:09:11
Select from media library
Урок 103.
00:09:56
Remove media
Урок 104.
00:09:01
SEO in react apps and nextjs apps
Урок 105.
00:10:48
Load all posts
Урок 106.
00:13:17
Display posts
Урок 107.
00:11:34
Single post page
Урок 108.
00:14:26
Post image and meta content
Урок 109.
00:08:24
Scrolling post view and responsive layout
Урок 110.
00:07:16
Delete post
Урок 111.
00:16:19
Post edit page
Урок 112.
00:15:18
Pre populate post for edit
Урок 113.
00:07:14
Post edit request client
Урок 114.
00:10:53
Post edit server
Урок 115.
00:12:40
Admin media upload
Урок 116.
00:03:45
Admin media library
Урок 117.
00:12:50
Create user by admin
Урок 118.
00:12:48
Password generator select and checkbox
Урок 119.
00:15:49
Create user by admin server
Урок 120.
00:12:26
Send account info by email
Урок 121.
00:10:33
Code refactoring new post
Урок 122.
00:06:25
Code refactoring post list
Урок 123.
00:05:11
Is admin middleware
Урок 124.
00:11:51
Author nav and layout
Урок 125.
00:05:12
Author post create page
Урок 126.
00:17:26
Can create read update delete middleware
Урок 127.
00:08:58
Apply new middleware
Урок 128.
00:14:15
Author posts
Урок 129.
00:09:35
Author post edit
Урок 130.
00:18:03
Author media management
Урок 131.
00:12:08
Subscriber nav layout and pages
Урок 132.
00:08:19
Users page for admin
Урок 133.
00:16:57
Users list for admin
Урок 134.
00:12:38
Users list with number of posts
Урок 135.
00:08:36
Delete user by admin
Урок 136.
00:14:33
User update page for admin
Урок 137.
00:14:37
User update form fields and media
Урок 138.
00:17:52
Update user by admin
Урок 139.
00:10:55
User image preview
Урок 140.
00:13:07
Profile page
Урок 141.
00:10:19
Author and subscriber profile page
Урок 142.
00:17:34
Updating own profile based on roles
Урок 143.
00:10:36
Post count and pagination server
Урок 144.
00:17:47
Load more posts
Урок 145.
00:09:55
All posts for admin
Урок 146.
00:08:29
Searching and filtering
Урок 147.
00:09:16
Creating comment server
Урок 148.
00:07:13
Post comment form
Урок 149.
00:15:37
Posting comment client
Урок 150.
00:15:37
Populating post comments
Урок 151.
00:08:19
Render list of comments
Урок 152.
00:13:09
Can update delete comments server
Урок 153.
00:10:29
Comments CRUD controller functions
Урок 154.
00:10:55
Admin comments page
Урок 155.
00:10:45
Rendering comments for admin
Урок 156.
00:10:58
Load more comments
Урок 157.
00:10:16
Comments description view and delete
Урок 158.
00:04:05
Comments delete by admin
Урок 159.
00:06:08
Comments page for users
Урок 160.
00:14:05
Comment edit modal
Урок 161.
00:14:00
Comment update
Урок 162.
00:16:19
Contact page
Урок 163.
00:05:06
Contact form submit
Урок 164.
00:16:22
Send contact form email
Урок 165.
00:09:02
Share post to social networks
Урок 166.
00:05:21
Documents statistics server
Урок 167.
00:08:13
Admin index page to display statistics
Урок 168.
00:12:44
Numbers counter with progress
Урок 169.
00:11:33
Custom hook useCategory
Урок 170.
00:05:03
Custom hook useLatestPosts
Урок 171.
00:06:41
Posts by category server
Урок 172.
00:11:40
Posts by category page
Урок 173.
00:11:46
List of posts based on category
Урок 174.
00:11:09
Full width image
Урок 175.
00:06:44
Loading to redirect
Урок 176.
00:07:31
Text on top of full width image
Урок 177.
00:09:29
Stats counter on home page
Урок 178.
00:08:05
Latest posts in home page
Урок 179.
00:09:36
Parallax image
Урок 180.
00:07:09
Categories list in home page
Урок 181.
00:07:25
Footer
Урок 182.
00:10:10
Customize page
Урок 183.
00:10:04
Customize home page from dashboard
Урок 184.
00:13:45
Page create and fetch server
Урок 185.
00:14:33
Customize home page
Урок 186.
00:06:49
Custom hook useHome
Урок 187.
00:03:32
Deployment overview
Урок 188.
00:05:46
Digital ocean setup
Урок 189.
00:08:56
SSH access
Урок 190.
00:05:37
Push code to github
Урок 191.
00:13:18
Installing NodeJs NGINX and git clone
Урок 192.
00:15:49
Installing MongoDB and commit changes
Урок 193.
00:04:59
Running frontend
Урок 194.
00:04:09
Trying signup
Урок 195.
00:12:03
Performing actions in dashboard
Урок 196.
00:02:16
Final thoughts
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Приложение с подпиской React Node Stripe MongoDB (MERN)
React Node Stripe MongoDB (MERN) Subscription App
Система подписки — это повторяющаяся система выставления счетов, которую вы будете взимать со своих клиентов каждый месяц за предоставление определенной услуги. Используя Stripe, вы сможете создать полностью совместимую безопасную платежную систему, чтобы получать данные кредитной карты пользователя, позволять им обновлять, приостанавливать или отменять свои планы и даже обновлять данные своей карты, и все это со страницы учетной записи в в
Это приложение для доставки пиццы Full Stack (MERN), разработанное с использованием React, Redux для асинхронных операций. Node JS для среды выполнения, Express JS для backend маршрутизации и Mongo DB для базы данных.
Получите экспертные навыки для создания и развертывания эпического приложения React. Серьезный учебный курс, который дает вам весь процесс создания и развертывания ваших собственных приложений стека MERN, созданных с помощью React и Node.
Добро пожаловать в "MERN Stack: Full Stack Приложения с Нуля". Этот курс познакомит вас с самым простым способом создания FullStack веб-приложений с использованием только основных языков Интернета: JavaScript, HTML и CSS. Мы создадим веб-приложение, используя фреймворки JavaScript из MERN Stack: MongoDB, ExpressJS, React и NodeJS. Этот курс научит вас всем важным основам веб-приложений, включая: учетные записи пользователей, безопасност