Key Information
Front-End Web Development Certificate
Advanced HTML & CSS
Flexbox, Grid, & Bootstrap
$3,495 108 Hours
$975 18 Hours
$650 12 Hours
Learn to create the front-end of websites by coding HTML, CSS, and JavaScript. Build websites using WordPress, code emails with HTML & CSS, and use Git to track changes and collaborate with other developers.
Kick your CSS skills up a notch by learning how to code more complex and visually interesting layouts. In this CSS training, you’ll learn about vector graphics (SVG), CSS variables, styling gradients, shadows, positioning, CSS animated transitions, transforms, responsive images, and much more.
Learn how to use CSS flexbox and grid to layout and align webpage content, and make it adapt to different size screens. See how both of these newer CSS techniques are useful, and when to use each. You’ll also learn how to use Bootstrap (which uses Flexbox) to build out layouts quickly.
Open to Beginners
Students should have HTML and CSS coding experience equivalent to our Web Development with HTML & CSS class.
Students should feel comfortable coding HTML and CSS equivalent to our Web Development Level 2 class.
185 Madison Ave, NYC or Live Online
185 Madison Ave, NYC or Live Online
185 Madison Ave, NYC or Live Online
Next start date: Jan 10–May 11, Weeknights
Other scheduling options: Weeknights or weekdays
View full schedule
Next start date: January 23–25, Monday to Wednesday, 10–5pm
Other scheduling options Weekdays or weeknights
View full schedule
Next start date: January 26–27, Thursday to Friday, 10–5pm
Other scheduling options Weekdays or weeknights
View full schedule
New York-licensed Certificate Program
Receive a Certificate of Completion
Receive a Certificate of Completion
Free Retake Within 1 Year See our class policies for more details
Workbook Included
Courses Included (Certificates & packages only)
  • 18 HoursWeb Development with HTML & CSS
  • 18 HoursAdvanced HTML & CSS
  • 12 HoursFlexbox, Grid, & Bootstrap
  • 18 HoursJavaScript for Front-End
  • 18 HoursFront-End Tools & Portfolio
  • 18 HoursWordPress Bootcamp
  • 6 HoursHTML Email Bootcamp
Payment Plan See our payment plan FAQ for more details
This program is eligible for our “pay-as-you-go” payment plan.
Financing See our Leif FAQ for more details
This program is eligible for 12-month financing through Leif.
Target Audience

This certificate program is for anyone who wants to learn to code websites and become a front-end web developer. It’s a good fit for:

  • Those who want to build websites (using HTML, CSS, JavaScript, and WordPress).
  • Web designers, art directors, managers, and marketing professionals who want to understand how code works.
  • Anyone who needs to create or edit webpages or emails. Business owners, people in marketing, or anyone in a company that works with the creation of websites, blog posts, landing pages, and emails can benefit from web coding skills.
What You’ll Learn
  • Build the front end of webpages by coding HTML, CSS, & JavaScript
  • Markup content such as text, images, and links with HTML and then style it with CSS
  • Code fluid-width layouts that adapt to different size screens
  • Use browser developer tools to see how things work
  • Learn JavaScript to add animation and interactive functionality to your webpages
  • Use and skin Bootstrap to build out layouts quickly, using their grid system & components
  • Use Git to track changes in your code and collaborate with other developers
  • Build websites using WordPress, the world’s most popular CMS (Content Management System)
  • Learn how HTML & CSS are also used to code HTML Emails
  • 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
  • CSS Flexbox for laying out and aligning webpage content.
  • CSS Grid for an entirely new way to think about laying out entire webpages.
  • Use Bootstrap (which is made with flexbox) to build out layouts quickly.
  • Learn how flexbox and grid change the way you approach webpage layout.
  • Size, position, align, and reorder content using flexbox and grid.