Creating Progressive Web Apps with Vue

Name: Creating Progressive Web Apps with Vue
Author: Maximiliano Firtman

By Maximiliano Firtman

Language: English
Certificate: of completion
Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
Duration: 4 Hours 21 Mins

Now

9.99$

/$100

Create and publish apps using Vue, one of the most powerful frameworks for web designers and developers. Learn from scratch how to add interactivity to HTML and CSS with Vue.js, creating reusable components, and make it an installable app for iPhone, Android, desktop, and tablets thanks to the PWA platform.

Category	Course format	Language	Duration	Level
Code, Apps	Online	English with Subt.	4 Hours 21 Mins	Beginners, Intermediate & Professional

Description

We will start understanding Vue design patterns and how this framework can add interactivity easily and without too much effort to your websites, including how to navigate between different screens using the same page, known as a Single Page Application.

Then we will add what's needed to distribute your web app not just within the browser but as an offline-capable installable app, including browser publishing and App Store distribution. After this course, you will be ready to offer apps design and development to your service portfolio.

You will learn

Understanding PWAs
Exploring the VUE ecosystem
Create a Single Page Aplication (SPA)
Upgrading to a PWA
Publishing the the PWA

The course includes

4 hours 21 mins of practical and condensed knowledge
Immediate access to the entire collection of videos
Downloadable assets and final coder
Valuable links and resources
Documentation
Certificate of completion

Modules

What you will learn
in this course.

Lessons

Chapters

Duration
Lesson 1

Welcome

4

32:23 Mins

View more
- Introduction
  
  02:15 Mins
- Understand Progressive Web Apps
  
  16:03 Mins
- Understand Vue and the ecosystem
  
  04:19 Mins
- Vue in a nutshell
  
  09:46 Mins
Lesson 2

Starting with Vue

8

59:46 Mins

View more
- Setting up the environment
  
  05:43 Mins
- Testing the Project
  
  06:46 Mins
- Vue Project Structure
  
  07:21 Mins
- Template Syntax
  
  10:02 Mins
- Directives
  
  04:57 Mins
- Conditional and List rendering
  
  07:40 Mins
- Work with Styles in Vue
  
  07:39 Mins
- Event Handling and Forms
  
  09:38 Mins
Lesson 3

Creating the App

5

1 Hour 01 Mins

View more
- Structure the Project
  
  05:46 Mins
- Create the Vue Components
  
  19:40 Mins
- Add Interactivity
  
  18:13 Mins
- Use external library for SVG
  
  10:22 Mins
- Consume Web Services
  
  07:41 Mins
Lesson 4

Making a Single Page Application

6

46:37 Mins

View more
- Add the Vue Router plugin
  
  06:17 Mins
- Understand URLs in the new world
  
  06:21 Mins
- Pass arguments between pages
  
  08:28 Mins
- Create the Cart
  
  12:23 Mins
- Save form data to the server
  
  09:22 Mins
- Finishing the web app
  
  03:46 Mins
Lesson 5

Upgrading to a PWA

5

34:12 Mins

View more
- Add the PWA plugin
  
  02:48 Mins
- Set-up our PWA
  
  12:29 Mins
- Test offline ability
  
  08:07 Mins
- Choose a display mode
  
  04:05 Mins
- Add app-like styling
  
  06:43 Mins
Lesson 6

Publishing the PWA

4

24:46 Mins

View more
- Add installation meta data for Android
  
  09:10 Mins
- Create an Install button
  
  08:40 Mins
- Use display-mode media queries
  
  02:40 Mins
- Publish in App Stores
  
  04:16 Mins
Lesson 7

Conclusion

1

03:11 Mins

View more
- What's next
  
  03:11 Mins