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.8 (31 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,217 students enrolled
Instructed by Sandy Ludosky Design / Web Design
$19
$55
65% off
Take This Course
  • Lectures 28
  • Length 2.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2014 English

Course 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

What are the requirements?

  • HTML5 & CSS
  • A minimum of Javascript and JQuery
  • A code editor

What am I going to get from this course?

  • 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.

What is the target audience?

  • Beginner
  • New to Responsive Frameworks
  • New to Coding and Responsive Design

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started with Foundation 5
Welcome to the Workshop !
Preview
01:21
Foundation Files & Project resources
01:51
Intro to the Responsive Grid
Preview
01:54
Section 2: Responsive Grid - The Complete Guide
Basic Grid
Preview
03:39
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
Section 3: Responsive Design Project
Responsive Image Slider (Orbit.js)
Preview
08:14
"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
Section 4: Mobile Device Optimization
Interchange Responsive Content
Preview
06:50
Adaptive Content (Media Queries)
05:53
Responsive Navbar
06:24
Section 5: Alternate Design Work
Intro to Tab.js
Preview
03:31
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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sandy Ludosky, 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.

Ready to start learning?
Take This Course