Wishlisted Wishlist

Please confirm that you want to add Turbo Start on Web Design with ZURB's Foundation 4 Framework to your Wishlist.

Add to Wishlist

Turbo Start on Web Design with ZURB's Foundation 4 Framework

You will jump to very last steps of Professional Web Design with using Foundation 4 front-end framework.
3.4 (25 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.
5,297 students enrolled
Last updated 3/2013
  • 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 write basic HTML and CSS codes.
By the end of this course you will understand the principles of Foundation 4.
By the end of this course you will easily use any feature of Foundation 4 framework.
View Curriculum
  • A computer with an internet connection.

ATTENTION! This course is in English with English subtitles. I wanted to be sure, everybody understands what is going on in videos!

What we will create : CTS-Travel Homepage

You will jump to very last steps of Professional Web Design with using Foundation 4 front-end framework. So,

What is a front-end Framework?

Front-end Framework is a "total package" we can use while creating web pages.

What is Foundation 4?

Foundation 4 is made by ZURB, a product design company in California.

Foundation 4 is accepted as the most advanced responsive front-end-framework in the world by professionals.

Foundation 4 offers us nearly every element that might be used in web pages. Tons of navigation, form, button, typography and css component variations with sliders, image galleries and many more..

And most importantly! Foundation 4 is based on responsive web design technology. So your pages created with Foundation 4 are responsive!! They all look good on every device, from smartphones to desktop screens!

What will we create?

We will follow a real-life scenario in this course and a create a completed web site.


For whom is this course?

Don't worry if you have no knowledge about web design! Basics of web technologies (html and css) are covered on first lectures!

If you have some basic html and css knowledge, this will be a big step for you to become a professional web designer.

What kind of materials are included?

This course contains only video lectures and used materials in video lectures are ready to download.

Also this course is English and with English subtitles!

Why take this course?

You will be able to create your own site as seen on this page, in just a few hours!

Foundation 4 is used by many experts in the world, and you will learn to web dessign in a professional way.

What's on next?

After 20 subscriptions I will show how to add an image gallery (DONE)

After 50 subscriptions, I will show how to add a working contact form. (DONE)

If you have questions about lectures?

I am always available to answer your questions. Also you can suggest me topics that you want to see in the course.

Who is the target audience?
  • This course is for absolute beginners with NO knowledge about web design.
  • This course is for beginners with some knowledge about web design.
  • This course is for people who wants to learn working with Foundation 4.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 23 Lectures Collapse All 23 Lectures 01:48:39
1 Lecture 00:25
Introduction to course!
What is a web site? What is needed?
6 Lectures 15:26
This lecture is a short introduction to HTML. You will learn how to see a page's html code. Also we will talk about tags and elements.
What is HTML?

This lecture is a short introduction to CSS. You will learn how to see a page's css code. Also we will cover some code writing principles of CSS
What is CSS?

We will see that web designers and painter go the same way at their creativity.
What is the connection between a web designer and a painter?

We will download and install powerful coding standart Sublime Text 2
Which program will be used on this course?

We will see our final site and talk about it!
What will we create on this course?

We will practice some html with our editor Sublime Text 2
Let's practice some HTML
Why a framework? Why Foundation?
3 Lectures 12:40
We don't have to worry about basic design principles anymore. But how? Answer in the video.
Why will we use a framework?

Learn top trend of web designing,responsive design, in this lecture.
What is a responsive design?

Foundation 4 is the most powerful front-end framework in the world! You will see what you can do with it!
What is Foundation 4 offering us?
Last steps before creating main page.
3 Lectures 11:02
In this lecture our web site project will be talked in detail. Color, background images, basic design of pages... etc.
How a web site do I want to create?

Downloading Foundation 4 is covered in this lecture.
How to download and use Foundation.

Foundation 4's grid system is covered with killer examples in this lecture.
Understanding principles of Foundation.
Creating main page.
3 Lectures 23:45
We will combine Foundation 4's HTML templates and crerate our own main page (index page) in this course.
Creating layout of main page.

Extra design elements will be added in this course
Adding design elements to main page.

Our content like text and images will be added to our main page in this lecture.
Adding content to main page.
Creating Other Pages
6 Lectures 45:02
Services Page will be created in this lecture.
Creating a "Services" page.

This is a lecture about adding an image gallery to our services page. You may face some problems, but there are solutions for them in video also. If everything is on the way and you don't see the problems as seen on the video, it's OK, it's fine.
(Used images are on downloadable materials also.)
Adding an image gallery to "Services" page.

About Us page will be created in this lecture.
Creating an "About Us" page.

An FAQ page will be created in this lecture.
Creating an "FAQ" page.

Contact Us page with a Google map will be created in this lecture.
Creating a "Contact Us" page.

In this lesson we will learn to use a Foundation feature, Abide. This javascript library will let us to validate a form. Then we will learn how to build this form as a working contact form that sends the informations to us by e-mail.
Adding a working contact form to "Contact Us" page.
1 Lecture 00:19
About the Instructor
3.4 Average rating
25 Reviews
5,297 Students
1 Course


I am Ercan from Turkiye. I have graduated from Canakkale 18 Mart University, Faculty of Education, Computer Education and Instructional Technology Department. 

I have been teaching for about 7 years to people from all ages. I am a full time ICT teacher at a secondary school and giving courses about ICT at community education centers. I have thought to thousands of people at this courses. 

I learned a lot from online educators to this day. Now it's my turn to teach something from distance after 7 years of face to face experience.

Have fun!

Report Abuse