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 are led by a live instructor. Class times listed are Eastern time.
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.