Wishlisted Wishlist

Please confirm that you want to add Foundation 5 for Beginners to your Wishlist.

Add to Wishlist

Foundation 5 for Beginners

We apply the Zurb's Foundation 5 web framework to build a simple Responsive website.
4.7 (110 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.
4,302 students enrolled
Created by Drew Butler
Last updated 1/2014
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

In this course, we will live code a simple four-page website built using the web framework, Foundation.

Foundation 5 is an open-source framework created by ZURB, a design agency in California. They released the 5.0 version of the product in late 2013 and this course is based on the latest version.

It is one of the more popular frameworks available on the Web today and is absolutely free.

The purpose: Make websites beautiful without a lot of work. This course walks you through some of Foundation's core features that produce beautiful websites with a little effort.

It contains almost all of the CSS styling you will need for a website and a lot of cool jQuery tools to extend your website. It also allows you to make your website responsive so it can be viewed on mobile designs.

This course will walk you through creating a website from scratch using the framework. You do not need to be an expert in HTML or CSS. But if you know the basics, it will take you a long way.

If you do not know the basics, we will create the elements of the website and will answer any questions you have.

Who is the target audience?
  • Web Design Students
  • Web Enthusiasts
  • New to Web Design
Students Who Viewed This Course Also Viewed
What Will I Learn?
By the end of this course, you will know the basic features of Foundation
You will know how Foundation builds in Responsive Design
You will know how to use the built-in Foundation image slider
You will know how to use the Foundation grid system
In this course, you will know the major components of Foundation 5
View Curriculum
  • Basic HTML/CSS knowledge
Curriculum For This Course
Expand All 21 Lectures Collapse All 21 Lectures 02:01:37
Class introduction
3 Lectures 09:03
Welcome to the Class

Intro to Frameworks

Downloading Foundation
Creating the Home Page
8 Lectures 46:29
The Foundation grid

Adding Logo

Adding Nav, Part 1

Adding Nav, Part 2

Adding nav menu, Part 3

Adding the Hero Image

Finishing the home page

Creating the Lessons Page
5 Lectures 28:15
Starting the Lessons.html page

Adding CSS

Adding Lessons Table, Part 1

Adding Lessons Table, Part 2

Adding Pricing Table
Creating the Rentals Page
3 Lectures 27:09
Adding the Rentals Pricing Table

Adding the Slider, Part 1

Adding the Slider, Part 2
Creating Contact Page
2 Lectures 10:41
Contact Page

Final Review
About the Instructor
4.7 Average rating
110 Reviews
4,302 Students
1 Course
Instructor and Web Developer

Drew was a university instructor and served as a course desginer for online courses for two semesters. I was also on the instructional team for Front-End Development at the Nashville Software School. Today, I am a Web Developer based in Nashville, TN that works with Ruby and Ruby on Rails.

Report Abuse