# Web Development II

# Course Information

• Course Resources

# Week 1

GitHub By the end of this week, students will demonstrate:

- creating a GitHub Repository

- setting up a GitHub Pages site

- creating and using GitHub issues

Topics

• Course Overview
• GitHub Repositories
• GitHub Pages
• GitHub Issues

# Week 2

Grid, Flex and Responsive Design Patterns By the end of this week, students will demonstrate:

- using Visual Studio Code - Live Share

- creating layouts with CSS Grid

- using CSS Flexbox for page components

Topics

• Responsive Web Design Patterns
• Visual Studio Live Share
• CSS Flexbox Recap
• CSS Grid Recap

# Week 3

Accessibility By the end of this week, students will demonstrate:

- testing for web page accessibility

- adding accessibility information

- using tools like ARIA and Schema for accessibility

Topics

• Accessibility
• ARIA Roles
• Schema

# Week 4

Image Optimization and Responsiveness By the end of this week, students will demonstrate:

- optimizing images for web

- adding responsive images to web pages

- using browser tools for troubleshooting

Topics

• Image Optimization
• Responsive Images
• Browser Dev Tools

# Week 5

Transition, Transform and Animation By the end of this week, students will demonstrate:

- using CSS transition

- transforming HTML elements

- animating elements on the page

Topics

• CSS Transition
• CSS Transform
• CSS Animation

# Week 6

Complex Selectors, Pseudo Elements and Custom Properties By the end of this week, students will demonstrate:

- using complex selectors in CSS

- using pseudo elements

- adding custom properties to CSS

Topics

• CSS Complex Selectors
• CSS Pseudo-elements
• CSS Custom Properties
• CSS calc() Function

# Week 7

SVG (Scalable Vector Graphic) By the end of this week, students will demonstrate:

- adding SVG to a webpage

- using properties of SVG files

Topics

• SVG

# Week 8

Reading Week There will be no classes this week.

# Week 9

Frameworks and Libraries - Bootstrap By the end of this week, students will demonstrate:

- navigating documentation for CSS Framework

- using framework for a web project

Topics

• Frameworks & Libraries
• Bootstrap Basics

# Week 10

Prototyping with Bootstrap By the end of this week, students will demonstrate:

- creating webpage prototypes using Bootstrap

Topics

• Bootstrap Grid
• Bootstrap Navs and Navbars

# Week 11

Another look at Media Queries By the end of this week, students will demonstrate:

- use of advance media queries

Topics

• Advance Media Queries

# Week 12

Web Page Performance By the end of this week, students will demonstrate:

- measuring the performance of a webpage

- improve the performance of a webpage

Topics

• Web Page Performance

# Week 13

Work Period Students will be given time to work on their final projects.

# Week 14

Work Period Students will be given time to work on their final projects.

# Week 15

Finals Week There will be no classes this week.