Skip to content

Files

Latest commit

465c4d8 · Apr 10, 2019

History

History
31 lines (23 loc) · 1.2 KB

README.md

File metadata and controls

31 lines (23 loc) · 1.2 KB

Intro to Coding workshop 🌻

A 2-hour session, introducing HTML (and maybe a bit of CSS). As taught by @yvonne-liu and @charlielafosse at UP in April 2019.

Structure:

Intro to web pages + HTML

Teach HTML basics

  • Signup to Codepen
  • Slow codealong on how to make HTML elements (opening and closing tags)

freeCodeCamp

Inspect/Dev tools fun

  • Delete Google doodle
  • Add own HTML elements!

Slides on HTML + CSS + JS

  • Back to the slides
  • Final slide is intro to HTML challenge

HTML challenge: Make own tribute page

  • Back on codepen
  • Show students the user stories for their page (slides above)
  • Show this dashing example
  • Could add fun extras at the end if time? Add a tiny bit of CSS and JS (i.e make p elements blue, unleash an alert())