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.
Watch Promo Enroll in Course
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 top-rated courses - including my "Angular - The Complete Guide" course, the bestselling Angular course you can find!
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 ... like 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 (or as a progressive web app)
Does this sound great?
I can't wait to welcome you in this course!
20+
hours
300+
lessons
Course Curriculum
-
PreviewCourse Introduction (2:27)
-
PreviewWhat Is Ionic? (7:44)
-
PreviewA Closer Look at the Ionic Platform (4:27)
-
PreviewJoin our Online Learning Community
-
PreviewWhat is Angular? (3:59)
-
PreviewOur First Ionic App! (13:36)
-
PreviewThe History of Ionic (4:01)
-
PreviewIonic 4+ vs Ionic 3 (3:06)
-
PreviewHow to Build Native Mobile Apps with Ionic (3:45)
-
PreviewIonic Alternatives
-
PreviewCourse Outline (6:23)
-
PreviewHow To Get The Most Out Of The Course (3:00)
-
PreviewThe Course Source Code
-
StartThe Academind Pro Referral Program
-
StartModule Introduction (0:32)
-
StartWhat is Angular? (2:42)
-
StartAngular SPAs & Ionic (3:09)
-
StartUnderstanding Components (1:37)
-
StartInstalling Angular with the CLI (4:29)
-
StartInstalling the IDE (4:59)
-
StartUnderstanding the Folder Structure (8:14)
-
StartThe App Component (7:04)
-
StartCreating Our First Component (4:05)
-
StartCross Component Communication with Property Binding (5:23)
-
StartUnderstanding Directives & String Interpolation (4:05)
-
StartHandling User Input (4:08)
-
StartUnderstanding Event Binding (2:13)
-
StartLocal References (1:49)
-
StartUnderstanding Two-Way-Binding (5:56)
-
StartPassing Data Around with Custom Events (3:58)
-
StartImplementing Routing (7:10)
-
StartSetting Up Services (3:15)
-
StartUsing Services with Dependency Injection (2:48)
-
StartWorking with Angular Lifecycle Hooks (3:25)
-
StartAdding a Person with Services (2:44)
-
StartNavigating between Components (2:03)
-
StartRemoving Items Upon a Click (3:08)
-
Start"Push"ing Data Around with Subjects (5:34)
-
StartMore on RxJS & Observables
-
StartSending Http Requests (10:03)
-
StartShowing a Placeholder Whilst Waiting for a Response (2:05)
-
StartWrap Up (1:17)
-
StartUseful Resources & Links
-
StartModule Introduction (1:20)
-
StartCore App Building Blocks (4:26)
-
StartUnder the Hood of Ionic Components (6:47)
-
StartSetting Up a Non-Angular Ionic Project (3:04)
-
StartWhere to Learn all about Ionic Components (2:29)
-
StartUsing Basic Ionic Components (5:11)
-
StartMore Basic Components (3:23)
-
StartComponent Categories (2:27)
-
StartUsing the Ionic Grid (4:51)
-
StartAdding Icons & Using Slots (6:14)
-
StartUsing CSS Utility Attributes (3:42)
-
StartUsing Ionic Elements like "Normal" HTML Elements (4:12)
-
StartValidating User Input (2:46)
-
StartCreating Ionic Elements Programmatically (4:57)
-
StartFinishing Up the Base JavaScript Logic (3:39)
-
StartFinalizing the Layout (1:31)
-
StartUsing Controller Components (7:48)
-
StartAssignment: Component Basics (Problem) (1:42)
-
StartAssignment: Component Basics (Solution) (12:28)
-
StartWhy Angular? (5:29)
-
StartUseful Resources & Links
Course Prerequisites
Basic Angular knowledge is strongly recommended
NO prior Ionic or mobile development knowledge is required
All pre-requisites are covered by courses in our "Academind Pro" Membership.
Don't take my word for it - here's what other students are saying.
Jose Larghi
Like all courses of Academind, well explained, a lot of content, and organized in the right way.
Jean-Pierre Fortin
I have experience with this content but until now I just knew how things are working by watching and using logic. It is so much fun to get deepness and to be able to name things. I also appreciate the layered teaching that makes sure I don't get lost in the way.
Justin Estrada
Super great course! I love all of Max's courses because he keeps content up to date and does his best to push updates informing his students when frameworks or best practices have changed.
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 9992 happy students!
Single-Course License
Full access to "Ionic - Build iOS, Android & Web Apps with Ionic & Angular"
$69
Access to this course only.
This is a one-time payment that grants access to this course only, not to any other courses.
Academind Pro Membership
Unlimited access to this and all other current & future courses!