biancatoledo / bootcamp2-10.github.io Goto Github PK

##Bootcamp2 Syllabus: ####Week 1 -Installation of Chrome, Adobe Brackets IDE, GitHub Windows/Mac desktop app
-Introduction to Github
-USPS HTML5/CSS3 refresher project:

• Basic HTML/CSS
• Advanced HTML5 tags/CSS3 properties
• Floats
• Relative/Absolute positioning
• Pixels vs Ems (time permitting)
• jQuery global font-size increase/decrease (time permitting)

####Week 2 -Installation of PrePros
-Introduction to SASS (nice writeup of differences between SASS/SCSS)

####Week 3 #####SASS usage quiz! -What makes a website responsive?
-Introduction to Viewport meta tag & Media Queries
-Introduction to Bootstrap v3.2.x
-Introduction to PureCSS v0.5.x
-Bootstrap vs PureCSS (advantages/disadvantages)

####Week 4 #####Media Queries / Bootstrap / PureCSS usage quiz! -Introduction to Flexbox

####Week 5 #####Flexbox usage quiz! -Installation of Photoshop CC 30 day trial
-Introduction to Photoshop

• Basic tool usage
• Example walkthroughs
• Image touch up
• Tattoo application
• Image cropping technique via color channels Example walkthrough
• Removal of model from background

####Week 6 -Breakdown of final project / Expectations
-Final student project work week
-Q & A

##Software we'll be using: ######Chrome ######Adobe Brackets IDE

1. Free and Open Source
2. LivePreview
3. Code Highlighting
4. Easy Plugin Installation

1. Easy GUI Interface
2. Requires no Terminal/Console knowledge

1. Best image editor on the planet

1. Free for basic version
2. Complies: LESS, SASS, SCSS, and more
3. Image Optimization
4. Live Browser Refresh