WDV205 Advanced CSS - Homework Page

Unit 1 - Review CSS Syntax and Concepts

• 1-1: Research and Define CSS Terms
• 1-2: Explain CSS Basic Selectors

Unit 2 - CSS3 More Fun with CSS

• 2-1: CSS Examples
• 2-2: Working with Attribute Selectors
• 2-3: Working with Combinators
• 2-4: CSS Selectors Challenge

Unit 3 - CSS Preprocessor Sass/Scss & Mixins

• 3-1: Define CSS Preprocessor
• 3-2: SASS Example and Demonstrate
• 3-3: Mixin Example

Unit 4 - CSS Posititioning

• 4-1: Demonstrate Positioning

Unit 5 - CSS Float Layout

• 5-1: CSS FLoat Layout

Unit 6 - CSS FlexBox Layout

• 6-1: FlexBox Layout

Unit 7 - CSS Grid Layout

• 7-1: CSS Grid Layout

Unit 8 - CSS Media Queries

• 8-1: Media Query-Float Page
• 8-1: Media Query-Flexbox Page
• 8-1: Media Query-Grid Page

Unit 9 - Bootstrap Framework

• 9-1: Bootstrap Layout

Unit 10 - CSS Transformations

• 10-1: 2D & 3D Transformations

Unit 11 - CSS Transitions

• 11-1: Demonstrate Transition
• Extra Credit: Create a Flip card

Unit 12 - CSS Animations

• 12-1: Demonstrate Animation

Unit 13 - HTML5 Banner Ads

• 13-1: Create a Display Banner Ad

Portfolio 1 - Bootstrap Application

• Chucks Pizza

Portfolio 2 - Banner Advertisement

• Banner AD