Tag: progressive web app

PWA Tutorial for Beginners #10 – The ‘Activate’ Event

PWA Tutorial for Beginners #10 – The ‘Activate’ Event

Hey gang, in this PWA tutorial we’ll take a look at the activate event, which fires when the service workers is activated in the browser. —————————————- 🐱‍💻 🐱‍💻 Course Links: + Course files – https://github.com/iamshaunjp/pwa-tutorial + Modern JavaScript Tutorial – https://www.udemy.com/modern-javascript-from-novice-to-ninja/?couponCode=NINJAYT 🐱‍💻 🐱‍💻 Other Related Courses: + Firebase Firestore Playlist – https://www.youtube.com/watch?v=4d-gIPGzmK4&list=PL4cUxeGkcC9itfjle0ji1xOZ2cjRGY_WB Firebase Authentication Tutorial…

PWA Tutorial for Beginners #11 – Lighthouse Audit

PWA Tutorial for Beginners #11 – Lighthouse Audit

Hey all, in this PWA tutorial we’ll take a side step and perform a little audit on our app so far, using the Lighthouse plugin built in to Chrome. —————————————- 🐱‍💻 🐱‍💻 Course Links: + Course files – https://github.com/iamshaunjp/pwa-tutorial + Modern JavaScript Tutorial – https://www.udemy.com/modern-javascript-from-novice-to-ninja/?couponCode=NINJAYT 🐱‍💻 🐱‍💻 Other Related Courses: + Firebase Firestore Playlist -…

PWA Tutorial for Beginners #9 – The Install Event

PWA Tutorial for Beginners #9 – The Install Event

Hey gang, in this PWA tutorial we’ll take a look at the install event (when the service worker is installed in the browser). —————————————- 🐱‍💻 🐱‍💻 Course Links: + Course files – https://github.com/iamshaunjp/pwa-tutorial + Modern JavaScript Tutorial – https://www.udemy.com/modern-javascript-from-novice-to-ninja/?couponCode=NINJAYT 🐱‍💻 🐱‍💻 Other Related Courses: + Firebase Firestore Playlist – https://www.youtube.com/watch?v=4d-gIPGzmK4&list=PL4cUxeGkcC9itfjle0ji1xOZ2cjRGY_WB Firebase Authentication Tutorial – https://www.youtube.com/watch?v=aN1LnNq4z54&list=PL4cUxeGkcC9jUPIes_B8vRjn1_GaplOPQ

Understand a Progressive Web App with Maximiliano Firtman

Understand a Progressive Web App with Maximiliano Firtman

Better understand a progressive web application in this video tutorial by expert trainer Maximiliano Firtman. For more free lessons, visit http://oreil.ly/2cKWgij. The idea of a progressive web app is that it is a model for creating app-like experiences using the latest web technologies progressively. A progressive web app should have the following features: – instant…

PWA Tutorial for Beginners #1 – What Are PWA’s?

PWA Tutorial for Beginners #1 – What Are PWA’s?

Hey gang, in this PWA Tutorial (Progressive Web Apps) for beginners, we’ll take a look at what a progressive web app is, and how we can create one with regular web technologies – like JavaScript, HTML & CSS. Before starting, make sure you have a good grounding in JavaScript. Modern JavaScript Tutorial – https://www.udemy.com/modern-javascript-from-novice-to-ninja/?couponCode=NINJAYT —————————————-…

Top 5 WordPress Plugins 2019

Top 5 WordPress Plugins 2019

I love having a solid foundation for my WordPress sites so I can make them as quickly and efficiently as possible. These are the plug-ins I personally include in every WordPress installation! The list is the following. 5. Smush (https://wordpress.org/plugins/wp-smushit/) 4. w3 Total Cache (https://wordpress.org/plugins/w3-total-cache/) 3. Yoast (https://wordpress.org/plugins/wordpress-seo/) 2. Elementor (https://wordpress.org/plugins/elementor/) 1. Progressive WordPress (https://wordpress.org/plugins/progressive-wp/)…

Why Progressive Web Apps are the future of Web Development

Why Progressive Web Apps are the future of Web Development

Progressive web apps are regular web pages but can appear to the user as a native app. They combine the best of the app and web worlds. They are accessed through the modern browsers and take advantage of features like service workers and web app manifests. For more info https://www.kreyonsystems.com/progressive-web-app.aspx

How We Built It (Chrome Dev Summit 2016)

How We Built It (Chrome Dev Summit 2016)

Four Progressive Web App vendors show you their journey to a great user experience. Watch more recordings from Chrome Dev Summit ’16 at: https://goo.gl/TkgXYM Subscribe to the channel: https://www.youtube.com/chromedevelopers Music by Terra Monk: https://goo.gl/xolmTV

Progressive Web Apps with Angular

Progressive Web Apps with Angular

Get a 100 PWA score on Lighthouse with Angular. In this episode, I will teach you how to configure your app to be 100% compliant with the progressive web app checklist provided by Google, making your app installable on compatible devices. Full Lesson Code: https://angularfirebase.com/lessons/installable-angular-progressive-web-app/ Demo App: https://firestarter-96e46.firebaseapp.com/ Lighthouse: https://developers.google.com/web/tools/lighthouse/ SW-Precache: https://www.npmjs.com/package/sw-precache-webpack-plugin