Ionic 2/ Ionic 3 – Build iOS & Android Apps with Angular
  • Remaining time:0 days left
  • Donor(s):1
  • People Benefits:500
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et lorem out.
Raised: $200,000

Ionic 2/ Ionic 3 – Build iOS & Android Apps with Angular

Getting Started

  1. Course Introduction
  2. This Course & Angular 4
  3. What is Ionic 2?
  4. Just to be safe: What is Angular 2?
  5. Course Requirements
  6. Creating your First App
  7. Creating our first Ionic 2 Project and App
  8. Changing our First App
  9. Running your App on a Real Device
  10. The Structure of this Course
  11. How to get the Most out of this Course

Mastering the Basics

  1. A different Way of Creating a New Project
  2. Understanding the Structure of an Ionic 2 Project
  3. How an Ionic 2 App Works
  4. Pages vs Components
  5. How Navigation works in an Ionic 2 App
  6. Initializing Navigation in the AppComponent
  7. ionic generate page XY Problems
  8. Creating a Page and how to Navigate to it
  9. First Summary
  10. An Alternative Way of Creating Pages
  11. Passing Data between Pages
  12. Popping Pages – Going Back
  13. Time to Practice – Pages & Navigation – Problem
  14. Time to Practice – Pages & Navigation – Solution
  15. Saving Time with helpful Navigation Directives
  16. Configuring Page Transitions
  17. Understanding the Lifecycle of a Page
  18. The Page Lifecycle in Action
  19. Styling the App and Setting a Theme
  20. Using Utility Attributes
  21. Module Summary

PROJECT – 1 “Favorite Quotes” App

(Navigation, Pages and Components)

  1. Module Introduction
  2. What we’re going to build
  3. Breaking the App into Pieces (Defining the App Structure)
  4. Creating the required Pages
  5. Multiple Stacks of Pages vs One Single Stack
  6. Implementing Tabs Navigation with Multiple Stacks of Pages
  7. Adding Quotes Data to the App
  8. Using the Quotes Data
  9. Using the Ionic “List” and “List Item” Components
  10. How to create more complex List Items
  11. Passing the Quotes Data between Pages
  12. Using the Ionic “Cards” Component
  13. Using the Ionic Grid, Buttons and Styling Cards
  14. Adding Custom Styles
  15. Adding Alerts to the Application
  16. Working with Angular 2 Services in the Ionic 2 App
  17. Preparing the Favorite Quotes Page
  18. Diving Deeper into List Items
  19. Preparing a Modal Page
  20. Presenting a Modal
  21. Dismissing Modals
  22. Passing Data to a Modal
  23. Passing Data from a Modal back to the Page
  24. Understanding ViewController Hooks
  25. Must-Read: Modal & willLeave
  26. Receiving Modal Data by Using the ViewController
  27. Updating the “Favorite Quotes” Page
  28. Adding an “Unfavorite” Functionality to the App
  29. Revealing extra List Item Options upon Sliding
  30. Changing the overall App Theme
  31. Adding a Sidemenu
  32. How to change the Root Page
  33. Adding a Menu Toggle Button to the Navigation Bar
  34. Preparing the Settings Page
  35. Creating and Using the Settings Service to Store Settings
  36. Adding an Alternative Item Background
  37. App Summary
  38. Module Summary

Ionic 2 Components – A Closer Look

  1. Module Introduction
  2. Another Look at the Component Docs
  3. Using and Styling Buttons
  4. Understanding Lists
  5. Understanding List Items and their Content
  6. Configuring Lists
  7. Item Groups and List Headers
  8. Bonus: How to create a re-orderable List
  9. Ionic 3.0.0 and the Grid
  10. Understanding the Grid System
  11. More than (click) – Using Gestures
  12. Creating and Using Custom Components
  13. Time to Practice – Components – Problem
  14. Time to Practice – Components – Solution
  15. Module Summary

Running an Ionic 2 App on a Real Device

(or an Emulator)

  1. Module Introduction
  2. Where to get started
  3. Building for iOS
  4. Building for Android
  5. Lists & Performance Issues
  6. Step-by-step Guide for Building for iOS and Android
  7. Module Summary

PROJECT – 2 “The Recipe Book” App

(User Input, Forms and Data Management)

  1. Module Introduction
  2. What we’re going to build
  3. Breaking the App into Pieces (Defining the App Structure)
  4. Creating the required Pages
  5. Implementing a Tabs Navigation
  6. Setting the App Theme
  7. Planning the Next Steps
  8. Forms: Template-driven vs Reactive Approach
  9. Understanding Ionic 2 Controls
  10. Creating a Form Template (for Template-Driven Approach)
  11. Registering Controls (Template-Driven)
  12. Submitting the Form (Template-Driven)
  13. Validating the Form (Template-Driven)
  14. Handling Data with a Model for our Ingredients
  15. Managing Data with a Service (Shopping List Service)
  16. Saving Items with the Shopping List Service
  17. Displaying Items from the Shopping List
  18. Removing Item from the Shopping List
  19. Adding a “New Recipe” Button and Page Transition
  20. Creating a “Edit Recipe” Form (Reactive Approach)
  21. Creating the Reactive Form
  22. Syncing Form and HTML (Reactive Approach)
  23. Add Ingredients Management to the Form
  24. Creating an Action Sheet
  25. Creating a Dialog (Alert) with an Input Field
  26. Managing Ingredient Controls in a FormArray
  27. Wiring it all up
  28. Removing Ingredient Controls
  29. Using Toasts to Present Short Messages
  30. Adding a Recipe Model and Service
  31. Adding Recipes through a Service
  32. Outputting Recipes
  33. Displaying Recipe Details – Template
  34. Displaying Recipe Details – Styling
  35. Loading the Recipe Detail Page (and passing Data to it)
  36. Loading the Edit Page (and passing Data to it)
  37. Initializing the Edit Form
  38. Updating the Recipe through a Service
  39. Sending Ingredients to the Shopping List
  40. Finishing Steps
  41. Module Summary

PROJECT – 3 “The Extended Recipe

Book” App (Auth and Http)

  1. Module Introduction
  2. What we’re going to build
  3. Which New Features We’re Going to Add
  4. Generating the Required Pages
  5. Adding a Sidemenu
  6. Creating the Signup Page (and Form)
  7. Creating the Signin Page
  8. How Authentication Works in an Ionic 2 (Mobile) App
  9. Setting up Firebase (as a Development Backend)
  10. Implementing the Signup Process
  11. Showing a Loader (Spinner) and Error Alert
  12. Implementing the Signin Process
  13. Refining the Signin Page
  14. Managing the User State
  15. Logging Users Out & Fixing a Bug
  16. How Firebase stores the Token
  17. Adding a Popover Component
  18. Fetching the Token
  19. Ionic 3 and Http
  20. Sending a PUT Request with the Auth Token
  21. More about Tokens
  22. Sending a GET Request to load Data
  23. Polishing the App (Adding a Spinner and Error Handling)
  24. Fixing the Error Handler
  25. Storing and Fetching Recipes
  26. Fixing Errors
  27. Seeing the App run on a Real Device
  28. Module Summary

PROJECT – 4”Awesome Places” App

(Native Device Features, Storage)

  1. Module Introduction
  2. What we’ll build
  3. Generating the required Pages
  4. Creating Models for Location and Places
  5. Implementing Navigation
  6. Filling the “New Place” Page with Life (incl. Template-Driven Form)
  7. Using Angular Google Maps
  8. Adding Google Maps to the App
  9. Configuring our Maps
  10. Allowing the User to Place a Marker on the Map
  11. Passing the Chosen Location back to the Page
  12. Displaying the Chosen Location
  13. Using Ionic Native 3 instead of 2
  14. Using a Native Device Feature: Geolocation to Locate the User
  15. Polishing the Auto-Locate-Feature
  16. Using a Native Device Feature: The Camera
  17. Displaying the Picture
  18. Managing Data with the PlacesService
  19. Configuring the Single Place Page
  20. Reflecting on our App
  21. Using a Native Device Feature: The File System (to manage Files)
  22. Using the Device Storage: Setting and Getting Data
  23. Deleting stored Data and Files
  24. Fixing the Fetching of Data
  25. Fixing the Storage Issues
  26. Extra: How to Debug
  27. Module Summary

Publishing Your App

  1. Module Introduction
  2. Deployment Considerations
  3. Using Custom Icons & Splashscreens
  4. Configuring the App
  5. Build Preparations & Building for Production
  6. Publishing the App in the Google Play Store
  7. Publishing the App in the Apple AppStore
  8. Module Summary

Course Roundup

  1. Course Roundup
  2. Bonus: Ionic 2 Tips & Tricks
  3. Changing the Back Button Text
  4. Back Button
  5. Changing Application-Wide Settings
  6. Find out which Platform You’re Running On
  7. Find out which Screen Orientation You’re Running On
  8. Section Source Code & Resources
  9. Updating to Ionic 3 & Ionic Native 3

Ionic 3 Update Overview

  1. Updating the “Awesome Places” App to Ionic 3 & Ionic
  2. Ionic 3 Release Notes & Upgrade Guide

Course Duration – 3 MONTHS

COURSE FEE – Rs.60,000/-

iot-blog-resources-internet of things

August 2019
« Jul    
Subscribe to Newsletter