Frontend Web Development

Launchpad Program


A beginner's step by step launchpad program into the world of Data Science

Course curriculum

  1. 1

    • Welcome to Future Academy Africa
  2. 2

    • Track Introduction
  3. 3

    • History of the Web (1)
  4. 4

    • History of Web (2)
  5. 5

    • Designing for the web
  6. 6

    • The Browser, The Internet and Programming
  7. 7

    • Web 1, Web 2, Web 3
  8. 8

    • Fundamental of Web Development
  9. 9

    • Your Responsibilities as Entry Level
  10. 10

    • HTML (Building Blocks)
  11. 11

    • HTML (Sematics)
  12. 12

    • After Class Quiz
  13. 13

    • HTML Image_Location
  14. 14

    • HTML Forms
  15. 15

    • Responsive Web Design
  16. 16

    • Web Accessibility
  17. 17

    • Relationships 1
  18. 18

    • Relationships 2
  19. 19

    • CSS
  20. 20

    • CSS - What we will be building
  21. 21

    • CSS - Styling Tribute Page
  22. 22

    • CSS -Box Model
  23. 23

    • After Class Quiz
  24. 24

    • CSS - Sizing units
  25. 25

    • CSS_ Colors_ 1
  26. 26

    • CSS_ Positions
  27. 27

    • CSS_ Pseudo Classes

  28. 28

    • CSS - Pseudo-elements
  29. 29

    • CSS - Flexbox
  30. 30

    • CSS_ Frontend Mentor's Challenge
  31. 31

    • JavaScript_ What is JavaScript_
  32. 32

    • JavaScript_ Concept of Programming
  33. 33

    • JavaScript - DOM (Document Object Model)

  34. 34

    • After Class Quiz
  35. 35

    • JavaScript_ Variables
  36. 36

    • JavaScript - Operators _ Data Types
  37. 37

    • JavaScript_ Arrays and Array Operations
  38. 38

    • JavaScript_ Loops
  39. 39

    • JavaScript_ If, ElseIf and Loops
  40. 40

    • JavaScript_ Object & Object Operators
  41. 41

    • JavaScript_ Debugging
  42. 42

    • Project 1
  43. 43

    • Frontend Web Development_ Project 2
  44. 44

    • React_ Introduction
  45. 45

    • After Class Quiz

  46. 46

    • React_ Libraries vs Framework
  47. 47

    • React_ Why React
  48. 48

    • React_ React Basics
  49. 49

    • React_ Components and Props
  50. 50

    • React_ State and Lifecycle
  51. 51

    • React_ Fuctional Components vs Class Components
  52. 52

    • React_ Handling Forms
  53. 53

    • Project Architecture
  54. 54

    • React_ Project 1
  55. 55

    • React_ Project 2
  56. 56

    • Working with Backend Devs
  57. 57

    • Working with Product Designers

  58. 58

    • After Class Quiz
  59. 59

    • The Future Roundtable talk