
Explore why this course enables rapid prototyping of data-driven mobile apps with Ionic, Angular, and web technologies, guiding you to build a stock market app from multiple APIs to charts.
Download and install Node.js and then use the Terminal application to install Ionic's and Cordova's command line tools.
Learn about the main Ionic CLI commands we'll be using throughout the course.
Run the start command to create your app, then download, install, open, and configure all of the apps we'll be using to develop. Lastly, we'll be setting up a local and remote git repository and installing gulp and setting up sass.
We'll be taking a more detailed look at the starter app's source code. We'll talk about the app's javascript files and their contents, and the $scope service and ng-repeat directive, as well as add some logs to the code that we'll evaluate in our browser's dev tools console.
Rename the starter app, configure states and controllers, and add dependencies to rapidly prototype a data driven Ionic app, preparing metadata, templates, and navigation for next sections.
Configure the my stocks controller and stock view in Ionic, establishing dependency injection and routing with stock ticker data to drive views and market data cards.
Implement a factory services, in which we request data from API's using the $http service and resolve that data to a controller using promises.
Queries:
Yahoo Web Services Query — http://finance.yahoo.com/webservice/v1/symbols/YHOO/quote?format=json&view=detail
Yahoo YQL Query — http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20IN%20(%22YHOO%22)&format=json&env=http://datatables.org/alltables.env
Queries:
Yahoo Static Charts Query — http://chart.finance.yahoo.com/z?s=YHOO&t=1d&q=l&l=on&z=m&a=vm
Refactor the stock data API by adding a URI encoding service and a date time service, injecting them to simplify query encoding and current and one year ago date formatting.
This lecture picks up the pace as we begin building interactive data-driven charts using Angular-NVD3 and nv-chart, featuring 52 week price and volume data we retrieve from a Yahoo YQL API.
Queries:
Yahoo YQL Historical Data Query — select * from yahoo.finance.historicaldata where symbol = "YHOO" and startDate = "2009-09-11" and endDate = "2010-03-10"
Explore caching with angular cache to boost performance, reduce API requests, and leverage local storage for chart data in your Ionic app.
Apply styling to the notes card and note popup in the data-driven Ionic app by adding id attributes, orange borders and radius, typography, and textarea sizing.
Learn how to build an app that's featured on Ionic's Showcase!
Rapid Prototyping with Ionic: Build a Data-Driven Mobile App —
This course contains step-by-step lectures and implementations of HTML5, CSS3, and JavaScript web technologies on AngularJS and the Ionic framework to create a complete stock market mobile application.
Content and Overview:
Take advantage of the advancement of web technologies and build a mobile application that's rich with functionality yet simple to understand.
You will be provided with how-to videos and text material, guiding you through the process of creating a hybrid native mobile application for iOS (easily adjusted for Android too!) with coding techniques that anyone with any experience making websites can master.
What you'll get from this course:
• Valuable lectures and hours of coding tutorials
• A full mobile application with source code to use at your discretion
• Cutting edge and highly marketable programming skills
• Increased confidence in your ability to make applications on your own
• Gateway into the billion dollar mobile apps industry
The value of this course:
Mobile app development skills link you to a billion dollar market. This course leaves you ready to create high quality applications whether you are a programming veteran or just getting into web development.
Course structure and teaching style:
You will be taken through every step of setting up your development tools, being introduced to the coding languages to be used, and taken through the development phases of a functional mobile application, as I explain every aspect in a conversational and contextual manner without skipping a single line of code, resulting in a complete, full featured stock market app.
Like all Udemy courses, the course itself is broken up into sections and lectures. The sections represent broad, headline subjects. Under each section, you'll find multiple lectures: this is the meat of the course. You'll see that lectures can come in various formats — screen recordings, presentations and talking head style videos, and text.