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.
17 reviews
TAUGHT BY
  • Hi,

    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!

WHAT'S INSIDE
  • Lifetime access to 24 lectures
  • A community of 1600+ students learning together!
SHARE

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.
17 reviews

HOW UDEMY WORKS?

Discover courses made by experts from around the world.

Take your courses with you and learn anytime, anywhere.

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

COURSE DESCRIPTION

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.

SEE IT HERE >> CTS-TRAVEL Homepage

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.

    • A computer with an internet connection.
    • Over 24 lectures and 2 hours of content!
    • 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.
    • 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.

THE UDEMY GUARANTEE

30 day money back guarantee
Lifetime access
Available on Desktop, iOs and Android
Certificate of completion

CURRICULUM

  • SECTION 1:
    Introduction
  • 1
    Introduction
    00:25
    Introduction to course!
  • SECTION 2:
    What is a web site? What is needed?
  • 2
    What is HTML?
    03:16
    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.
  • 3
    What is CSS?
    03:26
    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
  • 4
    What is the connection between a web designer and a painter?
    01:50
    We will see that web designers and painter go the same way at their creativity.
  • 5
    Which program will be used on this course?
    01:29
    We will download and install powerful coding standart Sublime Text 2
  • 6
    What will we create on this course?
    01:28
    We will see our final site and talk about it!
  • 7
    Let's practice some HTML
    03:57
    We will practice some html with our editor Sublime Text 2
  • 8
    Let's practice some CSS
    Upcoming
  • SECTION 3:
    Why a framework? Why Foundation?
  • 9
    Why will we use a framework?
    02:19
    We don't have to worry about basic design principles anymore. But how? Answer in the video.
  • 10
    What is a responsive design?
    03:03
    Learn top trend of web designing,responsive design, in this lecture.
  • 11
    What is Foundation 4 offering us?
    07:18
    Foundation 4 is the most powerful front-end framework in the world! You will see what you can do with it!
  • SECTION 4:
    Last steps before creating main page.
  • 12
    How a web site do I want to create?
    03:59
    In this lecture our web site project will be talked in detail. Color, background images, basic design of pages... etc.
  • 13
    How to download and use Foundation.
    02:17
    Downloading Foundation 4 is covered in this lecture.
  • 14
    Understanding principles of Foundation.
    04:46
    Foundation 4's grid system is covered with killer examples in this lecture.
  • SECTION 5:
    Creating main page.
  • 15
    Creating layout of main page.
    07:49
    We will combine Foundation 4's HTML templates and crerate our own main page (index page) in this course.
  • 16
    Adding design elements to main page.
    08:40
    Extra design elements will be added in this course
  • 17
    Adding content to main page.
    07:16
    Our content like text and images will be added to our main page in this lecture.
  • SECTION 6:
    Creating Other Pages
  • 18
    Creating a "Services" page.
    05:29
    Services Page will be created in this lecture.
  • 19
    Adding an image gallery to "Services" page.
    10:24
    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.)
  • 20
    Creating an "About Us" page.
    02:28
    About Us page will be created in this lecture.
  • 21
    Creating an "FAQ" page.
    05:52
    An FAQ page will be created in this lecture.
  • 22
    Creating a "Contact Us" page.
    03:12
    Contact Us page with a Google map will be created in this lecture.
  • 23
    Adding a working contact form to "Contact Us" page.
    17:37
    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.
  • SECTION 7:
    Conclusion
  • 24
    Conclusion
    00:19
    Conclusion!

UDEMY BY THE NUMBERS

5,200,000
Hours of video content
19,000,000
Course Enrollments
5,800,000
Students

RATING

  • 8
  • 4
  • 0
  • 1
  • 4
AVERAGE RATING
NUMBER OF RATINGS
17

REVIEWS

  • Sahar Morgan
    Excellent

    Very good course. rich , simple and easy to follow.

  • Marcelo Cardozo
    Very outdated and not clear

    Very outdated and not clear

  • George Meehan
    This is a terrible course!

    The instructor was not clear in his instructions. I kept having issues with the way he was teaching the course. Not straight forward and very hard to go past the index page. This is not highly recommended.

  • Murph
    Excellent Course!

    Clear and Concise, this course guides you through the elements of designing a fully responsive website using Zurb's Foundation. Highly Recommended!

  • Ajay Karthik
    Ajay

    its a good hands on way of teaching, with many references to templates and websites to make work easier. Better and cheaper than lynda

  • Lifetime Access. No Limits!
  • Mobile Accessibility
  • Certificate of Completion