Foundation 5 for Beginners
4.0 (121 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,966 students enrolled
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.0 (121 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,966 students enrolled
Created by Drew Butler
Last updated 1/2014
English
Price: Free
Includes:
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
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
Requirements
  • Basic HTML/CSS knowledge
Description

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
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
03:28

Intro to Frameworks
02:32

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

Adding Logo
06:58

Adding Nav, Part 1
04:51

Adding Nav, Part 2
03:39

Adding nav menu, Part 3
05:47

Adding the Hero Image
03:51

Finishing the home page
10:55

Footer
07:24
+
Creating the Lessons Page
5 Lectures 28:15
Starting the Lessons.html page
04:14

Adding CSS
05:16

Adding Lessons Table, Part 1
04:11

Adding Lessons Table, Part 2
06:55

Adding Pricing Table
07:39
+
Creating the Rentals Page
3 Lectures 27:09
Adding the Rentals Pricing Table
11:42

Adding the Slider, Part 1
06:34

Adding the Slider, Part 2
08:53
+
Creating Contact Page
2 Lectures 10:41
Contact Page
08:54

Final Review
01:47
About the Instructor
Drew Butler
4.0 Average rating
121 Reviews
4,966 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.