강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Web Development

Tạo Ionic PWA (Ứng dụng web lũy tiến)

Bằng cách sử dụng khung kết hợp IONIC và FIREBASE, chúng tôi sẽ triển khai PWA (ứng dụng Web lũy tiến), đây là một chủ đề nóng hiện nay.

(5.0) 3 đánh giá

99 học viên

  • killkch0331
IONIC
PWA

Đánh giá từ những học viên đầu tiên

Xây dựng Ionic PWA với Firebase và Service Workers

Hãy cùng triển khai Ứng dụng Web Tiến bộ (PWA), một chủ đề nóng hổi hiện nay, bằng cách sử dụng Ionic 3 và Firebase. Việc triển khai một ứng dụng web thực sự sẽ giúp bạn thiết lập sự phát triển trong tương lai của PWA.

PWA là gì?

Đây là một "web dạng ứng dụng" nhằm mục đích kết hợp những ưu điểm của cả web di động và ứng dụng. PWA tận dụng một API mới gọi là service worker để lưu trữ tạm thời các phần quan trọng của ứng dụng web và cho phép tải tức thì. Điều này cho phép chúng gửi thông báo đẩy ngay cả khi chúng là web di động. (Tham khảo: https://developers.google.com/web/progressive-web-apps/ )

Mặc dù có nhiều framework hỗ trợ triển khai PWA, tôi tin rằng framework Ionic là phù hợp nhất để triển khai PWA vì nó sử dụng Web/App Components, có service worker được tích hợp sẵn và hỗ trợ nhiều API nội bộ/bên ngoài. Nhiều dự án liên quan đến PWA hiện đang được triển khai sử dụng Ionic. *Ionic cung cấp bộ công cụ PWA riêng, mặc dù vẫn đang trong giai đoạn đầu.

Những người hữu ích

  • Bất kỳ ai muốn phát triển ứng dụng lai
  • Bất kỳ ai muốn phát triển PWA
  • Người mới bắt đầu với Ionic

Các tính năng của bài giảng

tính năng chính

ionic 3 Firebase thời gian thực Cơ sở dữ liệu CRUD/lập chỉ mục Firebase Auth tin nhắn đẩy web Moment.js IOS/Android Xây dựng Modal ActionSheet cuộn vô hạn Thời gian Stemp lưới phản hồi

Môi trường phát triển

Các gói cli: (/usr/local/lib/node_modules) @ionic/cli-utils: 1.19.0 ionic (Ionic CLI): 3.19.0 Các gói toàn cục: cordova (Cordova CLI): 7.1.0 Các gói cục bộ: @ionic/app-scripts: 3.1.4 Cordova Nền tảng: android 6.3.0 Ionic Framework: ionic-angular 3.9.2 Hệ thống: ios-deploy: 1.9.2 Node: v8.6.0 npm: 5.5.1 Hệ điều hành: macOS High Sierra Xcode: Xcode 9.2 Phiên bản bản dựng 9C40b

Giới thiệu người chia sẻ kiến thức

Kim Cheol-hyeon

Hiện đang làm việc tự do/tư vấn sau thời gian làm việc tại SDS LGAd Simmani (công cụ tìm kiếm) và Mnet Media (nay là CJ E&M)

Xin chào
Đây là

2,072

Học viên

45

Đánh giá

25

Trả lời

4.9

Xếp hạng

3

Các khóa học

Chương trình giảng dạy

Tất cả

27 bài giảng ∙ (5giờ 3phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

3 đánh giá

5.0

3 đánh giá

  • hakjong0634님의 프로필 이미지
    hakjong0634

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    You explained ionic and PWA in an easy-to-understand way... You explained the concept of PWA and the approach to ionic in an easy-to-understand way. I'm very interested in ionic, so I hope there will be many other courses. Thank you.

    • cjswntjd0134님의 프로필 이미지
      cjswntjd0134

      Đánh giá 17

      ∙

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      I find Ionic more convenient to write in TypeScript than in JavaScript. The lecture is structured by functional development unit, so I think I can use it as a module unit when developing other things. Thank you for the lecture~

      • jingetta32850님의 프로필 이미지
        jingetta32850

        Đánh giá 2

        ∙

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        The course was really good I think I learned a lot about Ionic through this practical course IOS Android was a headache, but thanks to this, it seems to have been solved^^ Ah! Those who are planning to take the course, it would be much better if you first listen to the Ionic email authentication course (free) among the instructor's courses.

        Khóa học khác của killkch0331

        Hãy khám phá các khóa học khác của giảng viên!

        My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

        My Location - Find my location information using ionic3 and Google Map Api

        killkch0331

        This ionic3 course is very helpful not only to developers with ionic development experience, but also to beginners without ionic development experience, as it provides comprehensive information on the overall ionic project structure and development methods.

        초급

        초급

        IONIC

        My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

        My Location - Find my location information using ionic3 and Google Map Api

        killkch0331

        Building an offline first web with Ionic강의 썸네일

        Building an offline first web with Ionic

        killkch0331

        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.

        중급이상

        중급이상

        IONIC, PWA

        Building an offline first web with Ionic강의 썸네일

        Building an offline first web with Ionic

        killkch0331

        Email/Password User Authentication using Ionic3+Firebase강의 썸네일

        Email/Password User Authentication using Ionic3+Firebase

        killkch0331

        Tutorial on creating email/password user authentication using Ionic 3 + firebase

        초급

        초급

        IONIC, Firebase

        Email/Password User Authentication using Ionic3+Firebase강의 썸네일

        Email/Password User Authentication using Ionic3+Firebase

        killkch0331

        Khóa học tương tự

        Khám phá các khóa học khác trong cùng lĩnh vực!

        Building an offline first web with Ionic강의 썸네일

        Building an offline first web with Ionic

        killkch0331

        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.

        중급이상

        중급이상

        IONIC, PWA

        Building an offline first web with Ionic강의 썸네일

        Building an offline first web with Ionic

        killkch0331

        Introductory course from TypeScript to ionic6 (Angular-based)강의 썸네일

        Introductory course from TypeScript to ionic6 (Angular-based)

        nodeep777

        I recommend this to those who want to learn how to easily create and distribute Android apps, Windows apps, and iOS apps. We will teach you the basics of TypeScript rather than JavaScript and Angular!

        입문

        입문

        TypeScript, IONIC, Hybrid App

        Introductory course from TypeScript to ionic6 (Angular-based)강의 썸네일

        Introductory course from TypeScript to ionic6 (Angular-based)

        nodeep777

        TypeScript Basics for Ionic (ionic2) Development강의 썸네일

        TypeScript Basics for Ionic (ionic2) Development

        jeongmincha

        Let's learn Typescript as a preliminary step to learning Ionic2 Framework, one of the frameworks for developing hybrid apps.

        초급

        초급

        IONIC, TypeScript

        TypeScript Basics for Ionic (ionic2) Development강의 썸네일

        TypeScript Basics for Ionic (ionic2) Development

        jeongmincha

        Build a 10,000 Hours Rule App with PWA!강의 썸네일

        Build a 10,000 Hours Rule App with PWA!

        jejucoding

        Turn a web page currently being serviced as a PWA into an app service! We recommend this to those who want to experience PWA and app production in a simple way.

        초급

        초급

        Web Application, PWA

        Build a 10,000 Hours Rule App with PWA!강의 썸네일

        Build a 10,000 Hours Rule App with PWA!

        jejucoding

        Getting Started with PWA - Build Apps with Web Technology강의 썸네일

        Getting Started with PWA - Build Apps with Web Technology

        captain

        You can create an app that works in an offline environment using web technology. Learn about the historical background and key features of the development of progressive web apps, and create a real progressive web app using key technologies.

        초급

        초급

        Vue.js, Web Application, PWA

        Getting Started with PWA - Build Apps with Web Technology강의 썸네일

        Getting Started with PWA - Build Apps with Web Technology

        captain

        Angular Firebase Complete Conquest - PetStore Shopping Mall Project강의 썸네일

        Angular Firebase Complete Conquest - PetStore Shopping Mall Project

        nomad

        This is a practical project capacity building course that follows the Pet Store shopping mall Blueprint Application that can be applied to various fields using Angular Front-end and Firebase Back-end.

        중급이상

        중급이상

        Angular, PWA, Firebase

        Angular Firebase Complete Conquest - PetStore Shopping Mall Project강의 썸네일

        Angular Firebase Complete Conquest - PetStore Shopping Mall Project

        nomad

        Using Ionic Components Without React Angular강의 썸네일

        Using Ionic Components Without React Angular

        nodeep777

        If you have an environment that supports HTML and JavaScript, but not the Ionic platform, you can use Ionic components.

        초급

        초급

        IONIC

        Using Ionic Components Without React Angular강의 썸네일

        Using Ionic Components Without React Angular

        nodeep777

        Creating a job search site with Vue3 and Supabase강의 썸네일

        Creating a job search site with Vue3 and Supabase

        Michael Kwon

        From developing your own full-stack application to a Progressive Web App (PWA)!

        초급

        초급

        Vue.js, PWA, supabase

        Creating a job search site with Vue3 and Supabase강의 썸네일

        Creating a job search site with Vue3 and Supabase

        Michael Kwon

        My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

        My Location - Find my location information using ionic3 and Google Map Api

        killkch0331

        This ionic3 course is very helpful not only to developers with ionic development experience, but also to beginners without ionic development experience, as it provides comprehensive information on the overall ionic project structure and development methods.

        초급

        초급

        IONIC

        My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

        My Location - Find my location information using ionic3 and Google Map Api

        killkch0331