Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Zero to Hero ReactJS Mastery Course
  • Table Of Contents Toc
Zero to Hero ReactJS Mastery Course

Zero to Hero ReactJS Mastery Course

By : Ranjan Pandey
Buy this Video
close
close
Zero to Hero ReactJS Mastery Course

Zero to Hero ReactJS Mastery Course

By: Ranjan Pandey
Buy this Video

Overview of this book

Welcome to the Zero to Hero React JS mastery E-degree course. This course will guide you with hands-on live sessions on your path to becoming a professional React JS developer. This course has no prerequisites; all material will be taught completely from the start using real-world examples. This course is divided into four parts. In the first part, you will learn all about HTML. What HTML is, understand the structure of an HTML page, learn about different tags used in HTML, learn how to create a form in HTML, and more. The second part is all about CSS. In this part, we will understand what CSS is, learn about Inline, Embedded, and External styling; learn about different types of CSS selectors; learn about the Box model, animation, transition, transformation in CSS, and more. In this third part, we will start with JavaScript. You will learn about different types of data types, what are variables and constants, learn various operators, understand what loops, arrays, and objects are, learn the Document Object Model (DOM), and much more. In the final part, we will cover React JS and Bootstrap. Here, you will learn how to create React apps and understand the different ReactJS concepts. You will also learn about Bootstrap, and we will work on multiple projects in order to understand the different concepts that we learn throughout the course. Without any prior knowledge, you will graduate from this course with the skills necessary to become a professional React JS developer using a step-by-step, project-based learning methodology. All the resources for this course are available at: https://github.com/PacktPublishing/Zero-to-Hero-ReactJS-Mastery-Course
Table of Contents (4 chapters)
close
close
close
1
Mastering HTML5
Icon
Course Overview
Icon
Introduction to Web Development
Icon
Installation and Setup
Icon
Html-Structure-Comments
Icon
Head-Meta-Link-Script-Tags
Icon
Headings-p-span-div-br-hr-text
Icon
Anchor-img-tag
Icon
Ordered and Unordered List
Icon
Table Row Column
Icon
Form Input Select textarea
Icon
Inline-Block-Entities-Header-Footer-Section-Button-Article-Audio-Video-iframe
2
Mastering CSS3
chevron up
Icon
Introduction to CSS
Icon
Different Ways of Using CSS
Icon
Selectors-in-CSS
Icon
Debugging-Using-Developer-Tool
Icon
Fonts-in-CSS
Icon
Colors-in-CSS
Icon
Border-Background-Height-Width
Icon
BoxModel-Margin-Padding
Icon
Float-Clear
Icon
Pseudo-Selector
Icon
CSS-Display-Property
Icon
CSS-Position-Property
Icon
CSS-Visibility-Z-Index
Icon
CSS-Flexbox
Icon
CSS-Responsive-Units-em-rem-vh-vw
Icon
Media-Queries
Icon
Advance-Pseudo-Selector
Icon
nth Selector
Icon
Before-After-Pseudo-Selector
Icon
CSS-Box-Text-Shadow
Icon
CSS-Custom-Variables
Icon
CSS-Animation-Keyframes-Part-1
Icon
CSS-Animation-Keyframes-Part-2
Icon
Transition
Icon
Transform
3
Mastering JavaScript and ES6
Icon
Introduction to the World of JavaScript
Icon
JavaScript Popularity and ECMAScript Evolution
Icon
Installation and Setup
Icon
Writing your First JavaScript
Icon
Datatype and Variables
Icon
Comments in JavaScript
Icon
Operators and Operands
Icon
String Concatenation
Icon
String Functions
Icon
Scope in JavaScript
Icon
If Else Switch Case
Icon
Object in JavaScript
Icon
Array in JavaScript
Icon
Function in JavaScript
Icon
Alert Prompt Confirm Parse in JavaScript
Icon
Loops in JavaScript
Icon
Spread Operator
Icon
Ternary Operator
Icon
Array Filter Function
Icon
Understanding DOM
Icon
Manipulating DOM with JavaScript
Icon
Event and Event-Listener in JavaScript
Icon
setTimeout and clearTimeout
Icon
setInterval and clearInterval
Icon
Date and Time Part-1
Icon
Date and Time Part-2
Icon
JSON Object and its Manipulation
Icon
Arrow Function
Icon
Window, Document, Localstorage, Sessionstorage
Icon
Math Object and Various Functions
Icon
Project 1
Icon
Project 2
Icon
Project 3
4
Mastering ReactJS and Bootstrap 5
Icon
ReactJS Introduction and Environment Setup
Icon
Create React App
Icon
Program Flow and Project Files Walkthrough
Icon
Types of Components in React
Icon
Creating and Using 1st Functional Component
Icon
Creating 1st Stateful Class Component
Icon
ES6 Functional Component, Export and Import
Icon
Comparison Between Functional and Class Component
Icon
React Hooks Introduction
Icon
Jsx Explained
Icon
Props in Functional and Class Component
Icon
State versus Props
Icon
Deep Dive into setstate
Icon
Handling Form in Class Component Part 1
Icon
Handling Form in Class Component Part 2
Icon
componentDidMount Lifecycle Onload Method
Icon
Create New React App and Understand Project Structure.
Icon
Project Cleanup
Icon
Installing Bootstrap and React Vscode Extension
Icon
Create Home About Contact Page
Icon
Creating Navbar Component
Icon
Adding React-Router-Dom and Different Routes
Icon
Link and NavLink to avoid Page Reload
Icon
Designing About and Contact Page
Icon
Page Not Found
Icon
Bootstrap Versus React-Bootstrap
Icon
Using Custom Styling
Icon
Setting Up Backend Fake api and db
Icon
useState useEffect axios api call and React Dev Tools Extension
Icon
Showing All Users on Frontend UI
Icon
Adding Action Buttons on Frontend
Icon
Add User Navigation Routing
Icon
Create Add User Form
Icon
Set State Variable Data
Icon
Save New User to DB Via Post api Call
Icon
Another Way to Save User Data in DB Using Post api
Icon
Edit User Prepopulate User Data
Icon
Save Updated User in DB
Icon
Delete a User
Icon
View User Details
Icon
View User Address and Company Info
Icon
Showing Loading Spinner
You're currently viewing a free sample. Access the full title and Packt library for free now with a free trial.
Chapter: 2
Mastering CSS3
Icon This video is locked
Icon
Icon
0:00
2.0x
1.5x
1.25x
1.0x
0.5x
caption settings
caption off
Icon Icon
ShowHide Transcripts Icon
Section: 4
Debugging-Using-Developer-Tool
In this video, you will learn how to debug using developer tool.
CONTINUE WATCHING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Zero to Hero ReactJS Mastery Course
End of Section 2
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon