Blog

Week 8: jQuery!

The Plan

  • Have some work time
  • Quick variables/functions review
  • What is jQuery? Selectors and chaining
  • Make a button to change styles, add some logic
  • Make a name alert() function
  • Make some buttons and hover to change the CSS/fade in and out

Homework

  • Start working on final project, and/or catch up on past assignments!
Advertisement

Week 5: Work time + Grids

The Plan

  • Work time til’ 11:30
  • Try a few in the design (download files)
  • Random demo/Q&A time

Homework

Todos

  • Email me a zip of Assignment 1 if you haven’t already
  • Keep working on Assignment 2
  • Figure something out and explain it to the class next week
  • Download MAMP

Readings

Week 4: OMG clearfix…why…

The Plan

  • Look at links
  • Assignment 1/general Q&A
  • Mobile First: max-width vs. min-width
  • Code a page together
  • Explain floats, clearfixing, and why to use grids

Homework

To do

  • Mail me a .zip of Assignment 1
  • Get started on [https://prattcodingii.hackpad.com/Coding-II-Assignment-2-Eok4RWf1vZ9](Assignment 2)
  • Figure something out and prepare to present it to the class next week
  • Find a site we can dissect

Readings

Week 3: Naming things is hard

The Plan

  • Show off links, dissect a site or two, discuss readings
  • Q&A time for Assignment 1, demo any questions
  • Why naming things is so hard, intro to semantics
  • Write the HTML for a profile page together, content out
  • Add some basic styles
  • Work/misc demo time

Homework

To do

  • Start Assignment 2
  • Write a blog post about something you figured out – example post here (bonus points if you write it in Markdown).

Readings

Week 2: The Internet and Files and Such

The Plan

  • Housekeeping – all good with the blog and email list?
  • Show off links
  • How the Internet works
  • Review file paths
  • Create site folders in the command line
  • Review, demos, whatever!

Homework

To-dos

  • Finish Assignment 1
  • Find a link to share next time, per usual
  • Install emmet in Sublime – link to instructions

Readings

Read these in order and come up with some thoughts:

  1. Semantic code: What? Why? How? and Wikipedia Semtantic HTML
  2. Our Pointless Pursuit of Semantic Value – Divya Manian
  3. Pursuing Semantic Value – response to the above, Jeremy Keith

From Class

Week 1: Dive In!

The Plan

  • Intros
  • Go over the class site and The Plan
  • My spiel about teaching and learning
  • Pair up and work through Assignment 1 (make your own copy of the checklist). Starter files are here.

Homework

Todos

  • Get pretty far into Assignment 1
  • Subscribe to the newsletters and explore links on the Tools page, install required and recommended software (if you want to)
  • Find a link or article to share for next time

Readings

Refreshers (optional)


From Class

Demos

Links