Web development starter kit 📚

Basics

• Install Chrome

  • Chrome (15mins)
    

• Code Editor

  • Visual Studio Code (1hr 30mins)
    
  • Visual Studio Code Adanced (6hrs)
    

• Git and Github

  • Git (40mins)
    
  • Github (1hr 20mins)
    
  • Github Foundation course (10hrs)
    

• Chrome developer tools

  • developer tool (25mins)
    
  • developer tool advanced (1hr 15mins)
    

Frontend Development

• About Browser

  • How browser works? (10mins)
    
  • How internet works? (1hr 45mins)
    

• Document Object Model

  • DOM (10mins)
    
  • How DOM manipulation works? (2hr 40mins)
    

• HTML

  • HTML (2hrs)
    
  • HTML advanced (5hr 20mins)
    

• CSS

  • CSS (1hr 25mins)
    
  • CSS advanced (11hrs 37mins)
    

• Javascript

  • Javascript (3hrs 20mins)
    
  • Advanced Javascript (12hrs)
    

Assessments

• HTML & CSS

  • Portfolio(2hrs)
    
  • Social Media(2hrs 40mins)
    

• Javascript

  • E-commerce(2hrs)
    
  • PokeMon(40mins)
    

Sample assessments Figma link

• https://www.figma.com/file/CjLeuCyQ8ZCDYBQvu6XtgW/Tracker?node-id=0%3A1&t=dDbyO0bbssO248eK-0
  

  User API

• https://www.figma.com/file/X1tzzLpeIx02EJQh8NW0DL/wizard-house?node-id=39-461&t=dTHipuhWERBzEiqz-0
  

  Wizard students API
  Wizard staff API