인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
Programming

/

Web Development

Building an Ionic PWA (Progressive Web App)

Let's implement PWA (Progressive Web app), which is a hot issue these days, using IONIC hybrid framework and FIREBASE.

(5.0) 3 reviews

99 students

IONIC
PWA

This course is prepared for Intermediate Learners.

Building an Ionic PWA using Firebase and Service-Worker

Let's implement PWA (Progressive Web app), which is a hot issue these days, using Ionic 3 and Firebase. Establish the concept of PWA that will evolve in the future while implementing an actual web app.

What is PWA?

It is an "app-like web" that aims to take advantage of both mobile web and apps. PWAs utilize a new API called service-worker to cache important parts of web apps and enable instant loading. So, it can send push notifications even though it is mobile web. (Reference) https://developers.google.com/web/progressive-web-apps/

There are various frameworks that support implementing PWA, but I think the Ionic framework is the most suitable for implementing PWA because it uses Web/App Components, has an executable service-worker built-in, and can use various internal/external APIs. Currently, various PWA-related projects are in progress using it. *Ionic provides a PWA-toolkit that it developed itself, although it is still in its early version.

Helpful people

  • Anyone who wants to develop a hybrid app
  • Anyone who wants to develop PWA
  • Beginners who are new to Ionic

Course Features

main feature

ionic 3 Firebase realtime Database CRUD/indexing Firebase Auth web push message Moment.js IOS/Android Building Modal ActionSheet infinite scroll Time Stemp response grid

Development Environment

cli packages: (/usr/local/lib/node_modules) @ionic/cli-utils : 1.19.0 ionic (Ionic CLI) : 3.19.0 global packages: cordova (Cordova CLI) : 7.1.0 local packages: @ionic/ app-scripts: 3.1.4 Cordova Platforms: android 6.3.0 Ionic Framework: ionic-angular 3.9.2 System: ios-deploy : 1.9.2 Node : v8.6.0 npm : 5.5.1 OS : macOS High Sierra Xcode : Xcode 9.2 Build version 9C40b

Introducing the knowledge sharer

Kim Cheol-Hyeon

Currently working as a freelancer/consultant after working at SDS LGAd Simmani (search engine) and Mnet Media (now CJ E&M)

Hello
This is

2,060

Students

44

Reviews

25

Answers

4.9

Rating

3

Courses

Curriculum

All

27 lectures ∙ (5hr 3min)

Published: 
Last updated: 

Reviews

All

3 reviews

5.0

3 reviews

  • 이학종님의 프로필 이미지
    이학종

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    ionic 과 PWA에 대하여 이해하기 쉽게 설명해주셨어요... PWA 개념과 ionic으로의 접근을 이해하기 쉽게 설명해주셨습니다. ionic에 관심이 많은데 다른 과정들도 많이 나오길 기대합니다. 감사합니다.

    • 천주성님의 프로필 이미지
      천주성

      Reviews 17

      Average Rating 5.0

      5

      100% enrolled

      자바스크립트보다는 타입스크립트로 작성하는 아이오닉이 더 편하네요 강의가 기능 개발단위로 되어있어서 다른 것 개발할 때 모듈단위로 사용할 수 있을 것 같아요. 강의 감사합니다~

      • 박응신님의 프로필 이미지
        박응신

        Reviews 2

        Average Rating 5.0

        5

        100% enrolled

        강좌 너무 잘들었습니다 실용적인 강좌로 아이오닉에 대해 잘 배운거같습니다 IOS 안드로이드가 골치거리였는데 덕분에 해결된거같네요^^ 아! 수강하시려는 분들은 강사님 강좌중 아이오닉 이메일 인증 강의를(무료) 먼저 듣고 하시면 훨씬 좋을거같습니다

        killkch0331's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!