HOT

Ionic 4 – Build PWA and Mobile Apps with Angular

Development

Ionic 4 – Build PWA and Mobile Apps with Angular, available at $54.99, has an average rating of 4.65, with 61 lectures, based on 244 reviews, and has 1045 subscribers.

Rating4.7
Enroll Now

You will learn about Build Native Mobile Apps with Ionic 4 Build PWA with Ionic 4 Getting to know Ionic 4 This course is ideal for individuals who are Web developers and specifically Angular developers who want to build Native Mobile Apps and Progressive Web Apps (PWA) It is particularly useful for Web developers and specifically Angular developers who want to build Native Mobile Apps and Progressive Web Apps (PWA).

Enroll now: Ionic 4 – Build PWA and Mobile Apps with Angular

Summary

Title: Ionic 4 – Build PWA and Mobile Apps with Angular

Price: $54.99

Average Rating: 4.65

Number of Lectures: 61

Number of Published Lectures: 61

Number of Curriculum Items: 61

Number of Published Curriculum Objects: 61

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

  • Build Native Mobile Apps with Ionic 4
  • Build PWA with Ionic 4
  • Getting to know Ionic 4

Who Should Attend

  • Web developers and specifically Angular developers who want to build Native Mobile Apps and Progressive Web Apps (PWA)

Target Audiences

  • Web developers and specifically Angular developers who want to build Native Mobile Apps and Progressive Web Apps (PWA)

We can use Angular to create powerful frontend web applications powered by TypeScript / JavaScript. What if we can use the Angular knowledge to build applications that can be published as progressive web apps, native mobile apps running on any iOS or Android device and electron desktop apps with the same codebase.

Ionic 4 allows you to do just that.  We can use your existing Angular, HTML, JS and CSS knowledge and build PWA, native mobile apps. 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 different technologies to build apps for different platforms.

Ionic 4 is completely based on web components (Using Stencil).

This course takes you from zero to published app, taking a very practice-orientated route. We’ll build a news app throughout this course, we’ll see how we can use the Ionic component library, how to fetch and handle user input, how to store data and much more!

We will touch on various topics like Architecture, Components, Navigation, Tabs, Sidemenus, User Input, Native Device Features, Storage, Http, etc…

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?

  • Angular Refresher

  • Ionic Fundamentals

  • How to set up your Ionic 4 projects

  • Using different Ionic 4 templates Blank, Tabs, and Sidemenus

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

  • Ionic 4 project architecture

  • Creating a user interface with the Beautiful Ionic 4 Components

  • Show Modals, Alerts, Toasts and many more useful UI components

  • Test the app in the browser, on emulators and real devices

  • Using Ionic storage

  • Building PWA and deploy on Firebase Hosting

  • and much more …

So Let’s Get Started.

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction to Course

Lecture 2: About Angular

Lecture 3: About Ionic

Lecture 4: Setup Development Environment

Chapter 2: Angular Fundamentals

Lecture 1: Introduction

Lecture 2: Installing Angular CLI

Lecture 3: Creating New Project

Lecture 4: Adding Components

Lecture 5: Angular Routing

Lecture 6: Note Regarding Lazy Loading Routes

Lecture 7: Adding and Lazy Loading Components

Lecture 8: Adding Services

Lecture 9: @Input() and @Output Decorator

Chapter 3: Ionic Fundamentals

Lecture 1: Introduction

Lecture 2: Installing Ionic CLI

Lecture 3: Creating New Project

Lecture 4: Note Regarding Lazy Loading Routes

Lecture 5: Understanding the Structure of Ionic Project

Lecture 6: Ionic Generator

Lecture 7: Ionic Components Part 1

Lecture 8: Ionic Components Part 2

Lecture 9: Adding Shared Component

Lecture 10: Adding Tabs Inside the Sidemenu Template

Lecture 11: Adding Sidemenu Inside the Tabs Template

Lecture 12: Adding Sidemenu and Tabs Inside the Blank Template

Chapter 4: Creating News Application With Rest API

Lecture 1: Introduction

Lecture 2: Creating New Project

Lecture 3: Generating New Pages and Updating Tabs Menu

Lecture 4: Adding UI For The Top News Page

Lecture 5: Using Ionic Lab

Lecture 6: Creating News Service and Fetching Top News

Lecture 7: Using async Operator

Lecture 8: Moves Pages to Pages directory Similar to Ionic 3

Lecture 9: Creating Shared Components

Lecture 10: Using HttpParamas to Pass the apiKey

Lecture 11: Finalize Top News Page

Lecture 12: Show Loading Spinner While Fetching Data

Lecture 13: Adding Pull To Refresh Functionality

Lecture 14: Headlines Page UI – Horizontal Scrolling List

Lecture 15: Getting Data Based on a Specific Category

Lecture 16: Getting Category Data on the First Load

Lecture 17: Using Skeleton Screens For Perceived Performance

Lecture 18: Working on the Sources Page

Lecture 19: Adding Search Pipe to Filter Between Different Sources

Lecture 20: Adding Single Source Page and Back Button

Lecture 21: Showing Selected Source Articles

Lecture 22: Using Sliding Options to Add to Favorites

Lecture 23: Using Ionic Storage

Lecture 24: Adding Refresh Button To The Favorites

Lecture 25: Showing Toast Message

Lecture 26: Removing The Source From Favorites

Lecture 27: Adding Settings Page

Chapter 5: Building and Publishing Application

Lecture 1: Introduction

Lecture 2: Adding PWA Support and Building App For Production

Lecture 3: Deploying PWA on Firbase Hosting

Lecture 4: Installing PWA on The Mobile Device

Lecture 5: Running Application Inside the Android Emulator

Lecture 6: Publishing Application on Android Play Store

Lecture 7: Publishing Application on iOS App Store

Lecture 8: Publishing Application as Electron Desktop App

Chapter 6: Course Roundup

Lecture 1: Course Roundup

Instructors

Rating Distribution

  • 1 stars: 6 votes
  • 2 stars: 7 votes
  • 3 stars: 33 votes
  • 4 stars: 90 votes
  • 5 stars: 108 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!

You may also like

Email Marketing. Increase Sales With Email Marketing!

TikTok Marketing Domination : Mastering Marketing Strategies

Video Email Marketing Made Easy