The Webpage learning materials

All videos are also available without ads via YuJa on the course Moodle for Section A (trying to figure it out for Section B)

Topic playlist on YouTube: https://www.youtube.com/watch?v=9Di3KTMWI3g&list=PLlhzHWGvpvd1nna8eEm1egC3Tq9mf

Optional Webpage material

Consider looking at this if you aren’t confident with HTML and CSS.

HTML

• (Optional) Watch The Webpage 1: HTML Overview and read the notes

CSS

• (Optional) Watch The Webpage 2: CSS Overview and read the notes

Required Webpage material

Follow along with the Plain JavaScript Template (Source, .zip).

The DOM (Document Object Model)

• Watch The Webpage 3: DOM Overview and read the notes
• Watch The Webpage 4: DOM Events and read the notes
• Watch The Webpage 5: DOM Form Input and read the notes

Activity

• Complete Activity: Haiku Generator (Watch The Webpage 6: Activity: Haiku Generator to see Pippin doing it) (Example final code, Online)

Examples

Click through for examples of the topics covered in this section

Other resources on the webpage

• DOM Documentation from Mozilla
• HTML Documentation from Mozilla
• freeCodeCamp Introduction to Basic HTML & HTML5
• codecademy Learn HTML
• CSS Documentation from Mozilla
• freeCodeCamp Introduction to Basic CSS
• codecademy Learn CSS