Quasar & Vue 3: iOS Page Transitions WITH Routes! [#1] (Real World App #9)

Published: 16 June 2021
on channel: Make Apps with Danny
9,153
239

In this video, you’re gonna learn how to use Quasar 2 & Vue 3, to create an app with beautiful iOS-style page transitions - where all pages have their own routes - from scratch.

This app features:

Multiple sections with child pages
Routes for all pages & child pages
Pages that keep alive
Swipe to go back
Dynamic content
All the behaviour you would expect from a mobile app
And much more!

We'll also get this app running and working as a Real iOS App on a Real iOS device!

In this series I'm documenting my journey creating a real world app from scratch, using Quasar 2, Vue 3 & Composition API. An app that will ultimately be deployed to the iOS, Android, Mac & Windows App Stores.

👉 Full playlist:    • Creating a Real World Quasar App (Vue 3)  

In each episode of this series, I’m gonna:

give a progress report of where I’m up to
talk about what I’ve learned
talk about any problems I’ve encountered
show you any interesting code & explain it
let you know what I’m gonna do next

0:00 Introduction
2:20 Progress Report
15:28 iOS Page Transitions: Getting Started
19:43 iOS-Style Layout
23:27 Routes & Pages
25:25 Global Page Component
29:46 Page Component - Style
36:20 Dynamic Header & Body Components
40:47 Child Page & Router View
44:05 Child Page Transition

👉 My Courses - https://dannys.link/courses
👉 Download Fudget: https://www.fudget.com
👉 My VSCode Setup - https://dannys.link/vscodesetup
👉 DONT CLICK THIS - https://dannys.link/dontclick


Watch video Quasar & Vue 3: iOS Page Transitions WITH Routes! [#1] (Real World App #9) online without registration, duration hours minute second in high quality. This video was added by user Make Apps with Danny 16 June 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,153 once and liked it 239 people.