강의

멘토링

로드맵

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

761 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,204

Learners

4,693

Reviews

3,812

Answers

4.9

Rating

17

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

    It was very easy to understand when I first started because you explained it in detail from the beginning. After learning and looking around, I found that there were more places where it was actually applied than I thought. I am very satisfied with the lecture content, but I was a little disappointed that the notification function, which is one of the great strengths of PWA, was missing. Of course, there are many materials if you Google it, but I still feel disappointed...

    • tester님의 프로필 이미지
      tester

      Reviews 2

      Average Rating 3.5

      4

      100% enrolled

      It's good to grasp the basic concepts. However, it's a shame that alerts are missing and the library usage is a bit disappointing. And there are parts that do not have branches provided on github.

      • calibou2904님의 프로필 이미지
        calibou2904

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        I took my first step into PWA. Thanks to the kind and detailed lecture, I was able to get started with the unfamiliar technology called PWA. I think many people are already using it, but there are still few related books, so I was at a loss. Thanks to this, it was a great help in getting started. However, if we could receive the sources or lecture notes explained in the lecture in advance, we could reduce cases where we can't focus on the lecture because we have to fill them out one by one. It seems difficult to disclose it due to copyright, but since it can be leaked in other ways, I hope that it is provided to the lecturers in PDF format or as a summary. In my case, it took some time because I made an error while following it.

        • mrjang2101483님의 프로필 이미지
          mrjang2101483

          Reviews 2

          Average Rating 4.5

          4

          100% enrolled

          It was good for building a foundation.

          • promotion0861님의 프로필 이미지
            promotion0861

            Reviews 11

            Average Rating 4.9

            5

            100% enrolled

            thank you :)

            Limited time deal

            $33.00

            23%

            $42.90

            captain's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!