Course Outline
Lessons
Day One
Day Two
Day Three
Day Four
Day Five
Day Six
Day Seven
Day Eight
Day Nine
Day Ten
Day Eleven
Day Twelve
Final Project
Day 11
Take Home Review
CSS Preprocessors
Daily Challenge
Intro to Javascript
Take Home Challenge
Questions?
Sass
What is Sass?
sass vs scss
Sass in Bootstrap
Sassmeister
- sass playground
Beginner's Guide to Set Up
More Preprocessors
Compiler Tools
Create a new pen at
codepen.io
Go to Settings > CSS > CSS Preprocessor > SCSS
Follow this tutorial to create these "tint" and "lighten" color functions
Practice lightening and darkening some div background colors
What is Javascript?
ES6
How to use Javascript
No download or installation necessary
Free to use
Runs in your browser
Codepen Example
Finish your final projects
Make sure your
main
branch is up-to-date
Activate
gh pages
for your project
