Foundation 5 - Learn Responsive Design & Rapid Prototyping
4.4 (84 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,502 students enrolled

Foundation 5 - Learn Responsive Design & Rapid Prototyping

Learn the nuts & bolts of rapid prototyping with Foundation 5, the lightweight framework that makes it faster to code.
4.4 (84 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,502 students enrolled
Created by Sandra L
Last updated 5/2014
English
English [Auto-generated]
Current price: $35.99 Original price: $54.99 Discount: 35% off
12 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • By the end of the workshop, participants will have a hands-on experience with the Responsive Design Development process including Rapid Prototyping,
  • Fast Responsive Design Development
  • And Mobile User Experience Optimization.
Requirements
  • HTML5 & CSS
  • A minimum of Javascript and JQuery
  • A code editor
Description

Foundation 5 makes it faster to learn and to code.

This workshop is a fast-track to getting up to speed with rapid responsive prototyping with the most advanced responsive Framework.

Topics include:

  • A complete guide to the responsive grid
  • A tour of the numerous CSS components & Key UI elements
  • Dynamic features Integration with orbit slider, reveal modal, Accordion, Lightbox..
  • Mobile user experience optimization
  • A 1-hour walkthrough : from prototype to beautiful design
  • Quizzes, Interactive Exercices

Hand-on and project-based, the course will help you :

  • Learn the fundamentals of using Foundation
  • Start building responsive web pages
  • Sharpen your design skills

So, let's get started with Foundation 5!

This workshop is the fastest way to get you up and running with Rapid Prototyping, Mobile First & Easy Customization

Who this course is for:
  • Beginner
  • New to Responsive Frameworks
  • New to Coding and Responsive Design
Course content
Expand all 28 lectures 02:19:42
+ Responsive Grid - The Complete Guide
7 lectures 45:23
Small & Medium Grids
04:26
Quiz
4 questions
Advanced Grid (Nesting)
08:35
Offset Columns
04:10
Quiz
3 questions
Centered Columns
08:18
Source Ordering
09:10
Block Grid
07:05
Quiz
3 questions
+ Responsive Design Project
8 lectures 49:23
"About Us" (Panel)
01:53
Content Slider & Equalizer.js
10:39
Video Popup (Modal.js)
03:51
Accordion.js
03:43
Portfolio Gallery (Clearing Lightbox.js)
03:55
Interactive Contact Form (Alert.js)
11:42
Social Media (Foundation Font Icons)
05:26
+ Mobile Device Optimization
3 lectures 19:07
Adaptive Content (Media Queries)
05:53
Responsive Navbar
06:24
+ Alternate Design Work
7 lectures 20:43
Tabs Customization
03:28
"Team" Section Tab
03:49
Tooltip.js
03:00
Tabs & Media Queries
05:21
Vertical Tabs
01:04
Last Words
00:30