강의

멘토링

로드맵

Programming

/

Front-end

Do it! Create a Progressive Web App

Let’s learn about PWA (Progressive Web App), the next-generation mobile strategy of global companies!

(4.9) 15 reviews

1,211 learners

  • easyspub
웹앱
vue
vuetify
PWA
Web Application
Vue.js
Vuetify

Reviews from Early Learners

What you will learn!

  • You can learn ES6+ essential features

  • View, from the basics to advanced beauty pies!

  • You can build your fundamentals through practice.

Create web and app in one place
All about Progressive Web Apps (PWAs)!

Google is leading the way, and MS and Samsung are paying attention!
Progressive Web Apps: Complete Guide in One Book

Aegis Publishing: Do it! Build a Progressive Web App

This video lecture, based on the book "Do it! Building Progressive Web Apps (Aegis Publishing)," covers Progressive Web Apps (PWA), a next-generation web technology attracting attention from global IT companies.

✅ Next-generation web technology, Progressive Web Apps (PWA)

✅ Basic responsive web development + PWA core application

✅ Direct distribution through Google Play

Develop basic responsive web using Vue.js, Vuetify, and modern JavaScript (ES6 or higher), and add core elements of PWA (Progressive Web Apps) to create web apps that run anywhere, on desktop or mobile.

You can also experience developing serverless web applications by utilizing Firebase to implement features such as real-time database connection, push notifications, and Google authentication, and we will even guide you through how to create a PWA as a hybrid app and distribute it directly to Google Play.

After taking this course, you'll learn how to develop and deploy mobile apps that deliver native-level performance and user experiences using modern web technologies—without having to learn a new programming language like Swift, Kotlin, or Java.


Table of Contents 🙆‍♀️

Hello! Progressive Web Apps

  • What is a Progressive Web App?
  • Six Core Technologies Representing Progressive Web Apps
  • Installing Visual Studio Code
  • Creating a 'Hello' Example

Learn only the essentials of modern JavaScript.

  • Reusable block functions
  • Variable declaration
  • Arrow functions
  • Exporting and Importing Modules

Building a PWA with Pure JavaScript

  • Check out 'Hello! PWA by JS'
  • Writing a Manifest
  • Creating the main screen
  • Creating and Running a Service Worker

Building the View Foundation

  • Vue, the undisputed powerhouse of JavaScript frameworks
  • Creating a 'Hello!' Example
  • One-way binding and the v-bind directive
  • Two-way binding and the v-model directive

Learn advanced View features

  • Complex logic and computed properties
  • Event handler logic and methods property
  • Creating HTML elements with components
  • Component properties props

The knowledge sharer of this lecture is

Kim Eung-seok 🎓

Before becoming a professor, he served as a development team leader and technical director, gaining experience in the IT industry. He is also an IT expert and author whose books have been adopted as textbooks at over 100 universities nationwide. He is dedicated to guiding modern web app development and design methods at the "CODE*DESIGN Web App (code-design.web.app)" community cafe, which focuses on progressive web app development and UI/UX design. His books include "Do it! Easily Learn Web Apps & Hybrid Apps," "How to Fully Utilize Google," "New Hangul Visual Basic 6," "Hello Turbo C," and "Hello Computer Guide."

History

  • Graduated from Hanyang University's Department of Computer Engineering and completed a doctorate in Media Art from Soongsil University.
  • Currently working as an information design and web UI/UX design instructor at the Department of Multimedia Design at Ansan University.

Recommended for
these people

Who is this course right for?

  • Anyone curious about creating a real app

  • New to Progressive Web Apps

Hello
This is

14,984

Learners

247

Reviews

4.8

Rating

10

Courses

사람을 구체적으로 도와주는 책을 만듭니다.
Do it! 시리즈 ㅣ 된다! } 시리즈

📕이지스퍼블리싱 출판사 홈페이지: https://www.easyspub.co.kr/Main/PUB

📗이지스퍼블리싱 IT 인스타그램: https://www.instagram.com/easyspub_it/

📘Do it! 스터디룸 네이버 카페: https://cafe.naver.com/doitstudyroom

Curriculum

All

32 lectures ∙ (6hr 14min)

Published: 
Last updated: 

Reviews

All

15 reviews

4.9

15 reviews

  • Jang Jaehoon님의 프로필 이미지
    Jang Jaehoon

    Reviews 594

    Average Rating 4.9

    5

    9% enrolled

    좋은 강의 감사합니다!

    • jeris님의 프로필 이미지
      jeris

      Reviews 6

      Average Rating 5.0

      5

      31% enrolled

      • BoBo님의 프로필 이미지
        BoBo

        Reviews 2

        Average Rating 5.0

        5

        31% enrolled

        쉽게 잘 알려주시네요. 잘 듣고 있습니다!

        • 박충환님의 프로필 이미지
          박충환

          Reviews 2

          Average Rating 5.0

          5

          31% enrolled

          • 이명환님의 프로필 이미지
            이명환

            Reviews 8

            Average Rating 5.0

            5

            31% enrolled

            Free

            easyspub's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!