Foundation

Foundation Training

Foundation Training

Get your team up and running on Foundation with our online training courses.

← Back to Home

Foundation Training: Advanced Foundation

An implementation-focused course on kicking your Foundation skills up a notch.

Taught By The Authors

You'll be taught by the developers of Foundation and folks who use it everyday. You'll have the opportunity to ask them direct questions about Foundation.

Beyond the Basics

The course covers a number of advanced topics and scenarios to help you implement better responsive sites even faster using Foundation.

Attend From Anywhere

The course is held online using GoToMeeting, so you can attend from anywhere.

Attend Our Next Training

Tuesday July

18

Sign Up

Email us at training@zurb.com or call (408) 320-ZURB

$299 per person

An in-depth course covering the techniques and application of Foundation for sophisticated product design.

Want to learn how to use Foundation with Sass? We also have a Sass Training class.

Course Outline
  • Mastering The Grid with Brandon Arnold | 9:00AM - 9:45AM
    • Medium Grid Foundation 5 offers a second breakpoint, learn how to write that markup and start building for tablet sized devices.
    • Centering Multiple Columns Learn the easiest way to center two or more columns on your page.
    • Collapsing Columns Learn the easiest way to center two or more columns on your page.
    • Overlapping Columns Breakthrough the grid and get your columns to overlap over each other.
    • Equal Height Columns Getting your columns to share the same height when they have different amounts of content within.
    • Complex Data Tables With The Grid Putting it all together to create a complex nested data grid that looks great on all device sizes.
  • Foundation’s Best Practices with Ghaida Zahran | 10:00AM - 10:45AM PDT
    • File Structure Learn the Foundation way of structuring your file folders and our efficient use of CSS imports.
    • SASS and _settings.scss Take full advantage of Foundations SASS structure and learn how to alter nearly anything in Foundation with just a couple quick changes.
    • SASS Versioning Use multiple versions of the Foundation gem on the same machine.
    • Media Queries Showing how to specify which size screen your CSS will alter.
    • HiDPI Ready Assets Preparing your assets for HiDPI screens by taking advantage of SVGs.
    • Compression & Deployment: The best ways to deploy the smallest and most efficient files.
  • Beyond the basics with Javascript with Mark Hayes | 11:00AM - 11:45AM PDT
    • Interchange Make sure your mobile browsers only load the graphics that are appropriate for them.
    • Abide Pure HTML5 form validation can be a snap.
    • Advanced Top Bar Take complex navigation items and alter it with ease.
    • Orbit Sizing Full screen, small screen, fixed height, dynamic height; Using orbit for all media types and sizes.
    • Callbacks Take your site to a new level by making your javascript integrate with ours.
  • Tips and Tricks with Caleb Winters | 12:00PM - 12:45PM PDT
    • Icon Fonts Don’t import image files for every icon, use Foundations icon Fonts to quickly add HiDPI ready icons in your next project.
    • Visibility Classes Create neat navigation techniques with the visibility classes built into Foundation.
    • Mega-Dropdown Use the Foundation Dropdown classes to create complex grid navigation for your desktop users.
    • Masonry Grid Integrate jQuery with the Foundation grid to create a responsive masonry grid.
    • Off Canvas Create sliding menus or content areas on your mobile devices.

What Folks Are Saying

“ZURB is my partner of choice to provide our designers and developers with product design training. We use Foundation extensively for our mobile first - responsive design projects, and trust ZURB for great products (Foundation & ZURB Apps), first-class training, and support.”

Gordon Suttie Head of Innovation, Digital Services Capgemini UK
“Really good how everything was explained, also you made it enjoyable! Very good examples to help with the explanations as well!”
"Covered the material in depth. Great examples of how the code works in actual pages."
“The slides were colorful and engaging. The presenters kept the momentum going throughout entire 4 hour session.”

Interested in Advanced Foundation Training?

Sign up or contact us today with questions to learn more about this course.

Learn More

Email us at training@zurb.com or call (408) 320-ZURB

Stay on top of what's happening in responsive design with Responsive from ZURB.

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »