Mern Stack Dev Journey Project Course
Published 4/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English
| Duration: 8h 9m
Mastering MERN: A Practical Approach to Web Development
What you'll learn
Track Learning Progress and Achievements
Engage in Competitive Learning through Student Ranking
Develop Full-Stack Web Applications
Implement Authentication and Authorization
Utilize Redux and React Query for State Management
Master Interactive Application Development
Requirements
Basic Knowledge of JavaScript
Familiarity with HTML & CSS and MERN
A Computer with Internet Access
Eagerness to Learn and Solve Problems
Description
Embark on a comprehensive journey through full-stack web development with our "MERN Stack Dev Journey Project Course." This course is meticulously designed to transition you from a beginner to a proficient developer capable of building and deploying intricate web applications using the MERN stack-MongoDB, Express, React, and Node.js.Starting with the basics, you'll gain a solid foundation in each component of the MERN stack. You'll learn how to design and manage databases with MongoDB, create scalable server-side applications with Express, build dynamic front-end interfaces with React, and manage your application's environment with Node.js.Key Features of the Course:Instructor and Course Management: Instructors have unparalleled flexibility in managing courses, ensuring that content is always up-to-date and aligned with the latest industry standards.Progress Tracking for Students: A personalized dashboard allows students to monitor their learning progress, helping them stay motivated and on track.Student Ranking System: Engage in friendly competition with a ranking system that highlights your achievements and encourages you to master new skills.Robust Authentication and Authorization: Dive deep into implementing secure login mechanisms and protecting routes to ensure that both student and instructor data remain secure.State Management with Redux and React Query: Master advanced state management techniques using Redux for global state control and React Query for efficient data fetching, caching, and synchronization.By the end of this course, you'll have the confidence to build full-stack web applications from scratch and the skills to tackle real-world challenges as a MERN stack developer. Whether you're looking to start a new career in web development or enhance your current skills, this course is your gateway to becoming a sought-after MERN stack developer.
Overview
Section 1: AUTHENTICATION & GETTING STARTED
Lecture 1 Application User Flow
Lecture 2 Live Demo
Lecture 3 How to begin this project
Lecture 4 Data Structure
Lecture 5 Express Server
Lecture 6 MongoDB Connection String
Lecture 7 Login User
Lecture 8 isAuthenticated middleware
Section 2: INSTRUCTORS COURSE MANAGEMENT
Lecture 9 Create Course Controller
Lecture 10 Get all courses and a single course controllers
Lecture 11 Delete and Update Course API
Lecture 12 Course Sections Controllers
Lecture 13 Course Sections Routes
Section 3: STUDENTS COURSE MANAGEMENT
Lecture 14 Students Applying to a course
Lecture 15 Start Course section
Lecture 16 Student Positioning
Lecture 17 Update progress
Lecture 18 Public Profile with Progress Summary Modified
Lecture 19 Public Profile with Progress Summary
Lecture 20 Private Profile
Lecture 21 Access Role Middlewares
Section 4: FRONTEND || GETTING STARTED
Lecture 22 Create React Project using Vite
Lecture 23 Configure React Router DOM
Lecture 24 Configuring React Query
Lecture 25 Configuring Redux Toolkit
Section 5: FRONTEND || AUTHENTICATION
Lecture 26 Login Handling Form using Formik
Lecture 27 Login User Mutation
Lecture 28 Persisting Login User Using Redux
Lecture 29 Display Login Alert messages
Lecture 30 Register User
Lecture 31 Public and Private Navbars
Section 6: FRONTEND || INSTRUCTOR COURSE MANAGEMENT
Lecture 32 Adding Course by an Instructor
Lecture 33 Making Authenticated Request
Lecture 34 Get All Public Courses
Lecture 35 Instructor Course Details
Lecture 36 Adding Course Sections
Lecture 37 Fetching All Instructors Course Sections
Lecture 38 Delete course Section
Lecture 39 Update Course Section
Lecture 40 Update Course
Lecture 41 Displaying students positions and Fixed Login and Register Bugs
Lecture 42 Course Details
Section 7: FRONTEND || STUDENTS PROGRESS MANAGEMENT
Lecture 43 Applying to a course
Lecture 44 Display course sections
Lecture 45 Student Starting a section
Lecture 46 Modified Private Profile endpoint
Lecture 47 Student Update Progress Part 1
Lecture 48 Student Update Progress Part 2
Lecture 49 Student Dashboard API
Lecture 50 Student Dashboard Frontend
Section 8: APPLICATION IMPROVEMENT
Lecture 51 Logout Action
Lecture 52 Protecting Component and Render other component
Lecture 53 Fixed Redirect and Logout from Instructor Navbar
Aspiring Web Developers,Front-End Developers Seeking to Go Full-Stack,Back-End Developers Looking to Learn JavaScript Technologies,obbyists and Self-Taught Programmers,Freelancers and Entrepreneurs
Free search engine download: MERN Stack Dev Journey Project Course