FREELessons: 16Length: 2.6 hours
In this course you’ll learn all the essentials of working with Zurb’s “Foundation for Apps” framework. Along the way we’ll build a complete interface for a Task Management web app. Discover how to use the web design skills you already have to start designing application UIs. Let’s begin!
We've built a comprehensive guide to help you learn Foundation, whether you're just getting started or you want to explore more advanced topics check out Learn Foundation.
1.Introduction
1.1Up and Running With Foundation for Apps01:43
1.1
Up and Running With Foundation for Apps
01:43
2.Getting Started
2.1What Is Foundation for Apps?15:06
2.1
What Is Foundation for Apps?
15:06
2.2Installing Foundation for Apps14:00
2.2
Installing Foundation for Apps
14:00
3.Foundation for Apps Essentials
3.1Loading Custom Templates14:30
3.1
Loading Custom Templates
14:30
3.2Using The Grid11:32
3.2
Using The Grid
11:32
3.3Placing Foundation Components12:48
3.3
Placing Foundation Components
12:48
3.4Motion UI07:37
3.4
Motion UI
07:37
3.5Custom Styling11:34
3.5
Custom Styling
11:34
4.Building the App
4.1Load a Custom Controller06:05
4.1
Load a Custom Controller
06:05
4.2“New Task” Form and Basic Task Card12:45
4.2
“New Task” Form and Basic Task Card
12:45
4.3Add Search and Tag Filtering11:40
4.3
Add Search and Tag Filtering
11:40
4.4Expanded Descriptions and Task Editing12:46
4.4
Expanded Descriptions and Task Editing
12:46
4.5Setting Task Colors12:23
4.5
Setting Task Colors
12:23
4.6Task Status and Deleting06:31
4.6
Task Status and Deleting
06:31
4.7Packaging Your App06:11
4.7
Packaging Your App
06:11
5.Conclusion
5.1Wrapping Up01:33
5.1
Wrapping Up
01:33
