Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Ionic - Build iOS, Android & Web Apps with Ionic & Angular
Bestseller
Highest Rated
Rating: 4.7 out of 5(17,165 ratings)
76,544 students

Ionic - Build iOS, Android & Web Apps with Ionic & Angular

Build Native iOS & Android as well as Progressive Web Apps with Angular, Capacitor and the Ionic Framework (Ionic 4+).
Last updated 4/2024
English

What you'll learn

  • Build native apps and progressive web apps from one and the same codebase
  • Build native apps for iOS and Android, using Angular and the powerful features Ionic offers
  • Dive deeper into Ionic to learn more about core and advanced features
  • Test iOS and Android apps on real devices and publish those apps to the app stores of the two platforms

Course content

18 sections290 lectures20h 24m total length
  • Course Introduction2:27

    Welcome to this course! Let me introduce myself and give you a first overview of the course content!

  • What Is Ionic?7:44

    What is Ionic? That's an important question and in this lecture, I'll explain in detail what Ionic is all about and why it's amazing!

  • Join our Online Learning Community0:25

    Learning alone is absolutely fine but finding learning partners might be a nice thing, too. Our learning community is a great place to learn and grow together - of course it's 100% free and optional!

  • A Closer Look at the Ionic Platform4:28

    Let's take a closer look at all the pieces that actually make up Ionic and let's see how it all works together.

  • What is Angular?3:59

    This course is about Ionic + Angular, so let's also make sure we're all on the same page when it comes to Angular. What is that about?

  • Node.js Download0:19
  • Our First Ionic App!13:36

    Time to get started! Let's create our first Ionic app and see how it works!

  • The History of Ionic4:02

    Ionic is not that old but it already has an interesting history - time to explore it!

  • Ionic 4+ vs Ionic 33:06

    There was a major version change in Ionic: Between Ionic 3 and 4, the whole framework changed. Let's explore why and why we're now in a way better future!

  • How to Build Native Mobile Apps with Ionic3:45

    Ionic can be used to build cross-platform apps. You can build web apps and native mobile apps. In this lecture, we'll explore the latter.

  • Comparing Ionic to Alternatives0:09

    There are alternatives to Ionic - this lectures gives you more resources on that.

  • Course Outline6:23

    We got a good idea of what Ionic is about, so let's now explore what exactly is in the course! Here's a detailed overview.

  • How To Get The Most Out Of The Course3:02

    Your success matters to me! Here's how to get the most out of the course resources!

  • The Course Source Code0:22

Requirements

  • Angular fundamentals are required, though a brief refresher is also provided in the course
  • Basic HTML, JS and CSS knowledge is required
  • NO advanced Angular knowledge is required

Description

Join this bestselling course to learn how to use Angular and web development technologies to build real native mobile apps for iOS and Android!


Ionic is one of the most exciting technologies you can learn at the moment - it enables you to use one codebase (written in HTML, JS and CSS) to build and ship apps as normal (progressive) web apps as well as real native mobile apps for iOS and Android. This course teaches you the latest version of Ionic from scratch with no prior knowledge about it assumed.

Angular (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? And also publish them as progressive web apps at the same time.

The Ionic 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 offers a lot of beautiful components (which you'll learn about in this course) that can be used to compose native-like user interfaces.

Capacitor (another tool provided by the Ionic team) will handle the rest as it's used to then build a native mobile app for iOS/ Android based on your code. 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! Indeed, with Ionic, you can use one codebase to ship three different apps (iOS, Android, web).

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

My name is Maximilian Schwarzmüller and I'm a freelance web developer as well as creator of many 5-star rated courses here on Udemy - including my "Angular - The Complete Guide" course, the bestselling Angular course on Udemy!

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

This course takes your from zero to published app, taking a very practice-orientated route. You'll a realistic app (where users can create and book events) throughout the course, learning about the basics of Ionic, its rich component library, how to fetch and handle user input, how to store data and access native device features and much more!

You'll dive into all important Ionic components as well as concepts like navigation (tabs, sidemenus), user input, native device features (e.g. camera), storage, http, authentication!

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, on an emulator or on your own device!

What exactly are you going to learn then?

  • A brief refresher on Angular

  • How to set up your Ionic projects

  • The basics about Ionic - How navigation works, how your project is structured and you use its rich component library

  • How to use the many beautiful components Ionic ships with

  • How to use different kinds of navigation concepts: "Back"-Button-Navigation, tabs and sidemenus

  • How to show modals, alerts, toasts and many, many more useful UI components

  • How to test the app in the browser, on emulators or real devices

  • How to fetch and handle user input through inputs, textfields, dropdowns, dialogs etc.

  • How to authenticate users and access web servers to store + load data

  • How to access the local device storage and native device features like the camera or geolocation

  • So much more!

  • Finally, you'll learn how to configure your app and publish it to the App Store or Google Play Store (or as a progressive web app)

Does this sound great?

I can't wait to welcome you in this course!

Who this course is for:

  • This course is for students who want to use their Angular knowledge to build native mobile apps & web apps with one codebase
  • This course is for everyone interested in diving into the development of native mobile apps for iOS and Android