CA$179 – CA$229

CSS Grid: Simplifying Advanced Layouts

Event Information

Share this event

Date and Time

Location

Location

HackerYou

485 Queen Street West

Third Floor

Toronto, ON M5V 2A9

Canada

View Map

Event description

Description

CSS grid was introduced into browsers in 2017 and moving forward, CSS will never be the same! With this new addition to CSS, complex layouts are not only possible, but easy to build. In this workshop, you will learn how to create advanced layouts with the latest and greatest CSS of the future. You'll leave with the tools to be able to implement CSS Grid today, with fallbacks for older browser support.

Whether your knowledge of HTML and CSS is basic, or you have been doing this for years, this workshop is for you. Now is the time to learn CSS Grids, and maybe make a few fun puppy-themed sites along the way!


What will I learn?

  • CSS grids
  • Feature Queries
  • The differences between flexbox and CSS Grid, and when to use each
  • How to create a 12 column grid without a grid framework like Bootstrap or Foundation
  • How to start using grid today, no matter what browsers you need to support
  • Tips on making your CSS Grid layout accessible
  • Students will leave with a grid ‘cheatsheet’

What will I build?

  • You will complete 3 grids exercises and will work on completing a complex layout using grids

What will I need to bring?

  • Sublime Text, or another plain-text editor
  • Computer running latest OSX or Windows
  • Mozilla Firefox

What are the prerequisites?

  • Basic HTML and CSS knowledge
  • Self Check: This workshop is for you if you are able to create layouts with floats and flexbox


This workshop is facilitated by Tiffany Nogueira (Head of Part-Time Programming, HackerYou).

Lunch will be provided! Please contact us if you have any dietary restrictions.

Refunds for HackerYou workshops will only be given if we are notified 7 days prior to the event.


Share with friends

Date and Time

Location

HackerYou

485 Queen Street West

Third Floor

Toronto, ON M5V 2A9

Canada

View Map

Save This Event

Event Saved