Flexbox, Grid, & Bootstrap: 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 Course Dates
All classes start at 10:00 a.m. and end at 5:00 p.m. Eastern time and are led by a live instructor.
| Course Title | Course Dates | Course Location | Fee | Register |
|---|---|---|---|---|
|
Flexbox, Grid, & Bootstrap
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 |
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 |
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: 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)
Flexbox, Grid, & Bootstrap: Prerequisites
HTML and CSS coding experience is required for this course.
Flexbox, Grid, & Bootstrap: 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.
