Nov 29, 2021  
2020-2021 Course Catalog 
    
2020-2021 Course Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

WDV 205 - Advanced CSS

Credits: 3
Lecture Hours: 2
Lab Hours: 2
Practicum Hours: 0
Work Experience: 0
Course Type: Voc/Tech
The course will expand upon the current use of CSS. Projects will address features of CSS3 including media queries for mobile site development, transitions and animations. Current CSS frameworks and pre-processor technologies will be featured in a project based environment.
Prerequisite: WDV 101   or Instructor Approval
Competencies
  1. Demonstrate knowledge of the basic principles CSS2 and CSS3.
    1. Identify the key concepts of CSS2.
    2. Identify the key concepts of CSS3.
    3. Discuss the expanded role of CSS3 for web page development.
  2. Demonstrate knowledge of CSS media queries
    1. Identify the commands available to media queries.
    2. Discuss the role of media queries in current web page development.
    3. Create a web page utilizing media queries.
    4. Create a multi-page website utilizing media queries.
    5. Present and discuss your website using a variety of browsers and devices.
  3. Demonstrate knowledge of one or more CSS Frameworks.
    1. Define CSS Frameworks.
    2. Identify current CSS Frameworks.
    3. Create a web page utilizing one or more CSS Frameworks.
    4. Create a multi-page website utilizing one or more CSS Frameworks.
    5. Demonstrate and discuss your website using a variety of browsers and devices.
  4. Demonstrate knowledge of one or more CSS Pre-processors
    1. Define CSS Pre-processors.
    2. Discuss advantages of using CSS Pre-processors.
    3. Identify current CSS Pre-processors.
    4. Create a web page utilizing one or more CSS Pre-processor.
    5. Create a multi-page website utilizing one or more CSS Pre-processors.
    6. Demonstrate and discuss your website using a variety of browsers and devices.
  5. Demonstrate the knowledge of CSS Transitions.
    1. Define CSS Transitions.
    2. Identify CSS Tranistions.
    3. Create a web page utilizing one or more transitions effects.
    4. Demonstrate and discuss the web page and the transitions.
  6. Demonstrate the knowledge of CSS Animations.
    1. Define CSS Animations.
    2. Discuss how CSS is being used to create animations effects for website applications.
    3. Identify CSS Animations.
    4. Create a web page utilizing one or more animation effects.
    5. Demonstrate and discuss your examples. 
  7. Demonstrate advanced navigation features using CSS.
    1. Research one or more navigation features using CSS.
    2. Create a web page utilizing one or more navigation features.
    3. Demonstrate and discuss the web page using a variety of browsers and devices.
  8. Create a capstone project featuring CSS.
    1. Design a multi-page commercially oriented website application.
    2. Implement a CSS Framework for mobile delivery.
    3. Implement a CSS pre-processor.
    4. Implement one or more CSS transitions.
    5. Implement one or more CSS animation effects.
    6. Implement an advanced navigation effect.
    7. Demonstrate the website application using a variety of browsers and devices.



Add to Portfolio (opens a new window)