Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Rapid Prototyping with Ionic: Build a Data-Driven Mobile App
Course Introduction and Overview
Why This Course? Why Now? (5:51)
What is Ionic? (5:12)
What is AngularJS?
What are Cordova, Node.js, Gulp, Sass, and Bower?
Firebase Realtime Databases
Goals, Structure, and Prerequisites Deep Dive
What We're Building!
stockMarketApp Overview (2:39)
Getting Started with Ionic
Section Overview (2:00)
Install Node.js, Ionic CLI, and Cordova (3:42)
Ionic CLI Overview (3:31)
Start a New Ionic Project and Set Up Your Development Environment (18:17)
Create CodePen, Plunker, and JSFiddle Accounts
Start Building!
Deeper Dive into the Starter App's Code (16:23)
Change App's Name and Metadata, Configure States, and Add Extra Dependencies (6:45)
Configure the My Stocks and Stock View Templates (9:22)
Section Summary
Use an API to Get Stock Market Data
Configure a Yahoo Finance API Request to Get a Stock's Price and Market Data (10:56)
Bind Stock’s Data to the View and Add Static Charts (8:44)
Add a URI Encoding Service and Implement a Date Time Service (4:56)
Section Summary
Interactive Data-Driven Charting with NVD3 (d3.js) Data Visualization JS Library
Install Angular-NVD3 and Configure an Interactive Chart (9:02)
Implement a Chart Data Service (11:19)
Section Summary
Create a Custom Filter to Shrink Large Numbers
Section Overview (2:06)
Implement a Numbers Filter (4:17)
Section Summary
Style the Stock View
Section Overview (2:01)
Style the Interactive Chart (16:15)
Style the Button Bar, Subheader Bar, Header Bar, and Market Data Card (10:46)
Section Summary
Add and Configure Caching with Angular-cache
Section Overview (2:01)
Implement Caching of Stocks' Chart and Market Data (6:33)
Section Summary
Add Notes Functionality
Configure an Ionic Popup (4:08)
Implement Notes Functionality (8:46)
Style the Notes Card and Note Popup (2:02)
Section Summary
Add News Feed
Section Overview (2:01)
Implement a News Feed (5:23)
Style the News Card (3:34)
Section Summary
Add Following and Unfollowing Stocks Functionality
Configure My Stocks Array Caching and Services (5:03)
Implement Following and Unfollowing Stocks Functionality (6:32)
Section Summary
Add Stock Searching Functionality
Section Overview (2:10)
Create a Modal Service and Build Out a Modal View (6:30)
Implement a Search Service (6:40)
Style the Search Modal (6:48)
Section Summary
Build Out the My Stocks State
Build Out the My Stocks View and Controller (7:43)
Style the My Stocks View (5:18)
Section Summary
Firebase Integration — User Authentication
Configure the Log In and Sign Up Modals (2:54)
Implement User Log In and Sign Up with Firebase User Authentication (8:13)
Section Summary
Firebase Integration — Read and Write Data to a Firebase Database
Writing Data to a Firebase Database (8:41)
Reading Data from a Firebase Database (5:31)
Section Summary
Finishing Touches — ngCordova, inAppBrowser and Build, Emulate, and Run the App
Install ngCordova and inAppBrowser, and Build, Emulate, and Run the App (6:52)
Configure a Yahoo Finance API Request to Get a Stock's Price and Market Data
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock