/html4kids

Repository to store source to teach Junior High Kids html / css

MIT LicenseMIT

html4kids

Repository to store source to teach Junior High Kids html / css

The thought process is to utilize codepen.io pens with lesson plans to teach kids grade 6th - 8th how to design static websites utilizing html, css, and javascript.

Futher plans include teaching how to use responsive web design frameworks like Bootstrap or Foundation to more quickly develop complete websites, incorporating back-end services or API's for data, or designing completely functional websites from scratch emulating a popular look and feel to a website that kids are already familiar with.

Lesson 1

HTML / CSS Introduction

  • What is HTML / CSS / Javascript
  • Briefly describe mobile first development
  • Structure and Tags
  • Paragraphs, Headings, and Lists

Presentation: WIP

Pen 1: WIP


Lesson 2

TBD

  • Topic 1
  • Topic 2
  • Topic 3

Presentation: WIP

Pen 1: WIP


HTML Topics to teach

  • Links
  • Images
  • Tables
  • Definition Lists
  • Block Quotes
  • Horizontal Rules
  • Text Formatting (italics,bold,emphasis,small, strike-out)
  • divs
  • articles
  • specialized tags , ie facebook or pinterest
  • browser specific tags overview
  • Copyright do's and don'ts

CSS Topics to teach

  • id
  • class
  • changing fonts

Javascript topics to teach

  • Functions
  • Events
  • alert()
  • onclick
  • onblur
  • changing DOM with events