Course Information
- Available
- *The delivery and distribution of the certificate are subject to the policies and arrangements of the course provider.
Course Overview
Learn the complete React JS and the Production ready framework Next JS in a single course
React is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.
Next.js is an open-source development framework built on top of Node.js enabling React-based web applications functionalities such as server-side rendering and generating static websites.
Topics you gonna cover in this course.
React Introduction
How To Create a new React Application
Components and Different types of Components
Components Structure and Life Cycle
How to handle events in React
Applying styles to React JS Components
React Hooks
Forms and Form Submissions
Routing in React
Controlling one component from another Component with the help of Context-API
Connecting React Applications to Back-End and build complete full-stack Applications
React vs Next
Creating Single Page Applications
Client-Side Rendering
Server-Side Rendering
Creating Layouts
Create REST API's without Node, Express
Routing in Next JS
Connecting Databases (Mongo DB) to NEXT JS
Performing API requests with Postman to Next API's
CSS Modules in Next JS
3 Live and Hands-On Projects
Deploying Next App to Vercel
Q/A Support
By the end of this course, you will know how to create a full-stack web application with NEXT JS.
React allows you to build things the way you want and is supported by a strong community. Next. js makes your life easier with several tools and conventions available out of the box, and it is also supported by a very active open source community. In terms of tooling, both React and Next.
Course Content
- 28 section(s)
- 91 lecture(s)
- Section 1 Introduction
- Section 2 React Intro
- Section 3 Creating Our First React App
- Section 4 Components in React
- Section 5 States and Props in React
- Section 6 Event Handling and CSS
- Section 7 Project 1
- Section 8 React Life Cycle
- Section 9 React Hooks
- Section 10 React Forms
- Section 11 Project 2
- Section 12 React Router
- Section 13 Maps in React
- Section 14 Local Storage
- Section 15 Project 3
- Section 16 HTTP Methods
- Section 17 Project 4
- Section 18 Next JS Intro
- Section 19 Creating Our First Next App
- Section 20 Next Routing
- Section 21 Layout in Next JS
- Section 22 CSS in Next
- Section 23 Data Fetching
- Section 24 Project 6
- Section 25 Next API
- Section 26 Next API with HTML Content
- Section 27 Next API with POSTMON
- Section 28 Next JS Crud
What You’ll Learn
- Build Single Page Front End Applications
- Learn how components play a crucial role in React
- Different types of components and their importance
- React Hooks , useState and useEffect
- Understanding the difference between Client side rendering and Server side rendering
- Creating API's with Next JS without the knowledge of Node JS
- Build Hands on Projects to understand the concepts clearly
Skills covered in this course
Reviews
-
AArifianto Bastian
course easy to understand
-
AAbari Samuel Godswill
he didnt cover much topics in the individual courses and i bought this course for over Ngn 11,000
-
TTod Walter Ogryzlo
Great so far