Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Foundation 5 - Learn Responsive Design & Rapid Prototyping to your Wishlist.

Add to Wishlist

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.
3.9 (32 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,225 students enrolled
Created by Sandy Ludosky
Last updated 5/2014
English
$10 $55 82% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
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 is the target audience?
  • Beginner
  • New to Responsive Frameworks
  • New to Coding and Responsive Design
Students Who Viewed This Course Also Viewed
What Will I 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.
View Curriculum
Requirements
  • HTML5 & CSS
  • A minimum of Javascript and JQuery
  • A code editor
Curriculum For This Course
Expand All 28 Lectures Collapse All 28 Lectures 02:19:42
+
Getting Started with Foundation 5
3 Lectures 05:06

Foundation Files & Project resources
01:51

+
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
About the Instructor
4.2 Average rating
1,037 Reviews
15,489 Students
20 Courses
Web Designer & Developer

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.

Report Abuse