강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Getting Started with PWA - Build Apps with Web Technology

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.

(4.7) 34 reviews

764 learners

  • captain
3시간 만에 완강할 수 있는 강의 ⏰
Vue.js
Web Application
PWA

Reviews from Early Learners

What you will learn!

  • Basic Concepts of PWA

  • Configuring the Web App Manifest

  • Creating offline web apps using service workers

  • Using PWA helper libraries

  • Setting up and debugging the actual development environment

A new weapon for web developers!
Have fun learning Progressive Web Apps 😉

Step by step,
Getting Started with PWA ✍


A type of application software delivered via the web.
It is created using common web technologies including HTML/CSS/JS.
It is built to work on any platform that uses a standards-compliant browser.


What do you learn? 🕶

Are you curious about how to create a web application that feels like a mobile application using HTML/CSS/JS? In this lecture, you will learn about the historical background and main features of the development of progressive web apps, and create an actual progressive web app using the main technologies.
I will share my know-how accumulated over the past two years on how to easily debug and solve real-world problems when learning about web app manifest files, service workers, etc. The overall lecture method is structured as a code-centered learning course .

The course is divided into three main parts.

  • Progressive Web App Demo and Introduction
  • Creating a Web App Manifest File
  • Handling Service Workers


Who can help? 🙋‍♀️

  • Beginner front-end developer who wants to create web applications that are highly usable even on mobile devices.
  • Web developer who wants to create mobile apps with HTML, CSS, and Javascript
  • Front-end developers who want to improve the performance and user experience of their web pages.
  • A publisher who only knows web technologies but needs to create a mobile app for his company
  • Hybrid apps are now the go-to for hybrid app developers who want to get away from it.

PWA, a technology that is already a trend


Captain Pangyo's
Are you curious about other lectures?

Inflearn Bestseller,
Captain Pangyo Vue.js series.

Getting started with Vue.js (click)

Vue.js Intermediate (Click)

Complete Guide to Vue.js (Click)

Ending Vue.js (Click)


Introducing the knowledge sharer 👨‍🏫

Jang Gi-Hyo (Captain Pangyo)

Interview with "People Met by Inflearn"

“Vue.js open source + with lecture revenue
Support Life Coding 😁”

We offer lecture discounts!

Series "Frontend Completed with Vue.js
Developer Roadmap" 25% off (click)

Middle and high school students with no income,
50% off for college students (click)

Recommended for
these people

Who is this course right for?

  • web developer

  • People interested in Progressive Web Apps

  • People who want to create a web app with offline capabilities

  • People who want to learn the latest web technologies

Hello
This is

48,773

Learners

4,756

Reviews

3,815

Answers

4.9

Rating

19

Courses

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

Curriculum

All

36 lectures ∙ (3hr 29min)

Published: 
Last updated: 

Reviews

All

34 reviews

4.7

34 reviews

  • mje님의 프로필 이미지
    mje

    Reviews 2

    Average Rating 4.5

    4

    94% enrolled

    最初から詳しく教えてくれて初めて始めたときにとても分かりやすかったです。学んで見てみると実際に適用されたところが思ったより多かったですね、講義内容はとても満足していますが、ちょうどpwaの大きな強みのひとつであるお知らせ機能が欠けていてちょっと惜しい感がありました。もちろんグーグルしてみると色々な資料が多いのですが、それでも惜しい感がありますね…

    • tester님의 프로필 이미지
      tester

      Reviews 2

      Average Rating 3.5

      4

      100% enrolled

      基本概念をつかむのはいいですね。ただ、残念なことはalertが抜けたり、ライブラリ活用法が少し残念です。そしてgithubに提供されているブランチのない部分があります

      • calibou2904님의 프로필 이미지
        calibou2904

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        PWA入門の最初の足を踏み出しました。 フレンドリーで詳細な講義のおかげで、PWAには不慣れな技術に入門しました。 すでに多くの人が使っているようですが、まだ関連書籍も少ない方なので幕を閉じました。 おかげで始めるのに大きな助けになりました。 ただし、講義で説明してくれるソースや講義の教案は、私たちもあらかじめ受け取れば 一気に記入するので講義に集中できない場合を減らすことができるようです。 著作権のために公開するのが難しいようですが、他の方法でも流出する可能性があるため、講義の受講者には PDF形式でも要約本でも提供されたらと思います。 私の場合は、途中でエラーが出て時間がかかりました。

        • mrjang2101483님의 프로필 이미지
          mrjang2101483

          Reviews 2

          Average Rating 4.5

          4

          100% enrolled

          基礎を積むのによかったです。

          • promotion0861님의 프로필 이미지
            promotion0861

            Reviews 11

            Average Rating 4.9

            5

            100% enrolled

            ありがとう:)

            $42.90

            captain's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!