Lesson plan: Week 1 Session 1

This template should be filled in with details for each section. Remove this and all other guideline text.

This lesson plan is for one session of the class. It includes pre-work, in-class activities, and post-work.

Student outcomes

Describe what the students should be able to do after this module. These must be objective, measurable skills. "Understand" is not good enough because it is not directly observable. "Define" or "Create" or "Choose the correct answer from a selection" are all observable. Include criteria for assessing the degree to which students can achieve the outcomes. See "Assessment" below.

• A list
• of
• Outcomes

Necessary materials

• Laptop: preferably Macbook Pro, or Unix based operating system
• Class Syllabus
• Git account
• Notebook/pen
• Text editor, preferably Atom, Sublime Text 3 or brackets

Prework

None

In class activity:

• Review syllabus
• Review course overview
• Sass module with code-along
• Task Automation presentation
• Review assignment

Post-work

Watch the following screencasts

• http://teamtreehouse.com/library/sass-basics
• http://teamtreehouse.com/library/advanced-sass

Do four modules of this tutorial: The Command Line for Web Design

http://webdesign.tutsplus.com/series/the-command-line-for-web-design--cms-777

• Introduction
• Grasping the Basics - This should be review
• Taming 3rd Party Packages
• Powering Up Front End Code with modifications:
  • Just install node-sass
  • Do not install ruby SASS
  • Do not install stylus or LESS
  • Do not install Jade or the others until requested
• (optional: read but do not do Automation with Grunt)
• Do Automation with Gulp

Assessment

Both self-assessment and staff assessment.

• Quiz URL (Either socrative or google docs)
• Assignment rubric

Additional references for instructional designer