Web Development II

Course Information

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

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

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

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

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

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

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

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

Week 10

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

- creating webpage prototypes using Bootstrap

Topics

Week 11

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

- use of advance media queries

Topics

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

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.