Week 9: jQuery Plugins and Best Practices

The Plan

• Work time for a bit
• jQuery and functions review
• What are plugins and when to use them?
• Example with Fartscroll (lolz)
• Another example with jQuery UI Datepicker
• Select a plugin from Unheap to use

Homework

• Submit any assignments you want feedback on by November 27

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 7: Programming Concepts

The Plan

• Coding vs. programming
• Functions/variables/logic
• How computers “think”, pseudocode grocery shopping
• Noodling
• Move that to a program to your files
• Intro to jQuery

Homework

Todo

• Paragraph about final project
• jQuery Codeacademy lesson
• Style up the redesign

Readings

• Interesting: Please Don’t Learn to Code, Jeff Atwood

Week 6: MAMP + Assigment 3

The Plan

• Look at links
• Set up MAMP
• Go over Assignment 3, start it together
• Work time

Homework

To do

• Select a site for Assignment 3 and create the file structure
• Email a paragraph about your final project

Readings

TBD..

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

• Mobile First Responsive Web Design, Brad Frost
• 7 Habits of Highly Effective Media Queries, Brad Frost
• Uncle Sam Wants You to Optimize Your Content for Mobile, Karen McGrane

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

• Development is Design – Brad Frost
• Mobile First Responsive Web Design – Luke W

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

• Death to Bullshit – Brad Frost
• Specifics on CSS Specificity – CSS-Tricks

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

• Page Speed Insights – speed testing websites
• Bookmarklet to show characters between 45-75 – 45-75 is the optimal line length for reading text, use the bookmarklet to show character lengths on sites.

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

• Just by Brad Frost (e.g. the god of responsive design)
• Code Smells in CSS – things to live by. A slightly older article (2012 is old) but very relevant.
• Let’s Talk About Semantics – same as above!

Refreshers (optional)

• Codeacademy Web Fundamentals
• Learn to code HTML & CSS
• How CSS Selectors Work – also a refresher, but take a look over this one

---

From Class

Demos

• Form demo files

Links

• Clickhole – lolz
• 45-75 Character Length Bookmarklet
• Normalize.css – for CSS resets
• Cheetyr – reference