You have to add this courses into your profile.

Learn By Building Real World Projects

Ionic2/Ionic 3-Build iOS and Android Apps with Angular

Ionic 2, the hybrid framework, allows learning android and iOS app development and building 4 apps with Angular from scratch.

  • |
  •   Lectures: 203
  • |
  •   Videos: 14.5 hours
  • |
  •   Level: All
  • |
  •   Language: English
  • |
  •   Last Updated: 09/2017

  • Instructor : Maximilian Schwarzm├╝ller

Check Out Some of Our Other Popular Courses

Ionic and Angular might seem like a miss-match, but that’s not at all true! Combined Ionic and Angular form a powerful tool for building cross-platform apps from scratch. Hybrid apps often lack in performance when compared to native apps, which is why a lot of people insist on building native apps for their company.

Angular 4 (formerly Angular 2) is a superheroic and powerful JavaScript framework that allows creating amazing web applications using nothing but TypeScript, a subset of JavaScript. Now, when you add Ionic to the mix, you can definitely get this app up and running and compile it into a native app.

This is why frameworks such as Ionic 2 are high in demand and extremely popular! Here’s where you can master native app building in an easy manner!

This course has been designed as a step-by-step guide for understanding how Angular 4 and Ionic can help you boost your development skills to new heights. This tutorial will take you from having zero apps to having a professional app published on the Apple App Store or Google Play Store.

Throughout this course, you will learn about different aspects of app building with Angular 4 and Ionic 2, such as its rich component library, how to fetch and handle user input, how to store data and access native device features and so much more.

This tutorial has been designed as a complete hands-on course, which means everything you learn will include multiple examples and will be backed by practical applications. The 4 apps will help you learn exactly how you can get started with development and will focus on different topics like Components, Navigation, Tabs, Sidemenus, User Input, Native Device Features (e.g. Camera), Storage, Http, Authentication, etc.

That’s not all! You will not only learn how to code the app, but also how to run the apps in a browser or an emulator, or even your own device.

What this course will include:

  • A brief refresher on Angular 4
  • How to set up your Ionic 2 projects
  • The basics about Ionic 2 – How navigation works, how your project is structured and you use its rich component library
  • Use the many beautiful components Ionic 2 ships with
  • Use different kinds of navigation concepts:'Back'-Button-Navigation, Tabs and Sidemenus
  • Show Modals, Alerts, Toasts and many, many more useful UI components
  • Test the app in the browser, on emulators and real devices
  • Fetch and handle user input through Inputs, Textfields, Dropdowns, Dialogs and Sliders
  • Authenticate users and access web servers
  • Access the local device Storage and native device features like the Camera or Geolocation
  • Adding third-party packages or styling and theming your app
  • Finally, you'll learn how to configure your app and publish it to the App Store or Google Play Store!

Build the app of your dreams! Get started with this Angular and Ionic course!

87 Module Introduction
88 What we re going to build
89 Breaking the App into Pieces (Defining the App Structure)
90 Creating the required Pages
91 Implementing a Tabs Navigation
92 Setting the App Theme
93 Planning the Next Steps
94 Forms: Template-driven vs Reactive Approach
95 Understanding Ionic 2 Controls
96 Creating a Form Template (for Template-Driven Approach)
97 Registering Controls (Template-Driven)
98 Submitting the Form (Template-Driven)
99 Validating the Form (Template-Driven)
100 Handling Data with a Model for our Ingredients
101 Managing Data with a Service (Shopping List Service)
102 Saving Items with the Shopping List Service
103 Displaying Items from the Shopping List
104 Removing Item from the Shopping List
105 Adding a New Recipe Button and Page Transition
106 Creating a Edit Recipe Form (Reactive Approach)
107 Creating the Reactive Form
108 Syncing Form and HTML (Reactive Approach)
109 Add Ingredients Management to the Form
110 Creating an Action Sheet
111 Creating a Dialog (Alert) with an Input Field
112 Managing Ingredient Controls in a FormArray
113 Wiring it all up
114 Removing Ingredient Controls
115 Using Toasts to Present Short Messages
116 Adding a Recipe Model and Service
117 Adding Recipes through a Service
118 Outputting Recipes
119 Displaying Recipe Details - Template
120 Displaying Recipe Details - Styling
121 Loading the Recipe Detail Page (and passing Data to it)
122 Loading the Edit Page (and passing Data to it)
123 Initializing the Edit Form
124 Updating the Recipe through a Service
125 Sending Ingredients to the Shopping List
126 Finishing Steps
127 Module Summary