Schedule

WEEK 13

April 18 & 20

Tuesday

  • work on UX animation project

Thursday

Resources

WEEK 12

April 4 & 6

Tuesday

  • work on UX animation project

Thursday

  • work on UX animation project

Resources

WEEK 11

March 28 & 30

Tuesday

  • one-on-one project chats

Thursday

WEEK 10

March 21 & 23

Tuesday

  • no class

Thursday

  • UI/UX design overview

  • Google's material design UI guide

  • prototyping tools: proto.io, Photoshop timeline (animated gifs), Marvel/POP

  • animations triggered by click with javascript

WEEK 9

March 14 & 16

Tuesday

  • UX: mobile navigation

  • LukeW video

  • HW: readings and response

Thursday

  • intro to next project

  • HW: define content of next project

WEEK 8

March 7 & 9

Tuesday

  • warm-up: CSS positioning property

  • psuedo elements: ::before and ::after

Thursday

  • no class

WEEK 7

Feb 28 & March 2

Tuesday

  • show-and-tell: animation microinteractions

  • CSS animations vs transitions

  • in-class exercises

Thursday

  • CSS positioning

  • loading sequences

WEEK 6

February 21 & 23

Tuesday

  • ecommerce site due

  • CSS animations

Thursday

  • present animation

WEEK 5

February 14 & 16

Tuesday

  • work on ecommerce site

  • individual review

Thursday

  • continue ecommerce site

Resources

WEEK 4

February 7 & 9

Tuesday

  • dev tools videos

  • start bootstrap UI project

Thursday

  • work on project in class

WEEK 3

Jan 31 & Feb 2

Tuesday

  • specifity

  • media query in-class exercise

  • dev tools

  • HW: add media query breakpoints to article layout

Thursday

  • complex selectors: brady bunch exercise

  • media query review

  • intro to UI project

  • HW: design mockups

WEEK 2

January 24 & 26

Tuesday

  • review FTP uploading

  • file path exercise

  • specificity rules

  • complex selectors

Thursday

  • no class

WEEK 1

January 17 & 19

Tuesday

  • Welcome!

Thursday

  • web basics review

  • in-class activity: stylesheet

  • student websites

  • HW: create two different stylesheets for the html file provided; upload to server

Resources