Master Foundation 6.5 and code 3 projects with 9 pages
4.3 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
71 students enrolled

Master Foundation 6.5 and code 3 projects with 9 pages

Master the latest version of Foundation and create real projects and themes while learning HTML, web design and coding
4.3 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
71 students enrolled
Last updated 2/2020
English
English [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 10.5 hours on-demand video
  • 4 downloadable resources
  • 44 coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn how to create and use all components, utilities and plugins of the Foundation framework
  • Learn how to create three different responsive websites using the Foundation framework
  • Practice using a special built Foundation Learning Kit with more than 100 source files free to download and use
  • Master the latest version: Foundation 6.5.3
  • How to creating fluid and responsive layouts
  • How to use breakpoints and the grid system
  • How to structure all kinds of content
  • How to create forms with various form fields
  • How to use the 4 utility classes
  • How to use typography helper classes
  • How to build all of the 5 control components
  • How to build all of the 9 navigation components
  • How to build all of the 10 container components
  • How to build all of the 7 media components
  • How to use all of the 6 plugins
Course content
Expand all 95 lectures 10:36:18
+ Introduction
6 lectures 25:12
Downloading and Installing the Complete Version
03:47
Downloading and Installing a Customized Version
03:12
Downloading and Installing Font Awesome 5
05:57
+ Utilities
5 lectures 55:55
Prototyping Utilities – Part I
14:52
Prototyping Utilities – Part II
17:39
Flexbox Utilities
12:59
Float Classes
1 question
+ Typography
2 lectures 18:24
Base Styles
09:24
Helper Classes
09:00
Helper Classes
1 question
+ Controls
5 lectures 41:59
Button Basics
1 question
Button Coloring
1 question
Button Sizing
1 question
Button Styles and States
1 question
Button Group
07:39
Button Group
1 question
Close Button
05:05
Closable Element
1 question
Close Button
1 question
Slider
10:30
Slider Basics
1 question
Slider Variations
1 question
Range Slider
1 question
Switch
08:09
Switch Basics
1 question
Switch With Inner Labels
1 question
+ Navigation
9 lectures 01:02:26
Menu
07:56
Menu Basics
1 question
Menu Variations
1 question
Dropdown Menu
07:42
Dropdown Menu
1 question
Drilldown Menu
1 question
Accordion Menu
05:44
Accordion Menu
1 question
Top Bar
04:42
Responsive Navigation
13:15
Magellan
03:59
Pagination
1 question
Breadcrumbs
02:43
Breadcrumbs
1 question
+ Containers
10 lectures 01:47:38
Accordion
11:29
Accordion Basics
1 question
Accordion Variations
1 question
Callout
1 question
Callout Closable
1 question
Card
07:54
Card
1 question
Dropdown
10:09
Dropdown Basics
1 question
Dropdown Body Click
1 question
Dropdown Hover
1 question
Dropdown Position and Alignment
1 question
Media Object
06:27
Media Object
1 question
Reveal
15:36
Table
05:49
Table
1 question
Tabs
14:26
Tabs
1 question
Responsive Accordion Tabs
09:24
+ Media
7 lectures 45:01
Badge
04:30
Badge
1 question
Responsive Embed
02:46
Label
04:45
Label
1 question
Progress Bar Basics
1 question
Progress Bar With Text
1 question
Thumbnail
02:13
Thumbnail
1 question
Tooltip
07:51
Tooltip Basics
1 question
Tooltip Click
1 question
Tooltip Custom HTML
1 question
Tooltip Hover
1 question
Tooltip Position and Alignment
1 question
+ Plugins
6 lectures 01:07:44
Abide
15:28
Interchange
06:54
Toggler
08:21
Smooth Scroll
13:04
Sticky
13:48
+ Project 1: Resume and CV Page
9 lectures 55:43
Index – Basic Setup
01:41
Index – About
05:21
Index – Work Experience
09:46
Index – Education
03:50
Index – Testimonials
06:28
Index – Contact Info
13:22
Index – Portfolio
04:23
Index – Skills
09:01
Requirements
  • Basic understanding of HTML
  • A code editor and a browser
Description

ABOUT

Foundation - one of the world's most popular front-end frameworks!

This course covers all the different parts of the latest version of one of the world's most popular front-end framework, Foundation 6.5.3. Foundation has been used by thousands of people around the world and have been carefully developed to cover a wide range of typical user interfaces.

Web pages built with Foundation 6.5 works across all kinds of devices, browsers and screen sizes while also taking care of accessibility and a clean and modern design.

This course is for the beginner who want to learn Foundation 6.5 from the bottom up. It goes through all the different parts, but each lecture can be watched independently.

In addition to just learning about the different parts of Foundation 6.5 you will find a detailed walk-through of how to build three different responsive and modern complete projects using only Foundation 6.5.

PROJECTS

Learn to build the following projects using Foundation 6.5:

  • Project 1: Resume and CV Page

  • Project 2: Small Business Website

  • Project 3: Knowledge Base

LEARNING STYLE

More than just video lectures

In addition to the video lectures this course contains the following kinds of learning materials:

  • Foundation 6.5 Learning Kit:
    Downloadable ZIP file that works offline
    A custom built learning kit with source code for all parts of Foundation 6.5. Features a reference section with many examples and a practice section, which you can use while learning about Foundation 6.5. More than 100 source files included in this learning kit.

UPDATES

Upcoming future updates for this course will include the following:

  • New projects will be added: online shop, social network, portfolio, CMS admin, dashboard and more...

  • New components, utilities and other features in future versions of Foundation 6.5 will be added

  • Advanced section on how to customize Foundation 6.5 with Sass

  • Coding exercises, quizzes and assignments

Who this course is for:
  • Anyone who wants to learn how to make responsive and modern websites with Foundation 6
  • Anyone who wants to learn how to make quick prototypes