Web Development Level 2

at Practical Programming - Midtown

Course Details
$975 30 seats left
Start Date:

Mon, Apr 17, 10:00am - Apr 19, 5:00pm Eastern Time ( 3 sessions )

Midtown, Manhattan
185 Madison Ave 3rd Fl
Btwn E 34th & E 35th Streets
New York, New York 10016
Class Level: Intermediate
Age Requirements: 18 and older
Average Class Size: 30

Flexible Reschedule Policy: This provider has flexible, free rescheduling for any-in person workshop. Please see the cancellation policy for more details

What you'll learn in this web development course:

In this hands-on class, you’ll expand your knowledge of what CSS can do, enabling you to create well-designed webpages 

From more advanced ways to visually style content, to better ways of targeting elements with CSS, this course will supercharge your CSS skills.

Take control over the layout of your webpages by learning about an alternate box-model called border-box, use vector graphics (SVG), and create visual effects such as CSS gradients, shadows, transparent colors (with RGBA), and more.

Gain a deeper understanding of how positioning works (relative, absolute, fixed), target elements with advanced CSS selectors, and learn the power of CSS variables. You'll better optimize your pages with responsive images using CSS media queries, img srcset, and the picture element.

This course has a prerequisite 

Students should have basic HTML and CSS coding experience equivalent to our Web Development Level 1 class.

What’s included with my tuition?

  • A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement
  • Expert instructors who are industry professionals and experienced educators that are driven to help you succeed
  • Top-notch curricula that have been tried and tested over many cohorts and are consistently improved for an optimal learning experience
  • Supplemental materials to assist both during and after the course - please refer to specific course pages to see what supplemental materials are offered
  • A 1-year free retake policy which allows students to retake any part of the course or program for free to refresh the materials and gain additional practice
  • A certificate of completion to verify your accomplishment

On Campus in NYC

Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.

  • Live, interactive class
  • Experienced instructor in the room with you
  • Computer and software provided
  • Free retake within one year

What You’ll Learn

  • Master important CSS concepts such as positioning, advanced CSS selectors, relative type sizing (px, em, rem), calc() and much more
  • Learn sophisticated styling with multiple background images, transparent color using RGBA, CSS gradients, shadows, and more
  • Learn multiple ways to use and style SVG in webpages
  • Code responsive images using img srcset and the picture element
  • Learn CSS variables for cleaner and more flexible code
  • Create mobile optimized off-screen navigation menus using only CSS
  • Create animated effects using CSS transitions & transforms

Course Syllabus

  • 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

Still have questions? Ask the community.

Refund Policy
If you withdraw two days before the course start date, any deposit paid will be refunded in full. 

No refunds will be given for cancellations made after that date. If you cannot attend our class or workshop, for which you were charged, you will receive 25% discount for any other course.


Google Map

Practical Programming

All classes at this location

Start Dates (1)
Start Date Time Teacher # Sessions Price
10:00am - 5:00pm Eastern Time TBD 3 $975
This course consists of multiple sessions, view schedule for sessions.

Benefits of Booking Through CourseHorse

Booking is safe. When you book with us your details are protected by a secure connection.
Lowest price guaranteed. Classes on CourseHorse are never marked up.
This class will earn you 9750 points. Points give you money off your next class!
Questions about this class?
Get help now from a knowledge expert!
Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Reviews of Classes at Practical Programming (378)

Similar Classes

School: Practical Programming

Practical Programming

Practical programming classes and workshops for everyone who wants to learn how to code from scratch or practice Python. You will learn how to start using Python, problem solving with algorithms and make dynamic web applications.

No coding experience needed, anyone who would like to learn how to code...

Read more about Practical Programming

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified NYC educator.

Ready to take this class?
Booking this class for a group? Find great private group events here