NEW Special offer Creating Progressive Web Apps with Vue By Maximiliano Firtman
$100 $25
Creating Progressive Web Apps with Vue
English English, Spanish, French (+3) [Machine translation]
4 Hours 21 Mins Course

Creating Progressive Web Apps with Vue

SUMMER SALE!     $100 $25

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.

Apps are the king of the user experience these days. Creating Progressive Web Apps lets you leverage your experience creating websites for you or your clients by offering the users an optional installable experience for mobile and desktop devices.

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.

The subtitles are automatically generated, so the quality of the captions may vary.
Course Table of contents
What will you learn?

7 sections • 33 lectures • 4 hours 21 mins

  • Welcome
    4 lectures 32:23 Mins
    • 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
  • Starting with Vue
    8 lectures 59:46 Mins
    • 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
  • Creating the App
    5 lectures 1 Hour 01 Mins
    • 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
  • Making a Single Page Application
    6 lectures 46:37 Mins
    • 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
  • Upgrading to a PWA
    5 lectures 34:12 Mins
    • 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
  • Publishing the PWA
    4 lectures 24:46 Mins
    • 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
  • Conclusion
    1 lectures 03:11 Mins
    • What's next
      03:11 Mins

Is there a person in the world who has the full picture of what's going on in the Progressive Web Apps domain on every platform in every single browser? Yes - Maximiliano Firtman. And Maximiliano doesn't just gather this valuable information piece by piece from his technical investigations - he actively shares it with the global developer community by blogging, speaking, delivering keynotes.
Maxim Salnikov
Maxim Salnikov Developer Engagement Lead at Microsoft, Technical Conferences Organizer
Course details

Creating Progressive Web Apps with Vue

Creating Progressive Web Apps with Vue

By Maximiliano Firtman

$25 75% off $100


  • English
  • English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Beginners, Intermediate & Professional
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion
About the Speaker
Learn from the best
  • Maximiliano Firtman

    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.

Similar Courses