The Front-End Web Developer Bootcamp: HTML, CSS, JS and React

Table of contents

1. Introduction to HTML5
   1. Introduction
   2. Features of HTML5
   3. Benefits of using HTML5
   4. Where and how is HTML5 used?
   5. HTML5 editors
   6. Downloading Visual Studio Code
2. Structure of an HTML5 file
   1. What are HTML tags?
   2. Structure of an HTML5 file
   3. File and folder structure
   4. How to create an HTML5 file?
3. HTML5 basic building blocks
   1. Heading Tags in HTML
   2. HTML5 Quotation and Citation tags
   3. Commenting out code in HTML5
   4. HTML5 attributes
   5. How to style in HTML5
4. Exploring HTML5 tags
   1. What are anchor tags?
   2. What are image tags?
   3. What are paragraph tags?
   4. What are break tags?
   5. What are table tags?
   6. List Tags
   7. Video Tag
   8. Audio Tag
5. Building a Form from Scratch with HTML5
   1. Form tags
   2. Input Types
   3. Input attributes (size, read-only, disabled)
   4. Additional input attributes (Min, max, multiple, and placeholder)
   5. Required Inputs
6. Block and Inline Elements
   1. Introduction
   2. Examining Block and Inline Elements
7. Conclusion (HTML Part)
   1. Conclusion
8. Introduction to CSS3
   1. Introduction to CSS3
   2. Syntax of CSS3
   3. Uses of CSS3
   4. Types of CSS3
   5. Selectors and Colors in CSS3
9. Basics Properties of CSS3
   1. Background
   2. Borders
   3. Outline
   4. Height and width
   5. Margin and padding
10. Typography Properties of CSS3
    1. Text alignment
    2. Text decoration
    3. Text transform
    4. Text spacing
    5. Font family
    6. How to use font awesome icons
11. Selectors Properties in Depth of CSS3
    1. Display
    2. Positions
    3. Z-index
    4. Overflow
    5. Float
    6. DOM Model
    7. Advanced Selectors
    8. Pseudo-classes Part 1
    9. Pseudo-classes part 2
    10. Pseudo-Elements
12. Extra features in CSS3
    1. Opacity and important
    2. Border-radius
    3. Box Shadow
13. Responsive Design with CSS3
    1. Grid System
    2. Flexbox
    3. Media Queries
14. Mini Project
    1. Mini Project
15. Introduction to JavaScript
    1. Introduction and History of JavaScript
    2. Syntax of JavaScript and overview
    3. JavaScript Implementation
    4. How to use HTML tags in JavaScript
16. Variables
    1. Var in JavaScript
    2. Global and local var in JavaScript
    3. Advanced console.log
17. Statements in JavaScript
    1. If statement
    2. If else statement
    3. Condition ternary statement
    4. Switch statement
    5. If else if statement
    6. Break and continue statement
    7. Data types
18. Operators in JavaScript
    1. Arithmetic operator
    2. Assignment operator
    3. Comparison operator
19. Popup Boxes in JavaScript
    1. Alert boxes
    2. Confirm box
    3. Prompt box
    4. Functions
    5. Functions with parameters
    6. Function with return
20. Events in JavaScript
    1. Events in JavaScript
21. Loops in JavaScript
    1. While loop
    2. Do while loop
    3. For loop
    4. Nested loop
22. Arrays in JavaScript
    1. Arrays
    2. Modify and delete arrays
    3. Sort and revers methods
    4. Pop and push methods
    5. Shift and unshift method
    6. Concat and join method
    7. Slice and splice method
    8. The isArray method
    9. Indexof and lastindex method
    10. The forEach method
    11. The toString() valueOf() and fill() methods
    12. Include methods
    13. Some and every method
    14. Find and findindex method
    15. Filter method
23. Objects and their Methods
    1. Objects
    2. Arrays objects
    3. For in loop
24. Strings and its methods
    1. String methods - Part 1
    2. String methods - Part 2
    3. String methods - Part 3
25. JavaScript Number methods
    1. Number Methods
    2. Math Method - Part 1
    3. Math Method - Part 2
    4. Date method
26. Dom Model
    1. Dom Model
    2. Dom other objects
    3. Dom get methods
    4. Dom styling
    5. addEventListener (Events)
    6. useCapture
    7. classList method
    8. Parent nodes
    9. Children nodes
    10. First and last child
    11. Next and previous siblings
    12. Create element text node
    13. Append child and insert before
    14. Insert adjacent element and insert adjacent HTML
27. Conclusion
    1. Conclusion
28. Introduction to React: A JS library for building user interfaces
    1. Introduction to React.JS
    2. First React App
    3. JSX In React.JS
29. Styling Components Hooks
    1. Inline and Internal Styling in React.JS
    2. Template literals in React.JS
    3. Components in React.JS
    4. Props in React.JS
    5. Hooks in Reacts.JS
30. Hierarchy rendering and advanced hooks
    1. Understanding hierarchy in React.JS
    2. Conditional rendering
    3. useEffect Hook in React.JS
31. DOM
    1. React-Router-Dom
    2. Linking in react-router-dom
    3. Handling Error Pages with react-router-dom
    4. Using the useNavigate() hook
32. Projects
    1. First Project (Part 1)
    2. First Project (Part 2)
33. Building a Calculator App
    1. Building a Calculator - Part 1
    2. Building a Calculator - Part 2
34. Using the Pokemon API
    1. Building a Restful API in React.JS - Part 1
    2. Building a Restful API in React.JS - Part 2
    3. Building a Restful API in React.JS - Part 3
    4. Using array.map() inside JSX elements
    5. How to use Material UI in React.JS
35. Conclusion
    1. Conclusion