Author
Chris Griffith
Released
10/27/2014- Installing Ratchet
- Setting up a web server
- Creating your first screen
- Configuring meta tags
- Adding content
- Connecting pages with Push.js
- Adding icons, buttons, form elements, and lists
- Defining your app theme with Ratchet
Skill Level Beginner
Duration
Views
- [Voiceover] Hi, I'm Chris Griffith and welcome to Multidevice Prototyping with Ratchet. In this course, we'll be looking at how you can use the Ratchet component framework to quickly create prototypes of your mobile applications. Ratchet is a framework for building mobile web apps in HTML, CSS and Javascript. We'll walk through it's mobile friendly component library to create native looking prototypes quickly. We will show you how to use Ratchet's themeing abilities to let you build your apps so they look native on either iOS or Android.
Now, there's a lot to learn, but that's why you're here so let's get started with Multidevice Prototyping with Ratchet.
-
Introduction
-
Welcome40s
-
-
1. What Is Ratchet?
-
Installing Ratchet2m 41s
-
2. Configuring Your Development Environment
-
Setting up a web server1m 28s
-
-
3. Creating Your First Screen
-
Creating our first screen1m 18s
-
Configuring the meta tags1m 20s
-
Adding a header component2m 43s
-
Adding content6m 45s
-
4. Using Push.js
-
Introduction to Push.js1m 22s
-
Configuring transitions2m 54s
-
-
5. Building the Prototype
-
Adding icons3m 13s
-
Working with nav bars3m 34s
-
Adding buttons3m 58s
-
Adding form elements5m 41s
-
Adding lists4m 40s
-
Adding other components1m 36s
-
-
6. Defining your Theme
-
iOS and Android2m 21s
-
-
Conclusion
-
Next steps57s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome