App Development with Ionic from Scratch

Name: App Development with Ionic from Scratch
Rating: 4.6 (27 reviews)

Learn to build apps and games using Ionic for Android and IOS

Created byEduonix Learning Solutions

Last updated 9/2021

English

What you'll learn

Learn cross platform app development in Ionic
Learn tips and tricks for building scalable mobile apps
Master the complete app development process
Build and launch production grade apps

Course content

6 sections • 44 lectures • 4h 46m total length

Introduction1:06
Section Overview0:53
What we’ll cover3:47
Set up your ionic development environment by installing a code editor (Visual Studio Code), Node.js, and ionic tools via npm, with global installation on macOS and Windows.
Running your first app7:38
Generate a new Ionic project from scratch with Ionic start, selecting Angular and templates like tabs or side menu, then run Ionic serve to view it in a browser.
Getting familiar with the Code6:47
Running on iOS7:35
Running on Android7:58
Debugging9:43

Section Overview0:43
Creating a new page5:37
Create new pages in an Ionic app using the Ionic Generate Page tool, producing a component page like past tasks, and wire it into routing via the app routing module.
Navigating between pages7:55
Navigate between pages in an Ionic app using HTML router links and Angular's router navigate, wire a new task route, and trigger transitions with an Ionic button.
Passing data between pages10:00
The back button4:33
Explain how the Angular router evaluates routes from the app routing module through the tabs module to the new task route, using first match wind strategy and path matching.
Transitions in routing6:20
Setting up a nav bar7:05
Setting up a side menu7:49

Section Overview0:47
Explore Icon component Library6:42
Explore the ionic component library and how components adapt to iOS and Android. Learn to read the docs, copy usage snippets, and experiment with properties and slots.
Displaying content in a list5:59
Refreshing Ionic component5:14
Adding functionality to the list7:41
Collecting data from users12:21
Adding inputs to Forms6:47
Form Validation8:45
Icons3:19
Learn to add icons in Ionic via the iron icon component, explore the docs icon library, and apply clock and checkmark icons for task states using outline variants.

Section Overview0:39
Understanding the Data Layer5:13
Explore how the service layer's data service acts as a bridge between UI components and data sources, enabling a seamless switch from database to API without changing components.
Creating a data Service10:29
Ionic Storage9:57
Getting data from an API7:35
Learn to fetch and post data in an Ionic app using angular's HttpClient, replacing local storage with API calls, including get and post workflows for a to-do list.

Section Overview1:05
Adding icons to ionic application7:32
Learn to add icons to an Ionic app by using Cordova Rez to generate iOS and Android icons from a resources directory, including adaptive icons for Android.
Splash Screen12:48
Changing the App Name4:18
Changing the Theme7:33
Supporting the Dark Theme6:46
Language Support16:11
Learn to implement multi-language support in an Ionic app by creating i18n json files, configuring NGX Translate with a custom HTTP loader, and auto-detecting device language to switch languages.
Adding Animations9:27
Ionic AppFlow7:07

Requirements

Basic knowledge of JavaScript is required to complete the course

Description

Learn cross-platform mobile app development with Ionic from scratch!!

Choosing the right platform before developing your mobile application is very crucial. Today, you can find several platforms that let you develop mobile applications for both Android Play Store & Apple Store. Among all, the Ionic framework is one of the renowned names for developing cross-platform mobile apps. Thanks to all its features, it is growing at a rapid pace.

So if you are someone who is looking to develop a cross-platform application, then we present you with this exclusive online course on app development with Ionic. It teaches you Ionic, one of the best open-source mobile app development frameworks from scratch.

Why Should You Learn Ionic?

- Ionic allows you to develop cross-platform applications.

- It has beautiful user interface components.

- Powerful yet simple CLI with native plugins.

Why Should You Take This Course?

This Ionic tutorial is perfect for anyone who wants to upskill with app development using Ionic. It covers everything from basics to creating your first application from scratch. This tutorial will unfold with the basic introduction to app development, debugging & deployment.

As it will progress, you will learn about the crucial concepts of designing applications such as navigating between pages, transitions, components, displaying content, adding functionality, data layer, storage in Ionic, and so much more. After learning the basics, you will also work on a production-ready app which is then followed by a project wherein, you will be building a timer application.

Major Topics Covered

Basics of Ionic
Android & iOS apps
Creating pages & navigation
App components, content, forms
Data layer & storage
Data service, APIs & plugins
Project: Building an app

Start upskilling today to learn mobile app dev with Ionic by building projects!!

Who this course is for:

Anyone who wants to quickly master Ionic for App development will find this course very useful

App Development with Ionic from Scratch

What you'll learn

Explore related topics

Course content

Getting Started8 lectures • 45min

Pages and Navigation8 lectures • 50min

Components and Content9 lectures • 58min

Using Native features5 lectures • 34min

Data and APIs5 lectures • 26min

Getting the app Production Ready9 lectures • 1hr 13min

Requirements

Description

Who this course is for: