Skip to content

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

License

Notifications You must be signed in to change notification settings

pkester/html4kids

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published