Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

Building an offline first web with Ionic

In this lecture, we will create a simple phone book web using Ionic and CouchDB, which are currently the most optimized for PWA development, and explain how it can work offline through the construction process.

(5.0) 1 reviews

17 learners

  • killkch0331
IONIC
PWA

What you will learn!

  • Offline First Web Development

  • How to use the Ionic framework

  • Data Synchronization Using CouchDB and PouchDB

  • Setting up and managing service workers

  • Real-time data change detection and error handling

  • Performance Evaluation Using Lighthouse

Ionic + CouchDb + PouchDb = Creating an Offline-first Web

In this lecture, we'll create a simple phone book website using Ionic and CouchDB, currently the most optimized platforms for PWA development. We'll walk through the process and explain how it can operate offline. The concept of PWA (Progressive Web App) is gaining traction as a web development methodology. One of the key elements of PWA is network dependency. This means that web services must be available regardless of network conditions. This service is made possible by ServiceWorkers and a database that supports offline functionality.

Using the Service-Worker feature provided by default in the ionic project and the automatic synchronization features provided by CouchDB and PouchDB, developers can create an 'offline first web' that can be used even offline.

main feature

  • ionic 3
  • CouchDB
  • PouchDB
  • Offline First Web
  • PWA

Helpful people

  • Developers interested in developing PWA (Progressive Web App)
  • Beginners new to Ionic
  • Developers who want to create a web that can be used offline
  • Developers new to CouchDB and PouchDb

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

Introduction of knowledge sharers

Kim Chul-hyun, currently working as a freelancer/consultant after working at SDS LGAd Simmani (search engine) and Mnet Media (now CJ E&M)

Recommended for
these people

Who is this course right for?

  • Beginner in web development

  • Anyone who wants to build a web application that requires offline functionality.

  • Developers interested in the Ionic framework

  • People who want to learn NoSQL databases

  • People who prefer hands-on learning

Hello
This is

2,065

Learners

44

Reviews

25

Answers

4.9

Rating

3

Courses

Curriculum

All

14 lectures ∙ (2hr 30min)

Published: 
Last updated: 

Reviews

All

1 reviews

5.0

1 reviews

  • mijivoth0144님의 프로필 이미지
    mijivoth0144

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    cảm ơn vì bài giảng hay .

    $17.60

    killkch0331's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!