The complete React 18 Fullstack course ( 2024 edition)
The complete React 18 Fullstack course ( 2024 edition), available at $79.99, has an average rating of 4.62, with 485 lectures, based on 1594 reviews, and has 8652 subscribers.
You will learn about You will learn the whole React WebApp building process, from your pc to the server. Work with nosql databases ( Firebase, MongoDB and Moongoose) How to deploy applications to services like Firebase and Heroku. Learn how Redux work and apply it on a real life application. Learn what NODE js is and How it works and create your own server, Learn the basics of Webpack This course is ideal for individuals who are From beginners in javascript to intermediate. It is particularly useful for From beginners in javascript to intermediate.
Enroll now: The complete React 18 Fullstack course ( 2024 edition)
Summary
Title: The complete React 18 Fullstack course ( 2024 edition)
Price: $79.99
Average Rating: 4.62
Number of Lectures: 485
Number of Published Lectures: 485
Number of Curriculum Items: 485
Number of Published Curriculum Objects: 485
Original Price: $19.99
Quality Status: approved
Status: Live
What You Will Learn
- You will learn the whole React WebApp building process, from your pc to the server.
- Work with nosql databases ( Firebase, MongoDB and Moongoose)
- How to deploy applications to services like Firebase and Heroku.
- Learn how Redux work and apply it on a real life application.
- Learn what NODE js is and How it works and create your own server,
- Learn the basics of Webpack
Who Should Attend
- From beginners in javascript to intermediate.
Target Audiences
- From beginners in javascript to intermediate.
Do you want to learn the whole process of building your App ?. This is the course for you.
We will start from the very beginning, from “I don’t even know how use it..and why would I“ to actually understanding how React works and make it communicate with other technologies like Node JS.
You will learn all the logic and practice behind React in different modules, and as we advance through the course we will be increasing the difficulty.
Since I believe that the best way to fully learn is by coding, after each important section we will put everything in practice with some course projects, and after you have a strong base of React we will journey into Servers and Databases, Redux and deploying apps to production.
We will use ES6, the latest version of JavaScript.
Don’t know ES6 ?
Don’t sweat it, there is a full bonus section where we will show you all the ES6 magic.
To sum everything up, you will learn in this course:
-
The very basics of React. How to install and the logic behind it.
-
Once you know the basics of React we will journey into the confusing stuff.
-
After you have a strong base of React we will create a full practice project.
-
Everybody is using Redux, so we will learn how to use redux with our React Apps.
-
Since our app will need a database, you will learn how to use MongoDB and mongoose.
-
Apply security, authentication, restricting routes, hashing passwords and JWT’s.
-
We will create a second practice projectusing React, Redux, Node Server and MongoDB.
-
Of course, we will learn the whole process of publishingyou app using Heroku, Git and Github.
-
Webpack is part of the fullstack.
-
You also get a Full ES6 course
What about the instructor experience ?
Well I’ve been around for 15 years now, built lots of applications for small projects and big companies like Citi, Fox, Disney and a lot more.
Today I work as developer for a major company developing applications in React or Angular mostly, but I like to teach in my spare time.
How about the target audience?
-
This course is for almost everyone, a little bit of JavaScript is required. We will use ES6 but you can learn as we go.
-
If you want to take your coding to the next level, this is the course for you.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Introduction
Lecture 2: IDE
Lecture 3: Github Resources
Lecture 4: Installing NODE JS
Chapter 2: React Basics
Lecture 1: Running a React App
Lecture 2: The Bundle
Lecture 3: From the ground up
Lecture 4: JSX Behind the scenes
Lecture 5: Project Structure
Lecture 6: Connecting components
Lecture 7: It's JavaScript, remember ?
Lecture 8: Component history
Lecture 9: Adding some style
Lecture 10: Events
Lecture 11: Reusable code
Lecture 12: Component state
Lecture 13: Prev State
Lecture 14: Complex State
Lecture 15: Header state
Lecture 16: Props
Lecture 17: Props to next item
Lecture 18: React children
Lecture 19: More on styles
Lecture 20: Children to parent
Lecture 21: Filter News
Chapter 3: React Hooks
Lecture 1: React Hooks
Lecture 2: UseEffect
Lecture 3: Cleanup Effect
Lecture 4: Creating the scenario
Lecture 5: UseCallback
Lecture 6: UseRef
Lecture 7: Context part one
Lecture 8: Context part two
Lecture 9: Context part three
Lecture 10: UseMemo
Chapter 4: Practice Project One – Who pays the bill ?
Lecture 1: Installing
Lecture 2: Creating a Context
Lecture 3: Showing stages
Lecture 4: Creating the form
Lecture 5: Add and show players
Lecture 6: Validating input
Lecture 7: Remove players
Lecture 8: Stage 2 and result
Lecture 9: Showing Toasts
Lecture 10: Finishing App
Chapter 5: React Router
Lecture 1: Introduction
Lecture 2: The router process
Lecture 3: Creating components
Lecture 4: Setting up routes
Lecture 5: Linking
Lecture 6: Adding some styles
Lecture 7: Params
Lecture 8: More router options
Lecture 9: Redirections
Lecture 10: No matched Routes
Lecture 11: Nested routes
Chapter 6: React Transitions
Lecture 1: Transitions
Lecture 2: Transitions 2
Lecture 3: CSSTransitions
Lecture 4: TransitionGroup
Chapter 7: REDUX
Lecture 1: Introduction
Lecture 2: Connecting
Lecture 3: CreateSlice
Lecture 4: Accessing the Store
Lecture 5: Actions and Reducers
Lecture 6: Async
Lecture 7: Async 2
Lecture 8: Reject and Fulfil
Lecture 9: Promise from Dispatch
Chapter 8: Working with Forms
Lecture 1: Introduction
Lecture 2: Setting up
Lecture 3: Validation
Lecture 4: Formik and YUP
Lecture 5: Formik Hooks
Lecture 6: Formik Components
Lecture 7: Formik custom components
Chapter 9: Practice Project Two – Daily News
Lecture 1: Installing
Lecture 2: Creating Routes
Lecture 3: Configure Redux
Lecture 4: Header and Layout
Lecture 5: JSON Server
Lecture 6: Fetching Home Posts
Lecture 7: Load more posts
Lecture 8: Home Masonry
Lecture 9: Moment and Post Route
Lecture 10: Post by ID
Lecture 11: Clear post by ID
Lecture 12: Creating contact form
Lecture 13: Validating the form
Lecture 14: Post from data
Lecture 15: Show Toasts
Instructors
-
Coding Revolution
Professional Instructor and Web Developer.
Rating Distribution
- 1 stars: 22 votes
- 2 stars: 24 votes
- 3 stars: 99 votes
- 4 stars: 504 votes
- 5 stars: 945 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024