Ionic Training in Gurgaon

• Module 1: Introduction to Ionic 4
  • What is Ionic.
  • What is Angular?
  • The History of Ionic.
  • Ionic 4+ vs Ionic 3.
  • How to Build Mobile Apps with Ionic.
• Module 2: Introduction to Angular
  • What is Angular?.
  • Angular SPAs & Ionic.
  • Components.
  • Installing Angular with the CLI.
  • Installing the IDE.
  • Folder Structure.
  • The App Component.
  • Cross Component Communication with Property Binding.
  • Directives & String Interpolation
  • Handling User Input.
  • Event Binding.
  • Local References.
  • Two-Way-Binding.
  • Implementing Routing.
  • Setting Up Services.
  • Using Services with Dependency Injection.
  • Working with Angular Lifecycle Hooks.
  • Navigating between Components.
  • Sending Http Requests.
• Module 3: Ionic Component Basics
  • Core App Building Blocks.
  • Hood of Ionic Components.
  • Ionic Components.
  • Component Categories.
  • Ionic Grid.
  • Adding Icons & Using Slots.
  • Using CSS Utility Attributes.
  • Using Ionic Elements like “Normal” HTML Elements.
  • Validating User Input.
  • Creating Ionic Elements Programmatically.
  • layout in ionic.
• Module 4: Angular + Ionic
  • Why Use Angular?.
  • How Angular & Ionic Work Together.
  • Adding & Loading a New Page.
  • Using Angular Features on Ionic Components.
  • Angular Routes.
  • Managing State with Services.
  • Extracting and Displaying Route Param Data.
  • Navigating Between Pages.
  • Injecting Ionic Controllers.
  • Angular Components vs Ionic Components.
• Module 5: Building Apps
  • Creating an Android App.
  • Creating an iOS App.
• Module 6: Debugging
  • Error Messages & console.log().
  • Debugging the UI & Performance.
  • Debugging Android Apps and iOS Apps.
• Module 7: Navigation & Routing in Ionic Apps
  • How Routing Work In An Ionic + Angular App.
  • Ionic Page Caching & Extra Lifecycle Hooks.
  • Planning the Course Project.
  • Adjusting Our Main Routing Configuration.
  • Understanding Ionic Tabs.
  • Adding Tabs to the App.
  • Adding Forward Navigation.
  • Going Back with NavController.
  • Navigating via Toolbar Buttons.
  • Extracting the ID of Loaded Places.
  • Adding a SideDrawer.
  • Opening + Closing the SideDrawer.
  • Adding Links & Switching Pages.
  • Adding the Auth Service and Auth Guard.
  • Opening a Modal.
  • Closing the Modal & Passing Data.
• Module 8: Ionic Components Overview
  • Attributes & Slots.
  • Ionic Grid Basics.
  • Controlling Grid Column Sizes.
  • Controlling Grid Alignment.
  • Responsive Grid Sizing.
  • ion-list vs ion-grid.
  • ion-label & ion-item.
  • ion-text.
  • Swipeable List Items.
  • Swipeable Bookings.
  • Virtual Scrolling.
  • Adding Image Elements.
  • Segmented Buttons.
  • Adding a Spinner.
  • Using the Loading Controller.
  • Using the ActionSheet Controller.
• Module 9: Styling & Theming Ionic Apps
  • How Styling & Theming Works in Ionic Apps.
  • Docs & Utility Attributes.
  • Setting of Global Theme Variables, Styles, All Colors at Once and Platform-Specific Styles.
  • Styling Core Components with Variables.
  • Adding Custom CSS Rules.
  • Component-specific CSS Variables.
• Module 10: Handling User Input
  • User Input Requirements.
  • Setting Up a Form Template.
  • Adding a Template-driven Form.
  • Handling Validation.
  • Switching Between Auth Modes.
  • Auth Form.
  • Offer Form.
  • Booking Form.
  • Working on the Book Place Template.
  • Configuring the Date Controls.
  • Validating & Submitting the Form.
• Module 11: Managing State
  • What is State?
  • Using RxJS Subjects for State Management.
  • Passing Data via Subjects & Subscriptions.
  • UI State in Action.
  • Updating Places.
  • UI State with Bookable Places.
  • Booking Places.
• Module 12: Sending Http Requests
  • How To Connect to a Backend.
  • Setting Up Firebase.
  • Sending Data via Http.
  • Using Response Data.
  • Fetching & Displaying Data.
  • Fetching Data in Multiple Places.
  • Loading Data in a Single Place.
  • Fetching Single Places.
  • Adding a Booking.
  • Fetching Bookings By User.
  • Deleting Bookings.
• Module 13: Adding Google Maps
  • API Setup.
  • Adding a LocationPicker Component.
  • Opening the Map Modal.
  • Adding the Google Maps SDK.
  • Rendering a Map.
  • Picking Locations via a Click on the Map.
  • Finding the Address for a Place.
  • Fetching a Static Image URL.
  • Displaying a Place Preview.
  • Changing the Selection.
  • Removing the Click Listener.
  • Submitting the Location.
  • Outputting Address & Map.
  • Re-using the Maps Modal.
• Module 14: Using Native Device Features (Camera & Location)
  • Understanding Capacitor & Cordova.
  • Using the Docs.
  • Using Capacitor Plugins.
  • Getting the User Location.
  • Testing the Location Feature.
  • Starting With the Image Picker.
  • Detecting the Platform Correctly.
  • Adding a Filepicker Fallback.
  • Getting the Picked Image.
  • Converting the Image String to a File.
  • Storing the Image in the Form.
  • Using PWA Elements.
• Module 15: Adding Authentication
  • How Authentication Works.
  • Adding User Signup.
  • Refactoring the Authentication Code.
  • Adding User Login.
  • Managing the User with a Subject.
  • Storing the Token in Memory.
  • Using the ID Observable Correctly.
  • More userId Usage.
  • Fixing the Subscription.
  • Storing Auth Data in Device Storag.
  • Adding Autologin.
  • Adding a Reactive Logout System.
  • Requiring the Auth Token on the Backend.
  • Sending the Auth Token to the Backend.
  • Token Usag.
• Module 16: Publishing the Apps
  • Preparing App Configs.
  • Custom Icons & Splash Screens.
  • Android Deployment.
  • iOS Deployment.

The Ionic Training course offers a comprehensive learning experience for students by combining theoretical knowledge with hands-on practical exercises. The course covers essential topics such as Ionic framework fundamentals, development best practices, and real-world application building. With a focus on industry-relevant skills and project-based learning, students can gain valuable experience in creating cross-platform mobile applications using Ionic. Additionally, the course provides opportunities for collaboration, networking, and mentorship, ensuring that students have the support they need to succeed in their professional endeavors.