Foundation 5 for Beginners

We apply the Zurb's Foundation 5 web framework to build a simple Responsive website.
4.0 (96 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.
3,693 students enrolled
Free
Start Learning Now
  • Lectures 21
  • Contents Video: 2 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 1/2014 English

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

What are the requirements?

  • Basic HTML/CSS knowledge

What am I going to get from this course?

  • 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

What is the target audience?

  • Web Design Students
  • Web Enthusiasts
  • New to Web 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: Class introduction
Welcome to the Class
03:28
Intro to Frameworks
02:32
Downloading Foundation
03:03
Section 2: Creating the Home Page
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
Section 3: Creating the Lessons Page
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
Section 4: Creating the Rentals Page
Adding the Rentals Pricing Table
11:42
Adding the Slider, Part 1
06:34
Adding the Slider, Part 2
08:53
Section 5: Creating Contact Page
Contact Page
08:54
Final Review
01:47

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Drew Butler, 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.

Ready to start learning?
Start Learning Now