Web Development Level 2: Course Description
In this course, you’ll learn advanced ways to style content and target elements with CSS.
Improve the layout of your webpages using an alternate box-model, implement vector graphics, create visual effects, and more. Learn more about psoitioning, work with advanced CSS selectors, and leverage CSS variables. Optimize your pages with responsive images using CSS media queries, img srcset, and picture elements.
Prerequisite: Basic HTML and CSS coding experience is required.
This course is delivered in partnership with Noble Desktop, a leading design school in NYC with over three decades of experience.
COVID-19 Note: All New York classes will be held live online until June 30, 2020. Participants can retake the course in-person within a year. Upon registration, we will assist with any required setup.
Web Development Level 2 NYC Course Dates
All classes in Boston and Philadelphia start at 9:30 a.m. and end at 4:30 p.m. and are led by a live instructor in the same classroom with you. All online classes and NYC classes are also led by a live instructor and run from 10:00 a.m. to 5:00 p.m. Eastern Time.
| Course Title | Course Dates | Course Location | Fee | Register |
|---|---|---|---|---|
|
Web Development Level 2 NYC
NYC |
Mon, Jul 13 2020 to Wed, Jul 15 2020 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$975.00 | |
|
Web Development Level 2 NYC
NYC |
Tue, Jul 14 2020 to Thu, Jul 30 2020 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$975.00 | |
|
Web Development Level 2 NYC
NYC |
Mon, Oct 12 2020 to Wed, Oct 14 2020 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$975.00 | |
|
Web Development Level 2 NYC
NYC |
Sat, Oct 17 2020 to Sat, Oct 31 2020 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$975.00 |
Web Development Level 2: Full Overview
Section 1
- Normalize.css, Default Box Model, & More
- Font-Weight, Font-Style, & Unitless Line-Height
- Box Model: Content-Box vs. Border-Box
- Intro to SVG (Scalable Vector Graphics)
Section 2
- Embedding SVG
- SVG Sprites
- CSS Position Property
- Creating a Fixed Navbar & RGBA Color
Section 3
- CSS Background Gradients & Gradient Patterns
- Multiple Backgrounds & Viewport Sizing Units (vw)
- Creating Columns with Inline-Block & Calc()
- CSS Variables (Custom Properties)
Section 4
- Relational Selectors
- Pseudo-Elements & the Content Property
- Attribute Selectors
- Styling Forms with Attribute Selectors
- Relative Sizes: Em and Rem
Section 5
- Flix: Creating a Scrollable Area
- Flix: Media Queries for Retina/HiDPI Graphics
- Responsive Images
- Off-Screen Side Nav Using Only CSS
Section 6
- Box-Shadow, Text-Shadow, & Z-Index
- Hiding & Showing: Display, Visibility, & Opacity
- CSS Transitions
- CSS Transforms with Transitions
Basic HTML and CSS coding experience is required.
Web Development Level 2 Course Materials
You will receive a copy of the comprehensive Web Development training book created by the instructors. This book also serves as a resource for you after the class.
