Save your markup in a safe place for now. Now you should find some sample HTML to use in the project - copy your own children’s online school plans for this purpose, or use our sample if you don’t have any but still want to follow along. You can install Brick for your current project usingīut don’t do this right now - you need to put this inside your project, not just anywhere.To install Brick we will need to use the Bower package manager.It’s a set of ready-to-use web components that allow you to build up and use common UI components very quickly. Mozilla Brick is a tool built for app developers. If you haven’t updated Firefox for a while, you should install the latest version to make sure you have all the tools you need. Note: On Linux or OS X, you may need to have root access. Next, install Cordova globally using the npm package manager:.First install NodeJS: Cordova is a NodeJS package.You can build up your app using web technologies and then get Cordova to automatically port the app over to the different native platforms. We’ve decided to use Apache Cordova for this project as it’s currently the best free tool for delivering HTML apps to many different platforms. You could also read up on Mozilla Brick components to find out what they do.īefore building up the sample app, you need to prepare your environment.The Cordova documentation would also be a good thing to read, although we’ll explain the bits you need to know below.Please also read the instructions on how to load any stage in this tutorial.You should understand the basics of HTML, CSS and JavaScript before getting started.Instead I would like to create an app that could be used by everyone in our family, regardless of the device they choose to use. Unfortunately this would not load offline, and currently would not work on iOS. Certainly I could copy the HTML to JSFiddle and load the plan as a Firefox app. I’ve got two kids and I’m always forgetting their school plan, as are they. The story behind the app, written by Piotr It will use Apache Cordova and Mozilla’s Brick web components. You will build a sample School Plan app, which will provide a dynamic “app-like” experience across many different platforms and work offline. This article is a simple tutorial designed to teach you some fundamental skills for creating cross platform web applications.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |