Twitter
Google plus
Facebook
Vimeo
Pinterest

Fluid Edge Themes

Menu
Title Image

Hybrid app with IONIC 3

Home  /  OUR COURSES  /  Hybrid app with IONIC 3

Ionic 3

Course Outline Given Below

  1. What is Ionic 3?
  2. Just to be safe: What is Angular 4?
  3. Course Requirements
  4. Creating your First App
  5. Creating our first Ionic 3 Project and App
  6. Changing our First App
  7. Running your App on a Real Device
  8. The Structure of this Course
  9. How to get the Most out of this Course
  1. A different Way of Creating a New Project
  2. Other available Project Templates
  3. Understanding the Structure of an Ionic 3 Project
  4. How an Ionic 3 App Works
  5. Pages vs Components
  6. How Navigation works in an Ionic 3 App
  7. Initializing Navigation in the AppComponent
  8. ionic generate page XY Problems
  9. Creating a Page and how to Navigate to it
  10. First Summary
  11. An Alternative Way of Creating Pages
  12. Passing Data between Pages
  13. Popping Pages – Going Back
  14. Time to Practice – Pages & Navigation – Problem
  15. Time to Practice – Pages & Navigation – Solution
  16. Saving Time with helpful Navigation Directives
  17. Configuring Page Transitions
  18. Understanding the Lifecycle of a Page
  19. The Page Lifecycle in Action
  20. How to use the Ionic 3 Documentation
  21. Styling the App and Setting a Theme
  22. Using Utility Attributes
  1. What we’re going to build
  2. Breaking the App into Pieces (Defining the App Structure)
  3. Creating the required Pages
  4. Multiple Stacks of Pages vs One Single Stack
  5. Implementing Tabs Navigation with Multiple Stacks of Pages
  6. Adding Quotes Data to the App
  7. Using the Quotes Data
  8. Using the Ionic “List” and “List Item” Components
  9. How to create more complex List Items
  10. Passing the Quotes Data between Pages
  11. Using the Ionic “Cards” Component
  12. Using the Ionic Grid, Buttons and Styling Cards
  13. Adding Custom Styles
  14. Adding Alerts to the Application
  15. Working with Angular 4 Services in the Ionic 3 App
  16. Marking Quotes as Favorites by using a Service
  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
  1. Another Look at the Component Docs
  2. Using and Styling Buttons
  3. Understanding Lists
  4. Understanding List Items and their Content
  5. Configuring Lists
  6. Item Groups and List Headers
  7. Bonus: How to create a re-orderable List
  8. Ionic 3.0.0 and the Grid
  9. Understanding the Grid System
  10. More than (click) – Using Gestures
  11. Creating and Using Custom Components
  12. Time to Practice – Components – Problem
  13. Time to Practice – Components – Solution
  1. What we’re going to build
  2. Breaking the App into Pieces (Defining the App Structure)
  3. Creating the required Pages
  4. Implementing a Tabs Navigation
  5. Setting the App Theme
  6. Planning the Next Steps
  7. Forms: Template-driven vs Reactive Approach
  8. Understanding Ionic 3 Controls
  9. Creating a Form Template (for Template-Driven Approach)
  10. Registering Controls (Template-Driven)
  11. Submitting the Form (Template-Driven)
  12. Validating the Form (Template-Driven)
  13. Handling Data with a Model for our Ingredients
  14. Managing Data with a Service (Shopping List Service)
  15. Saving Items with the Shopping List Service
  16. Displaying Items from the Shopping List
  17. Removing Item from the Shopping List
  18. Adding a “New Recipe” Button and Page Transition
  19. Creating a “Edit Recipe” Form (Reactive Approach)
  20. Creating the Reactive Form
  21. Syncing Form and HTML (Reactive Approach)
  22. Add Ingredients Management to the Form
  23. Creating an Action Sheet
  24. Creating a Dialog (Alert) with an Input Field
  25. Managing Ingredient Controls in a FormArray
  26. Wiring it all up
  27. Removing Ingredient Controls
  28. Using Toasts to Present Short Messages
  29. Adding a Recipe Model and Service
  30. Adding Recipes through a Service
  31. Outputting Recipes
  32. Displaying Recipe Details – Template
  33. Displaying Recipe Details – Styling
  34. Loading the Recipe Detail Page (and passing Data to it)
  35. Loading the Edit Page (and passing Data to it)
  36. Initializing the Edit Form
  37. Updating the Recipe through a Service
  38. Sending Ingredients to the Shopping List
  1. Which New Features We’re Going to Add
  2. Generating the Required Pages
  3. Adding a Sidemenu
  4. Creating the Signup Page (and Form)
  5. Creating the Signin Page
  6. How Authentication Works in an Ionic 3 (Mobile) App
  7. Setting up Firebase (as a Development Backend)
  8. Implementing the Signup Process
  9. Showing a Loader (Spinner) and Error Alert
  10. Implementing the Signin Process
  11. Refining the Signin Page
  12. Managing the User State
  13. Logging Users Out & Fixing a Bug
  14. How Firebase stores the Token
  15. Adding a Popover Component
  16. Fetching the Token
  17. Ionic 3 and Http
  18. Sending a PUT Request with the Auth Token
  19. More about Tokens
  20. Sending a GET Request to load Data
  21. Polishing the App (Adding a Spinner and Error Handling)
  22. Fixing the Error Handler
  23. Storing and Fetching Recipes
  24. Fixing Errors
  25. Seeing the App run on a Real Device