Skip to content

An introductory workshop for students age 12-18 which teaches the very beginnings of HTML, CSS, and JS. Includes a final project using Leaflet.

Notifications You must be signed in to change notification settings

AishaBlake/DDJS-webdev-intro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Course Outline

Day 1

  • Intro (AtPeace)
  • Leaflet Demo (Talia)
  • Website structure vs. presentation vs. functionality
  • HTML
    • Syntax
    • Specific tags
      • <div>
      • <p>
      • <img>
      • <a>
      • <ul>
      • <li>
  • CSS
    • Syntax
    • Specific properties
      • background
      • color
      • width
      • font-size
    • Specifying color
  • JS
    • Syntax
    • Programming fundamentals
      • Variables
      • Arrays
      • Objects
      • Functions
  • Closing (AtPeace)

Day 2

  • Intro (AtPeace)
  • Review
  • Intro to Leaflet (Quick start as a class)
  • JS exercises w/ Leaflet
    • TBD (series of smaller "do this"/"change that" type tasks)
  • Discussion (AtPeace/Talia)
    • What could you use this for?
    • What do you love about your neighborhood?
    • What would you change about your neighborhood?
  • Voting (format for demo of final projects)
  • Closing (AtPeace)

Day 3

  • Intro (AtPeace)
  • Review
    • Content (HTML, CSS, & JS)
    • Discussion (Goals for the final project)
  • Project work
  • Debrief (AtPeace/Talia)
    • Demos
    • Discussion
      • What did you learn?
      • How could you use this?
      • What would you change/add?
      • What are the benefits of collaborating?

About

An introductory workshop for students age 12-18 which teaches the very beginnings of HTML, CSS, and JS. Includes a final project using Leaflet.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •