TeraTech

The ColdFusion Experts: Develop | Secure | Optimize

  • Services
  • About
  • CF Alive
  • Blog
  • Podcast
  • Contact

  • Services
  • About
  • CF Alive
  • Blog
  • Podcast
  • Contact

073 Progressive Web Apps (A Gentle Intro for CFers who are scared of PWAs) with Ray Camden

May 7, 2018 By Michaela Light 1 Comment

Raymond Camden talks about “Progressive Web Apps (A Gentle Intro for CFers who are scared of PWAs)” in this episode of ColdFusion Alive podcast with host Michaela Light. By our nature web developers are prone to anxiety.

Contents

  • Episode Highlights
  • Mentioned in this episode
  • Bio
  • Interview Transcript:

Episode Highlights

  • What is a Progressive Web App (PWA) from a high level
    • The next level from Web 2.0
    • “Progressive Web Apps are user experiences that have the reach of the web, and are:
      • Reliable – Load instantly and never show the downasaur, even in uncertain network conditions.
      • Fast – Respond quickly to user interactions with silky smooth animations and no janky scrolling.
      • Engaging – Feel like a natural app on the device, with an immersive user experience.”
  • What is a PWA in more detail?
    • A Progressive Web App is:
  • Progressive – Works for every user, regardless of browser choice because it's built with progressive enhancement as a core tenet.
  • Responsive – Fits any form factor: desktop, mobile, tablet, or whatever is next.
  • Connectivity independent – Enhanced with service workers to work offline or on low-quality networks.
  • App-like – Feels like an app, because the app shell model separates the application functionality from application content .
  • Fresh – Always up-to-date thanks to the service worker update process.
  • Safe – Served via HTTPS to prevent snooping and to ensure content hasn't been tampered with.
  • Discoverable – Is identifiable as an “application” thanks to W3C manifest and service worker registration scope, allowing search engines to find it.
  • Re-engageable – Makes re-engagement easy through features like push notifications.
  • Installable – Allows users to add apps they find most useful to their home screen without the hassle of an app store.
  • Linkable – Easily share the application via URL, does not require complex installation.
  • (from https://developers.google.com/web/progressive-web-apps/ )
  • Why care?
    • Better UX, more engagement, more ad revenue or sales
  • How compare to a native app
    • Easier to build
    • Very easy to install (just go to the website link!)
    • Cross device on release
    • Not for complex
    • Progressive – grac
    • Background sync
    • Push notifications
  • How different from Responsive web apps?
    • Progressive apps are responsive with other features too
  • Famous Examples
    • Uber – runs great even on 2G networks
      • tech details https://eng.uber.com/m-uber/
    • Pinterest – user engagement time up 40%, ad revenue up 44%
      • Tech details https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154
    • Tinder – 90% reduction in download size
      • Tech details  https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0
    • Forbes – content load time down from 6.5 to 2.5 seconds, 40% increase in user engagement
      • Tech details https://digiday.com/media/new-mobile-site-forbes-boosted-impressions-per-session-10-percent/
  • What is the preferred way of building a PWA?
    • Uses Mobile chrome features
    • Frameworks
    • Bootstrap for the responsive part
    • Offline libraries for connectivity independence
  • What are you looking forward to at ITB?

Mentioned in this episode

  • https://developers.google.com/web/progressive-web-apps/
  • PWAstats.com
  • Chrome User Experience report (CrUX)
  • Brad Wood CommandBox episode

And to continue learning how to make your ColdFusion apps more modern and alive, I encourage you to download our free ColdFusion Alive Best Practices Checklist.

Because… perhaps you are responsible for a mission-critical or revenue-generating CF application that you don’t trust 100%, where implementing new features is a painful ad-hoc process with slow turnaround even for simple requests.

What if you have no contingency plan for a sudden developer departure or a server outage? Perhaps every time a new freelancer works on your site, something breaks. Or your application availability, security, and reliability are poor.

And if you are depending on ColdFusion for your job, then you can’t afford to let your CF development methods die on the vine.

You’re making a high-stakes bet that everything is going to be OK using the same old app creation ways in that one language — forever.

All it would take is for your fellow CF developer to quit or for your CIO to decide to leave the (falsely) perceived sinking ship of CFML and you could lose everything—your project, your hard-won CF skills, and possibly even your job.

Luckily, there are a number of simple, logical steps you can take now to protect yourself from these obvious risks.

No Brainer ColdFusion Best Practices to Ensure You Thrive No Matter What Happens Next

Coldfusion Alive Best Practices Checklist

ColdFusion Alive Best Practices Checklist

Modern ColdFusion development best practices that reduce stress, inefficiency, project lifecycle costs while simultaneously increasing project velocity and innovation.

√ Easily create a consistent server architecture across development, testing, and production

√ A modern test environment to prevent bugs from spreading

√ Automated continuous integration tools that work well with CF

√ A portable development environment baked into your codebase… for free!

 

Learn about these and many more strategies in our free ColdFusion Alive Best Practices Checklist.

https://traffic.libsyn.com/coldfusionalive/073_Progressive_Web_Apps_A_Gentle_Intro_for_CFers_who_are_scared_of_PWAs_with_Ray_Camden.mp3

Podcast: Play in new window | Download | Embed

Subscribe: RSS

Bio

Raymond Camden is a senior developer advocate for Auth0 Extend. His work focuses on Extend, serverless customization, and the web in general. He's a published author and presents at conferences and user groups on a variety of topics. Raymond can be reached at his blog (www.raymondcamden.com), @raymondcamden on Twitter, or via email at [email protected].

Raymond Camden

Interview Transcript:

Michaela 0:01
Welcome back to the show today we're talking about progressive web apps, something that you might have been afraid of. But after this gentle introduction from Ray Camden, you are going to be all over them. And he's going to be speaking at into the box about this topic, and very excited to have him if you're not sure what a progressive web app is, will go into that. But it seems to be reliable, fast, engaging,

connectivity, independent, responsive, all kinds of good things will go into the details of what it is what technologies you might use to make it appear in your web app. So and if you don't know, Ray is the sub in senior developer advocate for off zero, extend. And he works on extend and service customization and a web in general. And he talks at all kinds of conferences, as well as into the box. So welcome, Ray. Thank you.

Raymond Camden 1:12
Thank you for having me. You're welcome. Always a delight. So what exactly is a web app, progressive web app progress, high level my level. So it is basically a set of expectations, certain functionality, I like to think of it, think of it like we used to think of web two point O web two point O was a big marketing term, like four or five years ago. And there were certain expectations about what a web two point O app was. It uses Ajax, and pretty much that was it.

Read more

Related Posts

  • Spiral Web Talk VideoSpiral Web talk video
  • Query Of Query BugQuery of Query bug
  • 066 The Docker Revolution For Faster Coldfusion Development (And Easier Devops) With Bret Fisher – Transcript066 The Docker Revolution for Faster ColdFusion Development (and Easier DevOps) with Bret Fisher – Transcript
  • Sql Vs Nosql (Top 4 Key Differences Explained)SQL vs NoSQL (Top 4 Key Differences Explained)
  • Cold Depression And ColdfusionCold Depression and ColdFusion
  • Fusebox 5.5 To Release 12/1/07Fusebox 5.5 to release 12/1/07
  • Facebook
  • Twitter
  • LinkedIn

Filed Under: CF Alive Podcast

← Previous Post Into the Box 2018 Impressions and Presentations
Next Post → Is Control Better than Speed for your ColdFusion Apps?

Subscribe on iTunes

Popular podcast episodes

  • Revealing ColdFusion 2021 – Rakshith Naresh
  • CF and Angular – Nolan Erck
  • Migrating legacy CFML – Nolan Erck
  • Adobe API manager – Brian Sappey
  • Improve your CFML code – Kai Koenig

CF Alive Best Practices Checklist

Modern ColdFusion development best practices that reduce stress, inefficiency, project lifecycle costs while simultaneously increasing project velocity and innovation.

Get your checklist

Top articles

  • CF Hosting (independent guide)
  • What is Adobe ColdFusion
  • Is Lucee CFML now better than ACF?
  • Is CF dead?
  • Learn CF (comprehensive list of resources)

Recent Posts

  • 115 ACF and Lucee roundtable (Part 2) with Charlie Arehart, Gert Franz, Mark Drew and Ben Nadel
  • CFCamp 2018: Madness in Munich – Recap Day 1
  • 043 Revealing the ColdFusion 2018 Roadmap details, with Rakshith Naresh
  • Adobe ColdFusion Conferences (Comprehensive list)
  • 055 How to implement Adobe’s API Manager (with Swagger, ColdFusion, and API’s) with Brian Sappey

Categories

  • Adobe ColdFusion 11 and older
  • Adobe ColdFusion 2018
  • Adobe ColdFusion 2020 Beta
  • Adobe ColdFusion 2021
  • Adobe ColdFusion Developer week
  • Adobe ColdFusion Project Stratus
  • Adobe ColdFusion Projects
  • Adobe ColdFusion Security
  • Adobe ColdFusion Summit
  • Auto Security Lockdown
  • AWS
  • CF Alive
  • CF Alive Podcast
  • CF Camp
  • CF Tags
  • CF Vs. Other Languages
  • CFEclipse
  • CFML
  • CFML Open- Source
  • CFUnited
  • ColdBox
  • ColdFusion and Cold Depression
  • ColdFusion and other news
  • ColdFusion community
  • ColdFusion Conference
  • ColdFusion Consulting
  • ColdFusion Developer
  • ColdFusion Development
  • ColdFusion Hosting
  • ColdFusion Maintenance
  • ColdFusion Roadmap
  • ColdFusion Security
  • ColdFusion Training
  • ColdFusion Webinar
  • CommandBox
  • Docker
  • Fixinator
  • Frameworks
  • Fusebox
  • FusionReactor
  • IntoTheBox Conference
  • Java
  • JavaScript
  • JVM
  • Learn CFML
  • Learn ColdFusion
  • Legacy Code
  • Load Testing
  • Lucee
  • Microsoft Azure
  • Mindmapping
  • MockBox
  • Modernize ColdFusion
  • Open- Source
  • Ortus Developer Week
  • Ortus Roadshow
  • Performance Tuning
  • Programming Languages
  • Server Crash
  • Server Software
  • Server Tuning
  • SQL
  • Survey
  • Survey results
  • TestBox
  • Transcript
  • Uncategorized
  • Webinar
  • Women in Tech
  • Home
  • Services
    • ColdFusion Consulting
    • ColdFusion Development
    • ColdFusion Maintenance
    • ColdFusion Security
  • About Us
  • CF Alive
    • CF Alive Book
    • CF Alive Inner Circle
    • CF Alive full resources cheatsheet
  • Blog
  • Podcast
    • Podcast Guest schedule
  • Contact
  • Sitemap

The ColdFusion Experts:
Develop, Secure, Optimize

TeraTech Inc
451 Hungerford Drive Suite 119
Rockville, MD 20850

Tel : +1 (301) 424 3903
Fax: +1 (301) 762 8185

Follow us on Facebook Follow us on LinkedIn Follow us on Twitter Follow us on Pinterest Follow us on YouTube

Copyright © 1998–2022 TeraTech Inc. All rights Reserved.