New season, New skills! All Courses at $9.99

Creating Progressive Web Apps with Vue

  • 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
  • Lesson 1
    Welcome
    • Introduction
    • Understand Progressive Web Apps
    • Understand Vue and the ecosystem
    • Vue in a nutshell
  • Lesson 2
    Starting with Vue
    • Setting up the environment
    • Testing the Project
    • Vue Project Structure
    • Template Syntax
    • Directives
    • Conditional and List rendering
    • Work with Styles in Vue
    • Event Handling and Forms
  • Lesson 3
    Creating the App
    • Structure the Project
    • Create the Vue Components
    • Add Interactivity
    • Use external library for SVG
    • Consume Web Services
  • Lesson 4
    Making a Single Page Application
    • Add the Vue Router plugin
    • Understand URLs in the new world
    • Pass arguments between pages
    • Create the Cart
    • Save form data to the server
    • Finishing the web app
  • Lesson 5
    Upgrading to a PWA
    • Add the PWA plugin
    • Set-up our PWA
    • Test offline ability
    • Choose a display mode
    • Add app-like styling
  • Lesson 6
    Publishing the PWA
    • Add installation meta data for Android
    • Create an Install button
    • Use display-mode media queries
    • Publish in App Stores
  • Lesson 7
    Conclusion
    • What's next

Meet the teacher

Maximiliano Firtman

Independent Mobile & Web Developer

Max Firtman (@firt) is a mobile + web developer, trainer, speaker, and writer. He has authored many books, including Programming the Mobile Web and High Performance Mobile Web published by O’Reilly Media, and many online courses. He is a frequent speaker at conferences worldwide and he has been widely recognized for his work in the mobile-web community. He teaches mobile (Android & iOS), HTML5, JavaScript, Progressive Web Apps and web performance trainings for top companies around the world.

Now
9.99$
/$100

Course Content

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.

Features

  • English
  • English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Beginners, Intermediate & Professional
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion

If you have any questions about this course, please contact us

Start the course and upskill your professional toolkit.

Related courses

Find more courses
like this one.

Currently we have more courses for you View All Courses