Skip to content

lesson-plan.md

Latest commit

 

History

History
69 lines (53 loc) · 2.55 KB

lesson-plan.md

File metadata and controls

69 lines (53 loc) · 2.55 KB

Lesson plan

> Focus on having lots of in class exercises.

> DONT teach everything, let the students investigate topics on their own aswell!

> Focus on how to read documentation, google answers and google errors!!

> Teach towards the students being able to solve the homework

Remember to add the code you wrote in the class to the relevant class branch's class work folder. If the branch has not been created just create and push it :) If you dont have access, write to one from the core team. You can see an example below!

To find examples of what teachers have taught before go to the class branches in the classwork folder, Fx class 07

If you find anything that could be improved then please create a pull request! We welcome changes, so please get involved if you have any ideas!!!

  • What happens when you open a webpage - draw on a whiteboard
    • Client sends http request to a url
    • The request is directed to the correct ip using DNS
    • The server reads the request and sends a respond
    • Show a simple request and response in Chrome dev tools
  • HTTP - What is the internet
    • Client
      • Sends request
      • Receives response
    • HTTP server
      • Listen for requests
      • Responds with data
    • https://websniffer.cc/
  • Introduction to node js
  • Simple webserver with node js
    • npm init
    • Modules
      • Homemade using module.exports and require
      • Live coding
      • NPM modules
        • npmjs.org
        • npm install -s express
        • node_modules
        • package.json
    • .gitignore
    • Nodemon
    • Play around with Express - Focus on usage!

Flipped classroom videos

Flipped classroom videos

Code inspiration

Created module

Go to the teacher-live-coding folder, npm install and run using nodemon ./src/backend/created-module.js. Try and implement this functionality from the bottom while explaining.

Building a simple http webserver

Go to the teacher-live-coding folder, run using nodemon ./src/backend/simple-webserver.js. Try and implement this functionality from the bottom while explaining.