Skip to content

Home

Jump to bottom
Al Zimmerman edited this page Sep 1, 2015 · 8 revisions

Welcome to the afe wiki!

Currently, this is an area for instructors to discuss the class and plan upgrades. Students are welcome to wander around in here, but can safely use the served version of the repo for their work. There are no secrets here that make your life easier.

Team

  • Al Zimmerman - producer, instructor, content author
  • Kristin Valentine - co-instructor, content expert
  • Stephanie Argy - teaching assistant, content author
  • Jaime Panaia - former co-instructor, content author
  • Matthew King - teaching assistant
  • Stacy Fabian - teaching assistant, content author

For the September 2015 run, it will primarily be Al, Kristin and Steph.

Themes

The outcomes, learning activities, and content are organized into several themes. These themes should be relevant to practicing Front End web developers.

Student work should involve more than one theme at a time. For example, SASS work will involve task automation. Improving form interactivity will involve testing the form with Selenium to verify that the javascript code works.

  • Design - analyzing web designs for implementability, how to code common micro interactions and UI patterns
  • Style - Extending CSS with SASS, managing stylesheets on projects, using SASS to support responsive design
  • Tools - task automation for development and deployment; dependency management, debugging style
  • Testing - Introduction to testing principles, end-to-end or acceptance testing with Selenium IDE
  • Interactivity - mechanisms of interactivity (links, forms, JavaScript), supporting micro interactions to support enhanced user interfaces (mostly around form usability).

The content of the course appears in table form at this google spreadsheet

Not in Scope

The last time we ran this class, we had another theme of Data-Driven Content which included JSON, AJAX, local storage and using back ends. While this was useful, it added substantial effort and distracted students from going deeper into the other themes. This time, we'll prepare this code ahead of time and provide it to students.

To keep JavaScript content alive and help students progress and prepare for full-stack classes, the JS component of the course will support the Interactivity theme, primarily through event handlers that manipulate the UI and form validation support.

We mentioned LESS and SASS in previous materials but we are dropping LESS.

Contents of this wiki are copyright of the respective authors, used with permission by Portland Code School.

Icon pack by Icons8

Clone this wiki locally