• Home -
  • Ionic Angular Hybrid Mobile Apps Development Course Kolkata

IONIC ANGULAR HYBRID MOBILE APPS DEVELOPMENT COURSE

Angular 5 (formerly Angular 2) allows you to create awesome web applications powered by TypeScript / JavaScript. Wouldn't it be great to use that Angular knowledge to build web applications that can be compiled into native mobile apps, running on any iOS or Android device?

The Ionic 2/ 3 Framework allows you to do just that! Use your existing Angular, HTML, JS and CSS knowledge and build your native mobile app with that! Ionic 2/ 3 will handle the rest and compile your code for you. This allows you to focus on the things you know and release your application on all possible devices (desktop and mobile) without having to learn thousands of different languages!

No wonder that hybrid frameworks like Ionic 2 are extremely popular and in high demand!

I love creating awesome web applications and it simply is awesome to now use that knowledge and build native mobile apps with it!

This course takes your from zero to published app, taking a very practice-orientated route. You'll build four major apps throughout the course, learning about the basics of Ionic 2/ 3, its rich component library, how to fetch and handle user input, how to store data and access native device features and much more!

And since building apps is only part of the fun, you'll of course also learn how to run your apps either in the browser (yes, it's like magic!), on an emulator or on your own device!.

  • Course Duration: 4 Months
  • Class: 3 Days In A Week
  • Mode Of Training: 1. Classroom 2. Online 3. WeekEnd
  • Module Introduction
  • A different Way of Creating a New Project
  • Other available Project Templates
  • Understanding the Structure of an Ionic 2 Project
  • How an Ionic 2 App Works
  • Pages vs Components
  • How Navigation works in an Ionic 2 App
  • Initializing Navigation in the AppComponent
  • ionic generate page XY Problems
  • Creating a Page and how to Navigate to it
  • First Summary
  • An Alternative Way of Creating Pages
  • Passing Data between Pages
  • Popping Pages - Going Back
  • ime to Practice - Pages & Navigation - Problem
  • Time to Practice - Pages & Navigation - Solution
  • Saving Time with helpful Navigation Directives
  • onfiguring Page Transitions
  • Understanding the Lifecycle of a Page
  • The Page Lifecycle in Action
  • How to use the Ionic 2 Documentation
  • Styling the App and Setting a Theme
  • Using Utility Attributes
  • Module Summary
  • Section Source Code & Links
  • Module Introduction
  • What we're going to build
  • reaking the App into Pieces (Defining the App Structure)
  • Creating the required Pages
  • Multiple Stacks of Pages vs One Single Stack
  • Implementing Tabs Navigation with Multiple Stacks of Pages
  • Adding Quotes Data to the App
  • Using the Quotes Data
  • Using the Ionic "List" and "List Item" Components
  • How to create more complex List Items
  • Passing the Quotes Data between Pages
  • Using the Ionic "Cards" Component
  • Using the Ionic Grid, Buttons and Styling Cards
  • Adding Custom Styles
  • Adding Alerts to the Application
  • Working with Angular 2 Services in the Ionic 2 App
  • Marking Quotes as Favorites by using a Service
  • Preparing the Favorite Quotes Page
  • Diving Deeper into List Items
  • Preparing a Modal Page
  • Presenting a Modal
  • Dismissing Modals
  • Passing Data to a Modal
  • Passing Data from a Modal back to the Page
  • Understanding ViewController Hooks
  • Must-Read: Modal & willLeave
  • Receiving Modal Data by Using the ViewController
  • Updating the "Favorite Quotes" Page
  • Adding an "Unfavorite" Functionality to the App
  • Revealing extra List Item Options upon Sliding
  • Changing the overall App Theme
  • Adding a Sidemenu
  • How to change the Root Page
  • Adding a Menu Toggle Button to the Navigation Bar
  • Preparing the Settings Page
  • Creating and Using the Settings Service to Store Settings
  • Adding an Alternative Item Background
  • App Summary
  • Module Summary
  • Section Source Code & Links
  • Module Introduction
  • Another Look at the Component Docs
  • Using and Styling Buttons
  • Understanding Lists
  • Understanding List Items and their Content
  • Configuring Lists
  • Item Groups and List Headers
  • Bonus: How to create a re-orderable List
  • Ionic 3.0.0 and the Grid
  • Understanding the Grid System
  • More than (click) - Using Gestures
  • Creating and Using Custom Components
  • Time to Practice - Components - Problem
  • Time to Practice - Components - Solution
  • Module Summary
  • Section Source Code & Links
  • Module Introduction
  • Where to get started
  • Building for iOS
  • Building for Android
  • Lists & Performance Issues
  • Step-by-step Guide for Building for iOS and Android
  • Module Summary
  • Module Introduction
  • What we're going to build
  • Breaking the App into Pieces (Defining the App Structure)
  • Creating the required Pages
  • Implementing a Tabs Navigation
  • Setting the App Theme
  • Planning the Next Steps
  • Forms: Template-driven vs Reactive Approach
  • Understanding Ionic 2 Controls
  • Creating a Form Template (for Template-Driven Approach)
  • Registering Controls (Template-Driven)
  • Submitting the Form (Template-Driven)
  • Validating the Form (Template-Driven)
  • Handling Data with a Model for our Ingredients
  • Managing Data with a Service (Shopping List Service)
  • Saving Items with the Shopping List Service
  • Displaying Items from the Shopping List
  • Removing Item from the Shopping List
  • Adding a "New Recipe" Button and Page Transition
  • Creating a "Edit Recipe" Form (Reactive Approach)
  • Creating the Reactive Form
  • Syncing Form and HTML (Reactive Approach)
  • Add Ingredients Management to the Form
  • Creating an Action Sheet
  • Creating a Dialog (Alert) with an Input Field
  • Managing Ingredient Controls in a FormArray
  • Wiring it all up
  • Removing Ingredient Controls
  • Using Toasts to Present Short Messages
  • Adding a Recipe Model and Service
  • Adding Recipes through a Service
  • Outputting Recipes
  • Displaying Recipe Details - Template
  • Displaying Recipe Details - Styling
  • Loading the Recipe Detail Page (and passing Data to it)
  • Loading the Edit Page (and passing Data to it)
  • Initializing the Edit Form
  • Updating the Recipe through a Service
  • Sending Ingredients to the Shopping List
  • Finishing Steps
  • Module Summary
  • Section Source Code & Resources
  • Module Introduction
  • What we're going to build
  • Which New Features We're Going to Add
  • Generating the Required Pages
  • Adding a Sidemenu
  • Creating the Signup Page (and Form)
  • Creating the Signin Page
  • How Authentication Works in an Ionic 2 (Mobile) App
  • Setting up Firebase (as a Development Backend)
  • Implementing the Signup Process
  • Showing a Loader (Spinner) and Error Alert
  • Implementing the Signin Process
  • Refining the Signin Page
  • Managing the User State
  • Logging Users Out & Fixing a Bug
  • How Firebase stores the Token
  • Adding a Popover Component
  • Fetching the Token
  • Ionic 3 and Http
  • Sending a PUT Request with the Auth Token
  • More about Tokens
  • Sending a GET Request to load Data
  • Polishing the App (Adding a Spinner and Error Handling)
  • Fixing the Error Handler
  • Storing and Fetching Recipes
  • Fixing Errors
  • Seeing the App run on a Real Device
  • Module Summary
  • Section Source Code & Links