1. Introduction to HTML5

• Introduction
• Features of HTML5
• Benefits of Using HTML5
• Where and How Is HTML5 Used?
• HTML5 Editors
• Downloading Visual Studio Code

2. Structure of an HTML5 File FREE CHAPTER

• What Are HTML Tags?
• Structure of an HTML5 File
• File and Folder Structure
• How to Create an HTML5 File?

3. HTML5 Basic Building Blocks

• Heading Tags in HTML
• HTML5 Quotation and Citation Tags
• Commenting Out Code in HTML5
• HTML5 Attributes
• How to Style in HTML5

4. Exploring HTML5 Tags

• What Are Anchor Tags?
• What Are Image Tags?
• What Are Paragraph Tags?
• What Are Break Tags?
• What Are Table Tags?
• List Tags
• Video Tag
• Audio Tag

5. Building a Form from Scratch with HTML5

• Form Tags
• Input Types
• Input Attributes (Size, Read-Only, Disabled)
• Additional Input Attributes (Min, Max, Multiple, and Placeholder)
• Required Inputs

6. Block and Inline Elements

• Introduction
• Examining Block and Inline Elements

7. Conclusion (HTML5 Part)

• Conclusion

8. Introduction to CSS3

• Introduction to CSS3
• Syntax of CSS3
• Uses of CSS3
• Types of CSS3
• Selectors and Colors in CSS3

9. Basics Properties of CSS3

• Background
• Borders
• Outline
• Height and Width
• Margin and Padding

10. Typography Properties of CSS3

• Text Alignment
• Text Decoration
• Text Transform
• Text Spacing
• Font Family
• How to Use Font Awesome Icons

11. Selectors Properties in Depth of CSS3

• Display
• Positions
• Z-Index
• Overflow
• Float
• DOM Model
• Pseudo-Classes Part 1
• Pseudo-Classes part 2
• Pseudo-Elements

12. Extra Features in CSS3

• Opacity and Important
• Border-Radius
• Box Shadow

13. Responsive Design with CSS3

• Grid System
• Flexbox
• Media Queries

14. Mini Project

• Mini Project

15. Introduction to JavaScript

• Introduction and History of JavaScript
• Syntax of JavaScript and Overview
• JavaScript Implementation
• How to Use HTML Tags in JavaScript

16. Variables

• Var in JavaScript
• Global and Local Var in JavaScript
• Advanced console.log

17. Statements in JavaScript

• If Statement
• If Else Statement
• Condition Ternary Statement
• Switch Statement
• If Else If Statement
• Break and Continue Statement
• Data Types

18. Operators in JavaScript

• Arithmetic Operator
• Assignment Operator
• Comparison Operator

19. Popup Boxes in JavaScript

• Alert Boxes
• Confirm Box
• Prompt Box
• Functions
• Functions with Parameters
• Function with Return

20. Events in JavaScript

• Events in JavaScript

21. Loops in JavaScript

• While Loop
• Do While Loop
• For Loop
• Nested Loop

22. Arrays in JavaScript

• Arrays
• Modify and Delete Arrays
• Sort and Reverse Methods
• Pop and Push Methods
• Shift and Unshift Methods
• Concat and Join Methods
• Slice and Splice Methods
• The isArray Method
• Indexof and lastindex Methods
• The forEach Method
• The toString(), valueOf(), and fill() Methods
• Include Method
• Some and Every Methods
• Find and findIndex Methods
• Filter Method

23. Objects and Their Methods

• Objects
• Arrays Objects
• For-In Loop

24. String and Its Methods

• String Methods - Part 1
• String Methods - Part 2
• String Methods - Part 3

25. JavaScript Number Methods

• Number Methods
• Math Method - Part 1
• Math Method - Part 2
• Date Method

26. DOM Model

• DOM Model
• DOM Other Objects
• DOM Get Methods
• DOM Styling
• addEventListener (Events)
• useCapture
• classList Method
• Parent Nodes
• Children Nodes
• First and Last Child
• Next and Previous Siblings
• Create Element Text Node
• Append Child and Insert Before
• Insert Adjacent Element and Insert Adjacent HTML

27. Conclusion

• Conclusion

28. Introduction to React: A JS Library for Building User Interfaces

• Introduction to React.JS
• First React App
• JSX In React.JS

29. Styling Components Hooks

• Inline and Internal Styling in React.JS
• Template Literals in React.JS
• Components in React.JS
• Props in React.JS
• Hooks in Reacts.JS

30. Hierarchy Rendering and Advanced Hooks

• Understanding Hierarchy in React.JS
• Conditional Rendering
• useEffect Hook in React.JS

31. DOM

• React-Router-DOM
• Linking in React-Router-DOM
• Handling Error Pages with React-Router-DOM
• Using the useNavigate() Hook

32. Projects

• First Project (Part 1)
• First Project (Part 2)

33. Building a Calculator App

• Building a Calculator - Part 1
• Building a Calculator - Part 2

34. Using the Pokémon API

• Building a Restful API in React.JS - Part 1
• Building a Restful API in React.JS - Part 2
• Building a Restful API in React.JS - Part 3
• Using array.map() Inside JSX Elements
• How to Use Material UI in React.JS

35. Conclusion

• Conclusion