Foundation 6 – Build Advanced Responsive Websites:
Foundation is a front end web framework which is used for designing websites and web applications and emails. Foundation provides a responsive grid and HTML and CSS UI components, templates, and code snippets.
Through this course you will learn about introduction to foundation frameworks and its advanced, file structure, foundation explanation, foundation basic row columns, foundation components with example, more on foundation components, grid system, large small grid explained, small medium grid explained, offset, incomplete rows, centered columns, visibility classes, accessibility option, print visibility, utility classes, off canvas navigation, top bar navigation, foundation top bar navigation and conclusion.
Course Objective:
- Learn how to design website and web applications through foundation framework.
- Learn in detailed about the tools and techniques of foundation Framework.
Target Customers:
- Web developers/architects/designers
- Students wanting to make a career in web development
- Anyone interested in learning Foundation Framework
Pre-Requisites:
- Basic Knowledge of Programming Languages
- Passion to Learn
For any query give a miss call:
08587999769
Section 1 The Fundamentals
1 Introduction to Foundation
2 File Structure
3 Foundation Explanation
4 Foundation Explanation Continues
5 Foundation Basic Row Columns
6 Foundation Components with Example
7 More On Foundation Components
Section 2 Grid System and Classes
8 Introduction to Foundation Framework
9 Grid System
10 Large small Grid Explained
11 Small Medium Grid Explained
12 Offset
13 Incomplete Rows
14 Centered Columns
15 Visibility Classes
16 Accessibility Option
17 Print Visibility
18 Utility Classes
19 Utility Classes Continues
20 Conclusion
Section 3 Advanced Navigation
21 Introduction to Foundation Framework Advanced
22 Off Canvas Navigation
23 Off Canvas Navigation Continues
24 Top Bar Navigation
25 Foundation Top Bar Navigation
26 Foundation Navigation Dropdown Menu
27 Foundation Navigation-Menu Alignment
28 Foundation Navigation Menu Alignment Continues
29 Foundation Sticky Element
30 Foundation Sticky Navigation
31 Foundation Sticky Navigation Continues
32 Foundation Drilldown Menu
33 Foundation Accordian Menu
34 Foundation Navigation Sticky Navigation Example
35 Data Drop Down Menu
36 Foundation Button
37 Foundation Button Continues
38 Foundation Button Group
39 Stacking
40 Foundation Closable Button
41 Foundation Slider
42 Foundation Slider Continues
43 Foundation Switch
44 Moe on Foundation Switch
45 Accordion Started
46 Accordion Completed
47 Foundation Navigation Recap
48 Foundation Navigation Header With Subnav
49 Foundation Navigation Creating A Navigation
50 Foundation Navigation Creating A Navigation Continue
51 More on Foundation Navigation Creating A Navigation Continue
52 Foundation Callout
53 Callout Sizing
54 Foundation Container Dropdown
55 Positioning of Dropdown Pane
56 Foundation Media Object
57 Foundation Media Object Continues
58 Listing Media Object
59 Media Object Section
60 Foundation Off Canvas
61 Foundation Reveal
62 Foundation Reveal Continues
63 Foundation Table
64 Foundation Tab
65 More on Foundation Tab
66 Foundation Orbit Slider
67 Foundation Orbit Slider Continues
68 Slider Animation
69 Adding Rows and Column
70 Adding Rows and Column Continue
71 Foundation Adding Badge
72 Foundation Adding Flex Videos
73 Foundation Adding Label
74 Foundation Adding Tooltip
75 Foundation Adding Progressbar
76 Foundation Form
77 Foundation Form Continues
78 Foundation Form – Input Group
79 Foundation Form Practical
