top
Corporate training

up - skill your team

Request Quote
>
Foundation
Rated 4.0/5 based on 479 Votes customer reviews

Foundation Training

Learn how to go from prototype to production with Foundation 6. Build flexible responsive layouts with the grid.

  • 23 hours of Instructor-led sessions
  • Beginner to Advanced level
  • Learn by Doing
Request Syllabus Schedules

Modes of Delivery

Key Features

23 hours of Comprehensive instructor-led course on Foundation
Interactive hands-on training sessions
Learn its fundamental concepts alongwith components of Foundation 5 & 6
Understand the advanced Foundation concepts - SASS, Mixins, Variables, etc.
Learn to build full featured responsive websites with Foundation Framework 5 and 6
Our Foundation experts will guilde students in future implementation of the technology

Description

Often touted as the most advanced responsive front end framework in the world, Foundation has fast risen in popularity due to its lightness and ease of use. JS plugins that are easily implemented make it easy to add advanced front-end responsive features that add to the rich look and feel of websites, and give you the capability of enhancing interactivity.

Zeolearn Academy’s comprehensive Foundation Training course helps you to get hands-on with this powerful framework, and will teach you how to go from prototype to production with Foundation 6. You will master the use of Foundation, and break into the big league of creative Web developers who are sought after by leading corporate across the world.

What you will learn?

  • You will learn to create full featured responsive websites using Foundation Framework 5 and 6
  • Get a thorough understanding of the features and functionality of ZURB Foundation
  • Build flexible responsive layouts with the grid
  • Use Foundation 5 & 6 components for adding functionality and user interfaces to your websites
  • Customize the look and feel of your website with SASS, Mixins and Variables
  • Build a live industry project end-to-end

Is this course right for you?

This Foundation course is apt for developers and programmers who want to use the Foundation framework for building web applications.

Prerequisites:

Participants are expected to have:

  • Knowledge of JavaScript
  • Experience in HTML/CSS

 

 

Curriculum

  • Getting started with Foundation: Learn the quickest way to get Foundation configured and installed
  • Explanation of our mobile first approach: Use the mobile-first grid to get support for the largest number of old devices.
  • Deep dive into our flexible, powerful grid: Learn how to quickly build complex responsive layouts using the Foundation grid.
  • Block grid: Create evenly spaced blocks and get elements to line up easily.
  • Source Ordering: Shift columns around between our breakpoints to dictate how responsive layouts are viewed.
  • Buttons: Create clear calls to action by just adding a style.
  • Typography: Get great looking type and vertical rhythm right out of the box.
  • Callouts: Highlight content or sections of your page.
  • Forms: Layout inputs, selects, and labels to create easy to use forms.
  • Navigation: How to quickly implement 5 common navigation patterns.
  • Pagination, Breadcrumbs: Create useful sub-navigation patterns that create simple user flows.
  • Magellan: Build a solid navigation that scrolls users to the content they want to see.
  • Visibility classes: Show different navigation or content elements for different devices.
  • Installing the JavaScript plug-ins: Get up and running with the Foundation JavaScript plugins by covering initialising and setting configurations.
  • Toggler: Creating your own plugins with toggler and using Motion UI to animate them.
  • Reveal: Create dead-simple responsive modals and add Motion UI animations.
  • Dropdown Pane: Organize multi-tier content — just add links and go.
  • JavaScript Utilities: Learn about the Foundation JS utilities library and how to use them to maximize the Foundation framework including changing behavior by media query.
  • Add custom file for SASS and work with styles
  • Add Hamburger Mixin, main menu icons and headers
  • Add and style Rooms Section
  • Use Mixins with Foundation 6 and SASS
  • Add background images and work with media queries
  • About us and gallery
  • Booking section
  • Footer section
  • Add Foundation icons, styles

Frequently Asked Questions

The Foundation framework has powered Ford, Disney, HP, Pixar and Adobe−need we say more? This responsive front-end framework makes creating beautifully creative and richly interactive websites a breeze. The more professional approach afforded by Foundation has make it the preferred choice of designers and developers who want to create stunning websites that speak to the world.

Zeolearn Institute’s Foundation class gives you the expertise needed to understand the framework and leverage it to create outstanding applications for your users. This course is all about empowering participants with real time, practical skills that will help them land lucrative job roles. You will gain hands on expertise through the numerous examples, exercises and project work conducted through the course of the workshop. You will also work on an industry-level project that will make you a master in Foundation. 

On completing the course, you will learn about:

  • Foundationframework and architecture
  • Prototyping with Foundation
  • Using Foundation JavaScript
  • Creating and publishing Foundation application

Zeolearn brings you mentor driven courses that not only helps professionals gain theoretical expertise but also the practical experience in a wide variety of courses including courses on Web Development such as Aurelia and Django, which are very popular. The fact that our workshops are mentor driven gives us an edge over other training institutes since you can learn from industry experts about the application and challenges of upcoming technologies. We have so far trained thousands of professionals with the skills needed to land lucrative jobs and you could be next!

You will receive Foundation training certification in the form of a course completion certificate.

Towards the end of the course, all participants will be required to work on a project to get hands on familiarity with the concepts learnt. You will build your own Foundation application with support from your mentors. This project, which can also be a live industry project, will be reviewed by our instructors and industry experts. On successful completion, you will be awarded a certification.

Classes are held on weekdays and weekends. You can check available schedules and choose the batch timings which are convenient for you.

You may be required to put in 10 to 12 hours of effort every week, including the classroom sessions/live class, self study and assignments.

We offer classes in classroom and online format. While classroom sessions are held in specific venues in your city, for online sessions all you need is a Windows computer with good internet connection and you can access the class anywhere, at anytime. A headset with microphone is also recommended.

You may also attend these classes from your smart phone or tablet.

Don’t worry, you can always access your class recording or opt to attend the missed session again in any other live batch.

This course is apt for developers and programmers who want to use the Foundation framework for building web applications.

One must have:

  • Operating system such as Mac OS X, Windows or Linux (Mac needed to package iOS apps)
  • 4 GB RAM
  • Dual Core CPU

other trainings

How We Can Help You