Lessons: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!
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
