Class 03 – 2016-09-27: Git, HTML, and CSS.

New problem set ps-03

Questions and review problem set: 5:45 – 6:45

• The reading, should have helped with the problem set.
• Missing PS-01 or PS-02 -- contact me!
• Missing from the assignments list? slack me your details!
• Review ps-02

CSS 6:45 - 7:15

• Ways to include styling
  • per-element
  • inline stylesheet
  • external file
  • cascaded (multiple) files
  • experiments in sample
• Position and Display
  • Absolute, relative, fixed positioning (float?)
  • blocks vs. inline
  • flexbox -- see flexbox in 5
  • experiments in sample
• Example flexbox: Me as pokemon card.

Javascript demo / intro 7:15- 8:15

This is an context setting lecture and exploration. Its an overview, and as such will touch on ideas that we will have to revisit to fully digest.

• Some overarching comments about javascript's permissiveness.
• What does JavaScript look like?
• Different from HTML's declarative (descriptive) style. Its imperative / procedural.
• How do we include Javascript on our web pages?
  • Inline click handlers
  • Inline <script> tags
  • From external files.
• When does javascript evaluate?
• JavaScript variables and types
  • Numbers
  • Strings
  • Arrays
  • Objects
  • Undefined
• The global window object in the browser
  • alert
  • console
  • debugger
  • this
• Walk-through & demo of ps-03-starter

Codified process & instructions 8:15 - 8:45

• Three Standard Stoppages.
• Show some of Sols walls.
• Show github 'solving sol'.

Online CSS Tools & resources:

• CSS validator