Ionic 5 & Angular 9

Wishlist Share
Share Course
Page Link
Share On Social Media

About 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 appsrunning 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!

This course takes you 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, side menus), 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?

  1. A brief refresher on Angular
  2. How to set up your Ionic projects
  3. The basics about Ionic – How navigation works, how your project is structured and you use its rich component library
  4. How to use the many beautiful components Ionic ships with
  5. How to show modals, alerts, toasts, and many, many more useful UI components
  6. How to test the app in the browser, on emulators, or real devices
  7. So much more …

Does this sound great?

I can’t wait to welcome you to this course! 🙂

Who this course is for:

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

What Will You Learn?

  • Build native apps and progressive web apps from one and the same codebase
  • Build native apps for iOS and Android, using Angular and 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

Ionic 5 & Angular 9

  • Introduction
    00:00
  • Installing software
    00:00
  • 02 Installing CLI
    00:00
  • 03 Building build – Part 1
    00:00
  • 03 Building build – Part 2
    00:00
  • 04 Module & Component – Part 1
    00:00
  • 04 Module & component – Part 2
    00:00
  • 04 Module & component – Part 3
    00:00
  • 05 Passing Data btw Components
    00:00
  • 06 Ion-Slides
    00:00
  • 07 Ion-Search
    00:00
  • 08 Ion-Action-Sheet
    00:00
  • 09 Ion Menu
    00:00
  • 10 Infinite Scroll
    00:00
  • 11 Ion – checkbox
    00:00
  • 12 Ion-Segment
    00:00
  • 12 Ion-Segment (styling)
    00:00
  • 13 Swipe able Tabs | Segments
    00:00
  • 14 Ion-datetime part-1
    00:00
  • 15 Ion-button
    00:00
  • 16 Ion-modal (in detail)
    00:00
  • 17 Ion-popover
    00:00
  • 18 Ion-fab
    00:00
  • 19 Ion-range
    00:00
  • 20 Gesture | iPhone Assistive button
    00:00
  • 21 Ion-toolbar & ion-backbutton
    00:00
  • 22 Ion-alert (in detail)
    00:00

Student Ratings & Reviews

No Review Yet
No Review Yet
ResearcherStore

Want to receive push notifications for all major on-site activities?