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

/

Web Development

Tạo trang web ngoại tuyến đầu tiên với Ionic

Trong bài giảng này, chúng tôi sẽ tạo một web danh bạ điện thoại đơn giản bằng cách sử dụng ionic và CouchDB, hiện được tối ưu hóa nhất cho việc phát triển PWA và giải thích cách nó có thể hoạt động ngoại tuyến trong suốt quá trình xây dựng.

(5.0) 1 đánh giá

17 học viên

  • killkch0331
IONIC
PWA

Dịch cái này sang tiếng Việt

  • Phát triển web ngoại tuyến đầu tiên

  • Cách sử dụng khung Ionic

  • Đồng bộ hóa dữ liệu bằng CouchDB và PouchDB

  • Thiết lập và quản lý nhân viên phục vụ

  • Phát hiện và xử lý lỗi thay đổi dữ liệu theo thời gian thực

  • Đánh giá hiệu suất bằng Lighthouse

Ionic + CouchDb + PouchDb = Tạo một trang web ngoại tuyến đầu tiên

Trong bài giảng này, chúng ta sẽ tạo một trang web danh bạ điện thoại đơn giản sử dụng Ionic và CouchDB, hiện là những nền tảng được tối ưu hóa nhất cho phát triển PWA. Chúng ta sẽ tìm hiểu quy trình và giải thích cách thức hoạt động ngoại tuyến của trang web này. Khái niệm PWA (Ứng dụng Web Tiến bộ) đang ngày càng được chú ý như một phương pháp luận phát triển web. Một trong những yếu tố chính của PWA là sự phụ thuộc vào mạng. Điều này có nghĩa là các dịch vụ web phải luôn khả dụng bất kể điều kiện mạng. Dịch vụ này được hỗ trợ bởi ServiceWorkers và một cơ sở dữ liệu hỗ trợ chức năng ngoại tuyến.

Bằng cách sử dụng tính năng Service-Worker được cung cấp theo mặc định trong dự án ionic và các tính năng đồng bộ hóa tự động do CouchDB và PouchDB cung cấp, các nhà phát triển có thể tạo ra 'trang web ngoại tuyến đầu tiên' có thể sử dụng ngay cả khi ngoại tuyến.

tính năng chính

  • ion 3
  • CouchDB
  • PouchDB
  • Web đầu tiên ngoại tuyến
  • PWA

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

  • Các nhà phát triển quan tâm đến việc phát triển PWA (Ứng dụng web tiến bộ)
  • Người mới bắt đầu với Ionic
  • Các nhà phát triển muốn tạo ra một trang web có thể sử dụng ngoại tuyến
  • Các nhà phát triển mới biết đến CouchDB và PouchDb

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ầu:
    • cordova (Cordova CLI): 7.1.0
  • các gói địa phương:
    • @ionic/app-scripts : 3.1.4 Nền tảng Cordova : 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ĐH: macOS High Sierra Xcode: Xcode 9.2 Phiên bản bản dựng 9C40b

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

Kim Chul-hyun, 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)

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • người mới bắt đầu phát triển web

  • Những người muốn tạo ứng dụng web yêu cầu chức năng ngoại tuyến

  • Các nhà phát triển quan tâm đến khung Ionic

  • Bất cứ ai muốn tìm hiểu cơ sở dữ liệu NoSQL

  • Những người thích học tập dựa trên thực hành

Xin chào
Đây là

2,065

Học viên

44

Đá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ả

14 bài giảng ∙ (2giờ 30phút)

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

Đánh giá

Tất cả

1 đánh giá

5.0

1 đánh giá

  • MVoth님의 프로필 이미지
    MVoth

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    좋은 강의 감사합니다 .

    477.582 ₫

    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!

    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!