My challenge for this week was to build a simple workouts application. In this application a user is able to add workouts that they have completed including a short description. They also select the type of workout complete. All workouts are displayed in a list on the main page. Their is tabular navigation and an About page also included. After the app is complete a user should be able to add/delete workouts and navigate through all pages. The video below shows my working application.
This application was built using Angular2 and Ionic2. Ionic2 is a new mobile framework which enables a user to easily develop both iOS and Android applications simultaneously.
When making an Ionic2 application most components go into a pages folder. I seem to be forgetting to add components to the app.module file. The steps are as follows:
- Make new component
- Add to app.module
When making this application I ran into one difficult issue. Data API access in MLab is disabled by default, this means I needed to go enable in manually. I found the solution to this problem doing some deep Google research. I also ran into an issue because I forgot to make sure in the constructor to state whether my params were private or public.
Useful commands & helpful information
When app is complete you can build for android!
cordova plugin add cordova-plugin-whitelist
cordova platform add android
cordova platform add ios
Allows access to outside urls
<allow-navigation href="http://*/*"/>
Publish apk file:
ionic build android
Below are my results from the end of tutorial quiz:
Below are my results from the end of tutorial quiz:
No comments:
Post a Comment