Jumpstart your career in web development with “The Front-End Web Developer Bootcamp: HTML, CSS, JS & React.” This immersive course is designed for aspiring developers, guiding you through the essential technologies for building dynamic websites. You’ll start with the fundamentals of HTML and CSS, progressing to JavaScript for interactive features and user engagement.
As you advance, you’ll explore React, one of the most popular JavaScript libraries, enabling you to create complex, responsive applications. With hands-on projects, coding exercises, and real-world examples, you’ll gain practical experience and a portfolio to showcase your skills.
By the end of this bootcamp, you’ll have a comprehensive understanding of front-end development and the confidence to tackle your own projects. Join us and take the first step toward becoming a proficient web developer!
Course Curriculum
- 34 sections
- 157 lectures
- 00:00:00 total length
-
Introduction
00:02:00 -
Features of HTML5
00:01:00 -
Benefits of using HTML5
00:01:00 -
Where and how is HTML5 used?
00:01:00 -
HTML5 editors
00:01:00 -
Downloading Visual Studio Code
00:02:00 -
Course Materials
00:00:00
-
What are HTML tags?
00:02:00 -
Structure of an HTML5 file
00:03:00 -
File and folder structure
00:01:00 -
How to create an HTML5 file?
00:02:00
-
Heading Tags in HTML
00:03:00 -
HTML5 Quotation and Citation tags
00:04:00 -
Commenting out code in HTML5
00:02:00 -
HTML5 attributes
00:02:00 -
How to style in HTML5
00:02:00
-
What are anchor tags?
00:04:00 -
What are image tags?
00:06:00 -
What are paragraph tags?
00:03:00 -
What are break tags?
00:02:00 -
What are table tags?
00:06:00 -
List Tags
00:04:00 -
Video Tag
00:03:00 -
Audio Tag
00:01:00
-
Form tags
00:06:00 -
Input Types
00:07:00 -
Input attributes (size, read-only, disabled)
00:03:00 -
Additional input attributes (Min, max, multiple, and placeholder)
00:04:00 -
Required Inputs
00:01:00
-
Introduction
00:02:00 -
Examining Block and Inline Elements
00:13:00
-
Conclusion
00:01:00
-
Introduction to CSS3
00:02:00 -
Syntax of CSS3
00:01:00 -
Uses of CSS3
00:04:00 -
Types of CSS3
00:07:00 -
Selectors & Colors in CSS3
00:08:00
-
Background
00:12:00 -
Borders
00:04:00 -
Outline
00:02:00 -
Height and width
00:04:00 -
Margin and padding
00:06:00
-
Text alignment
00:03:00 -
Text transform
00:03:00 -
Text spacing0
00:03:00 -
Font family
00:07:00 -
How to use font awesome icons
00:05:00
-
Display
00:02:00 -
Positions
00:06:00 -
Z-index
00:01:00 -
Overflow
00:03:00 -
Float
00:02:00 -
DOM Model in CSS
00:02:00 -
Advanced Selectors
00:07:00 -
Pseudo-classes Part 1
00:10:00 -
Pseudo-classes part 2
00:05:00 -
Pseudo-Elements
00:04:00
-
Opacity and important
00:03:00 -
Border-radius
00:03:00 -
Box Shadow
00:03:00
-
Grid System
00:11:00 -
Flexbox
00:07:00 -
Media Queries
00:04:00
-
Mini Project
00:15:00
-
Introduction and History of JavaScript
00:03:00 -
Syntax of JavaScript and overview
00:04:00 -
JavaScript Implementation
00:02:00 -
How to use HTML tags in JavaScript
00:02:00
-
Var in JavaScript
00:07:00 -
Global and local var in JavaScript
00:03:00 -
Advanced console.log
00:03:00
-
If statement
00:02:00 -
If else statement
00:02:00 -
Condition ternary statement
00:03:00 -
Switch statement
00:03:00 -
If else if statement
00:03:00 -
Break and continue statement
00:04:00 -
Data types
00:05:00
-
Arithmetic operator
00:05:00 -
Assignment operator
00:02:00 -
Comparison operator
00:04:00
-
Alert boxes
00:02:00 -
Confirm box
00:01:00 -
Prompt box
00:02:00 -
Functions
00:03:00 -
Functions with parameters
00:02:00 -
Function with return
00:05:00
-
Events in JavaScript
00:05:00
-
While loop
00:05:00 -
Do while loop
00:03:00 -
For loop
00:03:00 -
Nested loop
00:03:00
-
Arrays
00:06:00 -
Modify and delete arrays
00:02:00 -
Sort and revers methods
00:03:00 -
Pop and push methods
00:02:00 -
Shift and unshift method
00:02:00 -
Concat and join method
00:03:00 -
Slice and splice method
00:04:00 -
The isArray method
00:02:00 -
Indexof and lastindex method
00:03:00 -
The forEach method
00:02:00 -
The toString() valueOf() and fill() methods
00:02:00 -
Include methods
00:02:00 -
Some and every method
00:03:00 -
Find and findindex method
00:02:00 -
Filter method
00:02:00
-
Objects
00:10:00 -
Arrays objects
00:04:00 -
For in loop
00:03:00
-
String methods – Part 1
00:05:00 -
String methods – Part 2
00:04:00 -
String methods – Part 3
00:10:00
-
Number Methods
00:08:00 -
Math Method – Part 1
00:08:00 -
Math Method – Part 2
00:08:00 -
Date method
00:05:00
-
Dom Model
00:04:00 -
Dom other objects
00:09:00 -
Dom get methods
00:06:00 -
Dom styling
00:07:00 -
addEventListener (Events)
00:04:00 -
useCapture
00:04:00 -
classList method
00:08:00 -
Parent nodes
00:05:00 -
Children nodes
00:04:00 -
First and last child
00:03:00 -
Next and previous siblings
00:02:00 -
Create element text node
00:03:00 -
Append child and insert before
00:03:00 -
Insert adjacent element and insert adjacent HTML
00:05:00
-
Conclusion JavaScript
00:07:00 -
Conclusion
00:03:00
-
Introduction to React.JS
00:06:00 -
First React App
00:10:00 -
JSX In React.JS
00:04:00
-
Inline and Internal Styling in React.JS
00:05:00 -
Template literals in React.JS
00:06:00 -
Components in React.JS
00:06:00 -
Props in React.JS
00:07:00 -
Hooks in Reacts.JS
00:03:00
-
Understanding hierarchy in React.JS
00:06:00 -
Conditional rendering
00:04:00 -
useEffect Hook in React.JS
00:02:00
-
React-Router-Dom
00:04:00 -
Linking in react-router-dom
00:03:00 -
Handling Error Pages with react-router-dom
00:03:00 -
Using the useNavigate() hook
00:02:00
-
First Project (Part 1)
00:09:00 -
First Project (Part 2)
00:03:00
-
Building a Calculator – Part 1
00:03:00 -
Building a Calculator – Part 2
00:03:00
-
Building a Restful API in React.JS – Part 1
00:03:00 -
Building a Restful API in React.JS – Part 2
00:05:00 -
Building a Restful API in React.JS – Part 3
00:05:00 -
Using array.map() inside JSX elements
00:05:00 -
How to use Material UI in React.JS
00:06:00