Web development starter kit 📚

Basics

• Install Chrome

  • Chrome(15mins)
    

• Code Editor

  • Visual Studio Code(1hr 30mins)
    

• Git and Github

  • Git(40mins)
    
  • Github(1hr 10 mins)
    

• Chrome developer tools

  • developer tool(25mins)
    

Frontend Development

• About Browser

  • How browser works?(10mins)
    

• Document Object Model

  • DOM(10mins)
    

• HTML

  • HTML(2hrs)
    

• CSS

  • CSS(1hr 25mins)
    

• Javascript

  • Javascript(3hrs 20mins)
    

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