Join Us For an Exclusive Workshop:
Progressive Web Applications and Offline

with Mike North and Steve Kinney

July 27th & July 28th, 2017 • 9:30am – 5:00pm CST

Attend Online

Live and Full HD

OR

Attend In-Person

From: Downtown Minneapolis, MN

Start Learning Today Level Up your Web Apps Money-back Guarantee

Join BOTH Mike North and Steve Kinney as we learn about Progressive Web Applications and Offline. By coding along with us for this two day work shop, you will…

  • Learn how to audit a web application for “Progressive Web Fitness” with Lighthouse, and to measure important performance metrics like “time to first load” and “time to interactive”.
  • Take a “classic” client-side-rendered single-page app, and make it work offline, without changing a single line of the app’s code.
  • Get hands-on experience with IndexedDb, a worker-friendly nosql database that’s built in to most browsers.
  • Build an example of the App-Shell architecture, where large portions of the UI load almost instantly
  • Walk through a proper HTTP/2 server-side rendering setup, by putting nginx in front of node.js
  • Learn how to apply Rollup and Prepack to your code, to shrink your production bundles down as much as possible
  • Learn what you can do to keep your JavaScript code fast, by taking a look at some aspects of JavaScript engines, and taking advantage of some tools to keep us on the speedy path.
  • * And much more…

All of the content relies on libraries that work in both node.js and the browser.





Your Instructor

Mike North

Mike is a modern web consultant, and Staff Engineer at LinkedIn, where he works with the Web Frameworks team to maintain the company’s tech stack. Over his 18 years of experience as a professional developer, he’s had vast amounts of experience working with, extending and debugging over a dozen code editors and IDEs.





Your Instructor

Steve Kinney

Steve is a senior front-end engineer at SendGrid. He is also the director emeritus and the founder of the front-end engineering program at the Turing School for Software and Design in Denver, Colorado—a non-profit developer training program. Steve is currently writing Electron in Action for Manning Publications.

Interact With the Instructor

Online & In-Person

Get Your Questions Answered

Spend A Full Day Immersed With Mike North and Steve Kinney

Progressive Web Apps become superheroes when they can, while still providing a great baseline experience on less modern browsers. They're reliable, fast, engaging, and although they can do many of the things users expect from native apps, they don't take up a lot of space, or require a long install process.

In this workshop, we'll begin with a “classic" single page app, that's a bit bulky in size, has a slow initial load, doesn't work offline, and provides a very “basic" mobile web experience. We'll then enhance it in several ways, so that when key technologies are supported in your users' browsers, their experience ends up being substantially better!

First, we'll add any mobile-specific metadata to the app, and look at how we can use android studio and the iOS simulator to test out our improvements. In order to reduce our page weight a little bit, we'll discuss how to choose between image types like png and jpeg, and some recent advances in compression.

Next, we'll add a service worker, and apply a few caching strategies to ultimately allow our app to work offline! Additionally, we'll take advantage of IndexedDb, so that new data created on a mobile device can be stored as a structured record, available both in our application and service worker scopes.

Finally, we'll work on reducing our initial page weight, by applying code splitting, and reduce the size of our bundles with Rollup and Prepack. In the end, our “classic" app will load quickly on the first visit, and nearly instantly for every visit thereafter!

Included with Frontend Masters Membership

When

Where

Watch Now

How We'll Spend the Day

We've already held over 100 workshops holding thousands attendees both in-person and online. In this time we've discovered ways to schedule the day so it goes smoothly and efficiently.

Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

The Workshop Day 1:

9:30 Welcome and Setup
9:45 From MPA to SPA to PWA
10:15 Audits and Instrumentation
10:45 Exercise: Progressive Web Examples
11:00 HTTP Caching
11:30 Using AppCache (responsibly)
12:00 Exercise: Appcache
12:30 Service Workers
1:00 Lunch
2:00 Exercise: Service Workers 1
2:30 Service Worker Cache APIS
3:00 Exercise: Crushing Caches
3:30 Basic IndedDB
4:00 Exercise: IndedDB IDB
5:00 Indexes, Version Migration and IndexedDB 2.0
6:00 Exercise: IndedDB2.0 and Migrations
6:30 Recap and Wrap Up

The Workshop Day 2:

9:30 Welcome and Recap
9:45 Mobile and Social Metadata
10:15 Exercise: Mobile Web, as an APP!
10:45 Push Notifications
11:00 Payment Processing
11:30 Background Tasks
12:00 Exercise: Background Processes
12:30 Building Improvements: Tree Shaking
1:00 Lunch
2:00 Exercise: Tree Shaking
2:30 Building Improvements: Partial Evaluation
3:00 Exercise: Partial Evaluation
3:30 Code Improvements: A V8 Primer
4:00 Exercise: Constant Shakes and Hot Functions
4:30 Network Improvements: HTTP/2
5:00 APP Shell
5:30 Exercise: APP Shell
5:45 PRPL
6:00 Exercise: PRPL
6:30 Wrap Up

*We'll try to stick to the schedule but the event is live so is subject to change.


The Price

The price for attending this 2-day workshop is simply the cost of becoming a monthly ($39) member. If you have already attended one, you know this is a tremendous value. If you haven’t, you may be wondering if it’s truly worth becoming a member.

Browse through just a few of the testimonials and you’ll see that people RAVE over these workshops. They’re unique and provide an experience and education you simple cannot find anywhere else.

You’re getting access to some of the brightest, most highly sought after experts in the world, covering topics very few people discuss in detail. Many attendees report learning more in this 2-day workshop than they did about a particular topics in the past 1-2 years combined.

Combine that with access to thousands of unique, high quality videos in our membership area with 500 hours of in-depth training from world renowned experts and you’ll see why this is a bargain.

  1. These workshops are different from any others you’ve attended. They cover everything, from the basics to advanced material. All of which are available for replay so you can go back and review as your skill grows.

  2. We get a lot of people saying they are scared to join… until it was over. Then they brag about how much of an amazing value they got for the price.

  3. You’re also getting videos of the workshop, plus ALL other workshops we’ve recorded, instantly!

Watch Now

Is This Workshop For Me?

This workshop is for people who want to bring their web applications to the next level, and leverage the full current offline capabilities to their fullest extent.

Prerequisites

A knowledge of HTML, CSS and JavaScript is required.

You'll Either LOVE This Workshop Or You Don't Pay. Period.

Our attendees are ecstatic by the high-quality, relevant content they receive at these workshops.

We cover everything in explicit detail (and the things we miss are covered by answers to YOUR questions) from basic to advanced tactics you can start working with the very same day. We don't want you to miss out on this opportunity because you've been to less-than-stellar workshops in the past. We promise you, ours are very unique.

That's why if you attend the workshop and aren't absolutely thrilled with the content… if you don't think it's worth the admission price… We refuse to accept your money. We will more than gladly issue you a full refund, so you risk nothing.

We're very specific about what you're getting here and have ran lots of workshops… so we've almost never have requests for refunds (99.8% satisfaction rate).

MJG Workshop Center • 60 South Sixth Street, Suite 3625, Minneapolis, MN, 55402

What Past Attendees Are Saying

"Superb presentation from a genuine domain expert. I learned a ton today."

Steve Jakubowski

"Keep up the good work. I've attended a lot of online workshops, and they are very shallow and unpractical. Most of the time, online people are treated as second class, but still paying citizens. Here we get all the content and get to participate as well (if only there was a way to get those cookies...)."

Adrian Murillo

"The class was great. It was really cool to get a bunch of links to example code to look at during the presentation and after the class."

Nate Yourchuck

"Good location and facility. Great technology for capture, presentation layout and video streaming. Really excellent being able to view the videos afterwards. It takes away the sense of having to absorb everything immediately or else lose it into the ether. It was fun. What more can you ask for?"

Laurence Bates

"Really well run...loved the communication pre-event. Very impressed with everything...this was my first online conference purchase, but I would definitely consider doing it again."

Jeff Sims

"I really enjoyed the online workshop experience. It is much better than just watching videos. I was able to participate in the conversations and benefit from other folks' questions."

Dana Greenberg

"You guys did a really great job! I cannot say enough good things about the experience."

Richard Ranke

"Everything was first class: excellent instructor, material, video, moderator, audio. Thank you!"

Oscar Pagani

My name is Marc Grabanski I'm the founder of Frontend Masters. I guarantee this workshop will be awesome. Period.

If you don't think it's worth 10x the value, I'm happy to give you back every penny. That's my promise to you!

Marc Grabanski
Founder Frontend Masters