Ionic 4 Crash Course with Heartstone API & Angular

Ionic 4 Crash Course with Heartstone API & Angular, available at $54.99, has an average rating of 4.75, with 64 lectures, based on 342 reviews, and has 1973 subscribers.

You will learn about Develop a good looking, modern and real-world usable mobile applications with Ionic 4 Write one code base for Android, iOS and Browser Unlock power of writing Hybrid Apps with Ionic 4. Establish yourself in field of the exciting mobile app development environment This course is ideal for individuals who are Starting as well as experienced developers interested in Mobile Development with Ionic 4 or This course is for everyone willing to start creating Mobile Apps in a short time or Taking this course will enable you to develop applications for iOS, Android and Browser with One Codebase! It is particularly useful for Starting as well as experienced developers interested in Mobile Development with Ionic 4 or This course is for everyone willing to start creating Mobile Apps in a short time or Taking this course will enable you to develop applications for iOS, Android and Browser with One Codebase!.

Enroll now: Ionic 4 Crash Course with Heartstone API & Angular

Summary

Title: Ionic 4 Crash Course with Heartstone API & Angular

Price: $54.99

Average Rating: 4.75

Number of Lectures: 64

Number of Published Lectures: 64

Number of Curriculum Items: 64

Number of Published Curriculum Objects: 64

Original Price: €199.99

Quality Status: approved

Status: Live

What You Will Learn

Develop a good looking, modern and real-world usable mobile applications with Ionic 4
Write one code base for Android, iOS and Browser
Unlock power of writing Hybrid Apps with Ionic 4.
Establish yourself in field of the exciting mobile app development environment

Who Should Attend

Starting as well as experienced developers interested in Mobile Development with Ionic 4
This course is for everyone willing to start creating Mobile Apps in a short time
Taking this course will enable you to develop applications for iOS, Android and Browser with One Codebase!

Target Audiences

Starting as well as experienced developers interested in Mobile Development with Ionic 4
This course is for everyone willing to start creating Mobile Apps in a short time
Taking this course will enable you to develop applications for iOS, Android and Browser with One Codebase!

Would not be great to write just one code and ship it to Android, iOs and Browsers? Well, that’s what is Ionic exactly good for.

Angular is a well known and popular framework for writing amazing web apps. If you combine Ionic and Angular you have just right recipe to create awesome mobile hybrid apps. Ionic framework gives you a power to compile your Javascript, Html and Css code into a code that can be run on iOS, Android and of course Browser.

Is Ionic useful just for compiling your code ? Not at all. Ionic provides you with tons of UI components, modern cutting edge stylings, icons, animations, transitions and much more you can use easily out of the box. Ionic let’s you focus on writing code instead of spending time crushing your head into the wall why header moved 10px.

There was never a better time than now to learn how to write extremely popular hybrid apps. Ionic might be just a right choice for you.

My name is Filip Jerga. I am a freelance software engineer and course creator here on Udemy. My previous course met with amazing feedback of 4.6+ rating and more than 1000 students.

I will take you on a quick but a knowledge-grained tour of Ionic 4. You will learn how to create an application usable in a real life. You will not spent endless hours watching boring presentation but rather writing real code. Learning by writing is the best way.

You will build an application connected to Heartstone api with every playing card listed in it. We will go through basics of Ionic.

Later, I will explain some of the UI Components. You will connect applications to Heartstone API. You will work on more useful features like search and functionality to make a card favourite. You will use amazing Ionic storage.

In last lectures you will learn what is a Firebase and what is it good for. Let’s not forget about push notifications. You will learn how to send push notification from firebase straight to your applications and notify your users.

You will run application in browser and as well in emulator and real device.

In this course you will exactly learn:

What is Ionic and what is a good for
Understand Ionic Architecture
Understand routing and navigation in application
Fetch data from Heartstone API
How to create a page and display data in your app
You will refresh your knowledge of Angular
How to use Ionic UI components.
Create search and favorite cards feature
How to use Ionic storage
How to work with Firebase
How to send push Notification
Emulate application in Xcode and Android Studio

How does it sounds ? Let’s find out if this course is right for you. I hope to see you in lectures.

Course Curriculum

Chapter 1: Introduction

Lecture 1: [Promo]: Course Introduction

Lecture 2: How to get a Help

Lecture 3: Ionic Architecture

Lecture 4: Let's Install Ionic 4

Lecture 5: Github Init

Lecture 6: Folder Structure Explained

Lecture 7: Ionic Updates Note

Lecture 8: Routing Explained

Lecture 9: New Routing Explained

Chapter 2: Let's Start!

Lecture 1: Planning Application

Lecture 2: Lifecycle Functions

Lecture 3: Ionic First Page

Lecture 4: Ionic UI Components

Lecture 5: Style Our Page

Lecture 6: Little bit of Service

Lecture 7: Integrate Heartstone API

Lecture 8: Card List Component part 1

Lecture 9: Card List Component part 2

Lecture 10: Card Listing Page

Lecture 11: Navigation To Pages

Lecture 12: Get Data From HS API

Lecture 13: Card Interface + Layout

Lecture 14: Section Assignment – Card Detail

Chapter 3: Discovering Ionic API

Lecture 1: Inner HTML and RegExp

Lecture 2: Back Button

Lecture 3: Loader

Lecture 4: Loader Service

Lecture 5: Toast Service

Lecture 6: Improving Loading on Back and Toaster Explanation

Lecture 7: Refresher Component

Lecture 8: Alert Assigment

Lecture 9: Emulate App on IOS and Android

Chapter 4: Advanced Concepts

Lecture 1: Search Functionality

Lecture 2: Search Functionality part 2

Lecture 3: Completing Search

Lecture 4: Search Performance Improvements

Lecture 5: Display Loader On Search

Lecture 6: Favorite Cards Introduction

Lecture 7: Ionic Storage Introduction

Lecture 8: Store cards in Storage

Lecture 9: New Store Architecture

Lecture 10: New Store Architecture part 2

Lecture 11: Unsubscribe from Card Store

Lecture 12: Favourite Card Page Assignment

Chapter 5: Firebase & Push Notifications

Lecture 1: Firebase Setup & Intro

Lecture 2: Firebase Architecture & Implementation

Lecture 3: Firebase Android & IOS Setup

Lecture 4: Push Notification Android

Lecture 5: Push Notification IOS

Lecture 6: Out-App Notification IOS Fix

Lecture 7: Cordova Fix

Lecture 8: Splash Screen

Lecture 9: Cleaning

Lecture 10: Ending

Chapter 6: [Bonus]: Optimalisation

Lecture 1: Async Loader

Lecture 2: Infinite Scroll

Lecture 3: Testing Scroll in App

Lecture 4: [Bonus]: Keep Learning

Chapter 7: Update to latest Ionic

Lecture 1: Update Ionic / Angular

Lecture 2: New Routing and Tabs Explained

Lecture 3: Let's fix the links

Lecture 4: Fix Icons and Async Loader

Lecture 5: New Favorite Module

Lecture 6: Fix Favorite Card Store

Instructors

Filip Jerga
Software Engineer

Rating Distribution

1 stars: 5 votes
2 stars: 15 votes
3 stars: 46 votes
4 stars: 114 votes
5 stars: 162 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu