Key Information
Web Development Level 2
Flexbox, Grid, & Bootstrap
Front-End Web Development Certificate
$975 18 Hours
$650 12 Hours
$2995 72 Hours
Learn More
Learn More
Learn More
Download Syllabus
Download Syllabus
Download Syllabus
Overview
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.
Learn to create the front-end of websites by coding HTML, CSS, JavaScript, jQuery, Sass, and use Git to track changes and collaborate with other developers.
Prerequisite
Students should have basic HTML and CSS coding experience equivalent to our Web Development Level 1 class.
Students should feel comfortable coding HTML and CSS. You should have knowledge equivalent to our Web Development Level 2 class.
Open to Beginners
Location
185 Madison Ave, NYC or Live Online
185 Madison Ave, NYC or Live Online
185 Madison Ave, NYC or Live Online
Scheduling Options
Weekdays, weeknights, or weekends
Weekdays, weeknights, or weekends
Weekdays, weeknights, or weekends
Next Start Date
February 23–March 11, Tuesdays & Thursdays, 6–9pm
January 28–29, Thursday to Friday, 10–5pm
Feb 2–Apr 22, Weeknights
Certification
Receive a Certificate of Completion
Receive a Certificate of Completion
New York-licensed Certificate Program
Free Retake Within 1 Year See our class policies for more details
Workbook Included
Courses Included (Certificates only)
N/A
N/A
  • 18 HoursWeb Development Level 1
  • 18 HoursWeb Development Level 2
  • 12 HoursFlexbox, Grid, & Bootstrap
  • 18 HoursJavaScript & jQuery
  • 6 HoursWeb Developer Tools: Git & Coding Tips
Discounts See our discounts policies for more details
  • Take 10% off this course if you’ve previously taken any 12+ hour course.
  • Take $100 off this course if you’re an individual paying for yourself (not reimbursed by a company).
  • Shorter courses such as this are already affordably priced and are not eligible for discounts.
  • This is a discounted package of classes that is 15–25% off the individual class prices. Other discounts do not apply.
Payment Plan See our payment plan FAQ for more details
This program is eligible for our “pay-as-you-go” payment plan.
Target Audience
Anyone
Anyone

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, and JavaScript).
  • Web designers, art directors, managers, and marketing professionals who want to understand how code works.
  • Anyone who needs to create or edit webpages. Business owners, people in marketing, or anyone in a company that works with the creation of websites, blog posts, landing pages, and more can benefit from web coding skills.
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
  • 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.
  • Build the front-end of webpages by coding HTML, CSS, & JavaScript/jQuery
  • Markup content such as text, images, 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/jQuery to add animation and interactive functionality to your webpages
  • See how jQuery can be used to quickly add JavaScript functionality to a site
  • Learn modern CSS page layout technique such as flexbox and grid
  • 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
  • Tips and tricks to code faster using Emmet, Sass, and code editors like Sublime Text