Practice Session

Getting started with Javascript
Programming Foundations
Algorithms
Variables
Data Types
Comparison Operators
*Exercise

Programming Interactivity
Defining Interactivity
Interaction Design Dimensions
History of Web Development
Future of interactivity

CSS Fundamentals
CSS Rules
CSS Inheritance
CSS Selectors
CSS Grids
Pseudo elements
*CSS Exercise

Programming & HTML Fundamentals
HTML Elements and Semantics
SEO Fundamentals
Web Development Tools
Hello World
*HTML Exercise

CSS Media Queries
Media Type
Screen Size
Resolution
Use Cases
*Exercise

Practice Session

Javascript User Interactions
CSS vs JS User Interactions
DOM Elements
User UI States
Manipulating DOM Elements
*Exercise

CSS User Interactions
2D and 3D CSS Transforms
User UI States
Transitions
Keyframes Animations
Timing Functions
*Exercise

Functions and Scope
Functions
Strings
Arithmetic operations
Loops
Iterators
Scope
*Exercise

Microinteractions
Why, When, How?
UX in Motion
Linear Movement
Easings: what how and when?
Looping and repetition
Javascript animations libraries
*Exercise

Building parallax scroll effects

Wrapping it up
Building landing page skeleton
Working with GIT
Deploying websites
*Design Landing Page homework

Work on the landing page and ask the teacher questions

Final Project Presentation and evaluation