Flexbox, Grid, & Bootstrap NYC: Course Description
Learn the powerful tools CSS Flexbox and CSS Grid to layout webpages. These newer CSS layout technologies make it easier to create responsive webpages. Learn how to use each of these CSS tools and when to use them. Leverage Bootstrap to quickly create pages with limited CSS. Expand your CSS capabilities and do it quickly with these advanced tools.
Prerequisite: HTML and CSS coding experience is required for this course.
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.
Flexbox, Grid, & Bootstrap 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 |
|---|---|---|---|---|
|
Flexbox, Grid, & Bootstrap NYC
NYC |
Thu, Jul 16 2020 to Fri, Jul 17 2020 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$650.00 | |
|
Flexbox, Grid, & Bootstrap NYC
NYC |
Tue, Aug 25 2020 to Thu, Sep 3 2020 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$650.00 | |
|
Flexbox, Grid, & Bootstrap NYC
NYC |
Thu, Oct 15 2020 to Fri, Oct 16 2020 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$650.00 | |
|
Flexbox, Grid, & Bootstrap NYC
NYC |
Sat, Dec 5 2020 to Sat, Dec 12 2020 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$650.00 |
Flexbox, Grid, & Bootstrap NYC Full Overview
Section 1
- Intro to Flexbox
- Flexbox: Sizing & Alignment
- Flexbox: Vertical Centering on a Full Screen Background
- Flexbox Wrapping
Section 2
- Flexbox: Reordering Content
- Flexbox: Creating a Responsive Pricing Grid
- Bootstrap: Getting Started
- Bootstrap: More About Grids & Components
Section 3
- Bootstrap: Spacing & Adapting Layout Across Screen Sizes
- Intro to Grid
- Grid: Sizing & Placing Items Within the Grid
- Grid: Minmax, Auto-Fit, & Auto-Fill
Section 4
- Grid: Template Areas
- Grid: Alignment, Centering, & Reordering Content
- Grid: Laying out an Article
- Grid: A Responsive Image Gallery (Masonry Layout)
HTML and CSS coding experience is required for this course.
Flexbox, Grid, & Bootstrap NYC Course Materials
You will receive a copy of the comprehensive workbook book created by the instructors. This book also serves as a resource for you after the class.
