Check out https://tbhp.gitbook.io/thebeta/lesson-plans/introduction for latest version
- Understand how internet works and browers work
- First experience of making a web page
- Understand role of html/js/css
Unknown...
- Slide deck by Emmanuel
- Infographic How internet works
- Infographic on How browser works
- Html example file can create
-
Explain how the internet works Useful videos:
-
https://www.youtube.com/watch?v=e4S8zfLdLgQ&ab_channel=LearnCode.academy
-
https://www.youtube.com/watch?v=FTAPjr7vgxE&ab_channel=LearnCode.academy
-
Explain how browser works
-
Explain Html and demonstrate a html page
- Make sure explain opening and closing tags
- Go through some key tags: Like
<html>, <body>, <head>, <p>, <h1>-
Then get them to make html page. [Class Ex] Walk through (already set up) VS code. then class to write code teacher wrote, then extra tag. Or alternatively get them to use tutorial to run through it
-
Explain CSS and demonstrate how css styling can change the background colour / text colour [Class Ex] Everyone in class do that
-
Explain Javascript:
- Write code in console (alert)
- Write a js file and link to html [Class Ex] Everyone in class do that
Make lesson interactive for example:
- Asking them if know internet works
- Get them to pic background colour of page
Recreate the webpage. With a slight twist
1 student went bit over top and did a website with pics and sound Was relatively easy homework