Join Chris Griffith for an in-depth discussion in this video Installing Ratchet, part of Ratchet: Multidevice Prototyping.
That's going to download the framework into my downloads folder. Once it's downloaded, I'm going to open that up and move it on to the desktop. With Ratchet now in my downloads folder, I'm going to go ahead and create a folder on my desktop, and call it Ratchet, which is where I will do the development for this course. In my downloads folder, I'm just going to go ahead and unzip the Ratchet directory. Inside there, we have a lot of files. The only ones that we're needing to worry about for right now, is what's inside the distribution folder or dist.
Here we have the CSS, fonts, and JavaScirpt that make up the Ratchet framework. I want to go ahead and copy those into my Ratchet directory onto my desktop. Let's take a look at the files we've just moved into that Ratchet folder. So, here we have a CSS folder, and fonts folder, and JS folder. Let's look into the CSS folder. Inside here, we can see we have an Android theme, and IOS theme, and a base theme. Each of these themes is available in a minified and unminified or uncompressed human-readable version.
We're not going to be modifying the CSS in this course, so we can ignore those files. In addition, the various jobs script (helper) utilities are also broken down into separate files. Last but not least, for those who use grunt or voyeur as part of their workflow, there are those files available also for you to work with.
- 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