2015
Teamtreehouse
Guil Hernandez
02:19:57
English
Foundation for Apps is a robust front-end framework that provides HTML5 and JavaScript tools for creating dynamic web applications. In this course, you'll get to know the Foundation for Apps framework while building a prototype for an app called Trekker, a simple app that makes it easy to find nearby hiking trails.
Getting to Know Foundation for Apps
In this stage, you'll learn about the inner workings of Foundation for Apps, installing its command line tool, creating a new project, and how to get started building templates.
10 steps
Course Overview
2:06
Single-Page Applications
3:50
Installing the Foundation for Apps CLI
4:05
Creating a New App
5:19
Creating Templates
4:31
Dynamic Routing
5:23
Views and Routes Challenge
0:18
Views and Routes Challenge Solution
1:36
Child Views
4:50
Getting to Know Foundation for Apps Review
6 questions
Grid Layout and UI Components
In this stage, you'll begin building the Trekker app prototype, using Foundation for Apps' Flexbox grid, UI components and icon library.
13 steps
The Trekker App Prototype
3:17
Flexbox Grid Layout
10:32
Grid Classes
5:58
Grid Challenge Solution
1:56
Building the Home Layout
8:37
Building the Child View Layout
4:41
UI Components
7:57
Building a Panel with Component Driven Code
7:05
Including a Partial
4:46
Building the Trail View
8:19
Modals and Action Sheets
8:52
Iconic Icon Library
6:31
Grid Layout and UI Components Review
6 questions
Finishing the Prototype
It's time to take your prototype to the next level by adding UI animations, touch gestures for mobile devices, and custom styles.
7 steps
Motion UI Library
5:06
Touch Gestures
1:47
Custom Styles
8:28
Notification Component
4:46
Generating Content with Front Matter
6:49
Front Matter Challenge Solution
2:17
Finishing the Prototype Review
6 questions
teamtreehouse.com/library/prototyping-with-foundation-for-apps
Download File Size:662.05 MB