Привет, добро пожаловать на этот курс по созданию функционального полностекового приложения MERN, которое может использоваться для создания счетов, коммерческих предложений и квитанций.
Мы будем пошагово создавать это приложение, используя инструменты и технологии, такие как Docker, NGINX, NGINX Proxy Manager, Makefiles, Portainer, shell-скрипты, MongoDB, Express, Redux Toolkit и Redux Toolkit Query, также известный как RTK-Query.
Вы также узнаете, как обслуживать ваше приложение на пользовательском доменном имени и обеспечивать его безопасность через HTTPS с помощью SSL-сертификатов от Let's Encrypt.
Этот курс НЕ предназначен для абсолютных новичков. Он рассчитан на тех, у кого есть хотя бы 1 год опыта работы с Fullstack JavaScript. Будет полезным иметь предварительное знакомство с MERN Stack.
Это приложение было разработано одним человеком (мной), поэтому, конечно, никто из нас не идеален. Вы можете обнаружить ошибки тут и там или видеть способы улучшения кодовой базы. Если вы обнаружите ошибки или видите возможности улучшения кода, пожалуйста, создайте запрос (Pull Request) в репозитории.
Я рассмотрю и приму изменения во благо всех остальных учащихся этого курса.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
MERN Invoice Web App with Docker,NGINX and ReduxToolkit,
а также все другие курсы, прямо сейчас!
Lecture 3: What you are getting yourself into - Demo
Урок 4.00:02:54
Create Working Directory and setup Github
Урок 5.00:13:02
Project Initialization
Урок 6.00:04:19
Intro to Insomnia
Урок 7.00:09:00
Dockerfile Config
Урок 8.00:17:27
Docker Compose Config
Урок 9.00:06:59
Building Backend Docker Containers
Урок 10.00:05:58
How to setup and use Makefiles
Урок 11.00:02:15
Introduction to Logging
Урок 12.00:14:08
Logging Setup
Урок 13.00:07:34
Introduction
Урок 14.00:03:38
Theory of NGINX as a reverse proxy/load Balancer(Don't skip please)
Урок 15.00:11:03
NGINX Backend config
Урок 16.00:09:30
Add client and NGINX to docker compose
Урок 17.00:08:29
Mongoose Config
Урок 18.00:01:46
Mongo Sanitize
Урок 19.00:20:41
User Model
Урок 20.00:04:17
Verification Token Model
Урок 21.00:04:50
Helpers
Урок 22.00:22:54
Middleware
Урок 23.00:11:10
Email Utilities
Урок 24.00:03:41
What is the difference between access and refresh tokens?
Урок 25.00:34:51
Register and Verify User Emails
Урок 26.00:20:07
Login User, get Access and Refresh Tokens
Урок 27.00:14:19
Refresh Token Controller
Урок 28.00:13:02
Resend Email Verification Tokens
Урок 29.00:20:02
Reset User Password
Урок 30.00:06:43
Logout User
Урок 31.00:07:38
Get User Profile Controller
Урок 32.00:10:07
Update User Profile
Урок 33.00:04:35
Delete My User Account
Урок 34.00:12:28
Get All Users - Admin Only
Урок 35.00:06:31
Delete User Account
Урок 36.00:05:52
Deactivate User Account
Урок 37.00:06:16
Install packages, Setup React Router Dom
Урок 38.00:20:45
Common Components Part 1
Урок 39.00:12:25
Common Components Part 2
Урок 40.00:23:41
Setup HomePage and custom theme
Урок 41.00:16:58
Create Auth and Register API Slice
Урок 42.00:07:09
Password Strength Indicator
Урок 43.00:16:35
Register Form Part 1
Урок 44.00:21:31
Register Form Part 2
Урок 45.00:07:52
Register Form Part 3
Урок 46.00:01:41
AuthWrapper
Урок 47.00:14:06
Register Page
Урок 48.00:13:02
Verification Page
Урок 49.00:09:48
Login AuthSlice and Service
Урок 50.00:16:10
Login Form
Урок 51.00:14:59
Login Page
Урок 52.00:06:28
LogoutUser API Slice
Урок 53.00:11:19
Auth Nav
Урок 54.00:23:27
Profile Info
Урок 55.00:04:36
Logo
Урок 56.00:17:41
MenuList
Урок 57.00:18:51
Resend Email Verification Link
Урок 58.00:02:03
Password Reset Service
Урок 59.00:21:53
Password Reset Pages
Урок 60.00:05:02
Auth Required
Урок 61.00:11:07
Dummy Dashboard and Users List Page
Урок 62.00:14:49
Re-Authentication with Refresh Token
Урок 63.00:32:48
UsersList Page
Урок 64.00:10:07
Passport Install and Configuration
Урок 65.00:06:49
Register App on Google
Урок 66.00:13:50
Google Controllers/Routes
Урок 67.00:09:29
useAuthUser Hook
Урок 68.00:17:14
Customer & Document Model
Урок 69.00:11:20
Create & Update Customer Controllers
Урок 70.00:25:15
Delete & Get All Customers Controllers
Урок 71.00:09:03
Create & Update Documents
Урок 72.00:18:50
Get & Delete Document controller
Урок 73.00:09:05
Install and setup Multer
Урок 74.00:14:02
Cloudinary Config
Урок 75.00:08:50
User Profile API Slice
Урок 76.00:29:16
Profile Page
Урок 77.00:34:42
Edit Profile Page Form
Урок 78.00:09:54
UsersList Page
Урок 79.00:07:33
CRUD CustomersApiSlice
Урок 80.00:22:53
Customers Page
Урок 81.00:21:14
Customer Create Form
Урок 82.00:21:14
Customer Edit Form
Урок 83.00:21:01
Single Customer Page
Урок 84.00:07:13
Custom PhantomJS Image
Урок 85.00:12:15
Create Email Template
Урок 86.00:36:26
Create PDF Template
Урок 87.00:09:03
Generate pdf controller
Урок 88.00:07:29
Create Payment controller
Урок 89.00:06:07
Documents Api Slice
Урок 90.00:17:23
Documents Components
Урок 91.00:06:25
Global Documents Components
Урок 92.00:23:48
Documents Page
Урок 93.00:23:16
Document Create Edit Form Part 1
Урок 94.00:26:24
Document Create Edit Form Part 2
Урок 95.00:33:34
Document Create Edit Form Part 3
Урок 96.00:15:42
Payment Form
Урок 97.00:19:52
Single Doc Page Part 1
Урок 98.00:40:04
Single Doc Page Part 2
Урок 99.00:08:03
Payment History
Урок 100.00:28:49
Dashboard Page
Урок 101.00:02:20
Intro to IaaS,PaaS and Dbaas
Урок 102.00:09:37
Digital Ocean Droplet
Урок 103.00:11:17
Mailgun Config
Урок 104.00:01:54
Client Production Config
Урок 105.00:04:35
MongoDB Atlas Config
Урок 106.00:13:09
Server Config
Урок 107.00:14:54
NGINX Proxy Manager Setup
Урок 108.00:11:04
Portainer Setup
Урок 109.00:11:58
Project Setup
Урок 110.00:17:18
Bash Deployment
Комментарии
Anonymous
I like the way he started but I couldn't go further from Lesson 9, I have a bug on the mongo-express container I even used his code but still has issues
betzel
Anonymous
I also encountered a problem in the lesson 9. The solution, in my case, was that the original folder in which the project was located was beyond the access of the new user that Dockerfile had created.
WAS: ARG APP_HOME=/app
NEED TO BE: ARG APP_HOME=/invoice/app
Maybe it will be useful to someone...
lofiden
исходники?
Coursehunters Team
lofiden
Материалы курса, первая папка
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Создание интернет-магазина с помощью React и Chakra UI - MERN
Build an e-commerce app with React and Chakra UI MERN
Это начальный курс для создания современных веб-приложений. Курс очень практический, более 90% уроков будет состоять из написания кода вместе со мной над проектом. Если вы предпочитаете изучение через практику, то этот курс определенно для вас. На этом курсе мы создадим пример интернет-магазина под названием Techlines с нуля, используя самую популярную библиотеку JavaScript React в сочетании с Redux, Chakra UI, NodeJs, Express, MongoDB и многими
В этом курсе настолько много всего, что просто нет смысла писать все здесь. Но я могу гарантировать, что этот курс поможет вам стать фулстек разработчиком JavaScript. Вы овладеете навыками JavaScript, поймете программирование Core Node JS, создадите быстрый, гибкий и масштабируемый API с помощью Node JS. Кроме того, вы также изучите React JS с нуля. Вы научитесь создавать молниеносное веб-приложение, которое будет использовать данные из созданног
Научитесь создавать fullstack приложения JavaScript с использованием стека MERN. Если вы любите изучать новые навыки и создавать приложения для реального мира, не тратя годы на изучение основ, то этот курс для вас. Курс посвящен практическим аспектам создания fullstack приложений. Независимо от того, насколько хорошо вы понимаете какой-либо язык или фреймворк, пока у вас не будет практического опыта, вы полностью потеряетесь, когда вам придется с
Изучите стек MERN с WebRTC и SocketIO создавая клон Discord
Discord Clone - Learn MERN Stack with WebRTC and SocketIO
Узнайте, как подключить стек MERN к WebRTC и SocketIO. Мы пройдем все этапы создания приложения с функцией группового звонка. Мы создадим реализацию WebRTC, чтобы показать, как вы можете разрабатывать приложения WebRTC благодаря simple-peer. Мы будем использовать SocketIO в качестве сервера оповещения для нашего приложения и для связи в реальном времени. После этого курса вы сможете создать собственное приложение, которое будет использовать WebRT
WAS: ARG APP_HOME=/app
NEED TO BE: ARG APP_HOME=/invoice/app
Maybe it will be useful to someone...