The Web Platform Podcast : 24: ServiceWorkers and High Performance Offline Apps

Possibly related…

  1. The Web Platform Podcast : 60: Offline First

    Summary

    The Offline First Heroes, Jan Lehnardt (@janl), John Kleinschmidt (@jkleinsc), Alex Russell (@slightlylate), and Jake Archibald (@jaffathecake) join forces to chat on why web developers should be designing and building with offline capabilities in mind from the beginning. From emerging standards like ServiceWorker to well thought out web frameworks like Hood.ie & UpUp, there are many differnt approaches and reasons why we would develop with an offline first mentality. There are so many gotchas and so many pro tips that have come out of the lessons learned by these offline web evangelists. For better or worse the technical marvels of development in this engineering arena are hard to visualize demo much like the features of good security or performance. Offline is vital and integral to the web just as security and performance are vand it should not be an afterthought in our designs.

     

    Resources

    Offline First - http://offlinefirst.org/

    The Original Offline First Article: http://hood.ie/blog/say-hello-to-offline-first.html

    Hood.ie - http://hood.ie/

    Offline First on IBM Cloudant - https://www.youtube.com/watch?v=PEHGSiC9_ck

    Beyond Offline - https://medium.com/@slsoftworks/beyond-offline-bf5c013ec8e7

    Building Offline mobile apps - http://www.mobilitytechzone.com/topics/4g-wirelessevolution/articles/2015/07/06/406205-how-build-an-offline-ready-mobile-app-why.htm

    A List Apart article - http://alistapart.com/article/offline-first

    UpUp - https://www.talater.com/upup/

    Application Cache - http://www.html5rocks.com/en/tutorials/appcache/beginner/

    ServiceWorker Spec - https://github.com/slightlyoff/ServiceWorker

    ServiceWorker Explainer Document - https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md

    Is ServiceWorker Ready Yet? - https://jakearchibald.github.io/isserviceworkerready/

    ServiceWorker W3C Spec - http://www.w3.org/TR/service-workers/

    Service Worker Explained on MDN - https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API

    ServiceWorker News - https://twitter.com/service_workers

    Service Worker Platinum Polymer Elements - https://github.com/PolymerElements/platinum-sw

    Offline Cookbook - https://jakearchibald.com/2014/offline-cookbook/

    Safari is the new IE - http://nolanlawson.com/2015/06/30/safari-is-the-new-ie/

    Service Worker Toolbox - https://github.com/GoogleChrome/sw-toolbox

    ServiceWorkerWare - https://github.com/gaia-components/serviceworkerware

    Capability Reporting with ServiceWorker - https://www.igvita.com/2014/12/15/capability-reporting-with-service-worker/

    HospitalRun - http://hospitalrun.io/

    Angular Remote Conf

    Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend.

     

    The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to  get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings

    DevFestDC 2015

    The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference  with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others.

     

    Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now!

    Panelists

    Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies

    Justin Ribeiro (@justinribeiro)  - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures

    James Duvall (@JamesDuvall) - Director of Technology at Stickman Ventures

    http://thewebplatform.libsyn.com/60-offline-first

    —Huffduffed by agileone

  2. Episode 33 – Client-side Components – (40 minutes)

    Kerry and Rinat return from their summer break to discuss their initial explorations into client-side development.

    This episode, and the two episodes after it, cover a two month period in which Rinat and Kerry went off to write some new client code for their Getting Things Done(tm) sample project.

    They start this three-part spike with a simple WinForms client, and end it with the beginnings of their cross-platform mobile application.

    Download (mp3): Episode 33 – Client-side Components – (40 minutes)

    Subscribe via RSS | Subscribe for free in iTunes

    Episode References:

    BTW Sample Code for E33 on GitHub

    Staged event-driven architecture

    Model–view–controller (MVC) pattern

    Model View ViewModel (MVVM) pattern

    Event Store

    Feedback and Finding Us

    What do you think?

    http://beingtheworst.com/2013/episode-33-client-side-components

    —Huffduffed by kyran

  3. The Web Platform Podcast : 113 UpUp and Away

    Tal Ater (@TalAter), creator of Annyang, a powerful speech recognition library for the web, has now created UpUp, an Offline First library using the power of Service Workers.  UpUp is an incredible asset for web developers wanting to build Progressive Web Applications (PWA’s) Resources UpUp - https://www.talater.com/upup/ UpUp (Github) - https://github.com/TalAter/UpUp Are Service Workers Ready? -

    https://jakearchibald.github.io/isserviceworkerready/ Offline First Slack Channel  - http://offlinefirst.org/chat/ Tal’s new book - https://pwabook.com cache.adderall(⚡) - https://www.talater.com/adderall/ The Changelog 183 : The Offline First Revolution and Speech Recognition with Tal Ater - https://changelog.com/podcast/183 Jeremy Keith’s Service Worker link collection - https://adactio.com/links/tags/serviceworkers

    http://thewebplatformpodcast.com/113-upup-and-away

    —Huffduffed by agileone

  4. SmashingConf Whistler — John Allsopp on The Web’s Future is Offline

    The Web is in most people’s mind synonymous with the internet. And that of course means no internet connection, no Web. However this association is holding back how, and what, we build for the Web. Just as native apps can, once installed, run on a device even with poor or now connectivity, it’s a little known fact that so too can Web sites and apps. In this session, John will look at the technologies that enable the offline Web, including AppCache, Web Storage, and Service Workers, and more importantly the philosophy behind, and opportunity presented by the “offline first” Web. Whether you’re a developer who builds for the Web, or someone who designs Web experiences, you’ll come away with a whole new understanding of what we can build using Web technologies.

    ===
    Original video: https://vimeo.com/120474703
    Downloaded by http://huffduff-video.snarfed.org/

    —Huffduffed by AlanDalton

  5. The Web Platform Podcast : 9: Web Accessibility for JavaScript Components and Custom Elements

    In Episode 9, ‘Web Accessibility for JavaScript Components and Custom Elements’. Steve Faulkner (@stevefaulkner) from The Paciello Group and Marcy Sutton (@marcysutton) from Substantial discuss the lack of focus in product development today in building accessible applications & services. Many times web accessibility becomes an afterthought in creating a software product, having little prioritization from the business side until it is a problem. Retrofitting such an important part of our development can make web accessibility seem more like a chore with low ROI for the the time taken to implement it. It can be easy if developers know how to do it and hardly any work when it is successfully incorporated into a development process and it’s valued at the business level.

     

    With recent advances in the past few years in JavaScript MV* frameworks like Angular, React, & Ember we are seeing the need for web accessibility more and more. Heavy JavaScript applications tend to provide little or wrong functionality for things we take for granted like keyboard access. Examples on modifying these to better attend to user experience traditionally meant lots of overhead in development by forking the framework and updating it constantly. Based on the resources developers typically find in online searches & Roles the lack of good developer examples, WAI ARIA & even simple accessibility is easy to misunderstand.

     

    Many newer client side frameworks focus on componentization of HTML elements. Angular Directives, Ember Components, React Classes and Web Components. Componentization gives developers a chance to build much faster and easier Web Accessibility using various tools like WAI ARIA roles at a much more focused & reusable level. What is the future of Web Accessibility with these technologies? Why are we so concerned about Web Accessibility?

     

    References:

    https://github.com/marcysutton/accessibility-of-mvcs

    http://www.w3.org/TR/wai-aria/appendices#a_schemata

    https://www.youtube.com/watch?v=BgvDZZ8Ms8c

    https://www.youtube.com/watch?v=ZPsb-RR8SC0

    http://w3c.github.io/aria-in-html/

    https://www.youtube.com/watch?v=_IBiXfxhF-A

    http://www.polymer-project.org/articles/accessible-web-components.html

    http://marcysutton.com/target-corporate-website/

    http://www.w3.org/TR/2013/WD-components-intro-20130606/#decorator-section

    http://www.paciellogroup.com/blog/

    http://www.paciellogroup.com/resources/wat/

    http://www.w3.org/WAI/intro/aria

    http://webaim.org/

    https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

     

    http://thewebplatform.libsyn.com/web-accessibility-for-javascript-components-and-custom-elements

    —Huffduffed by nlindley

  6. Episode 34 – Model View Who? – (41 minutes)

    This episode is the second of a three part series on client-side development.

    Kerry and Rinat discuss the changes that were made to the sample’s WinForms client to make it easier to add new features.

    They review the three main contexts in their GTD sample, the benefits of passing around immutable state, and dig into graphical user interface architectures like MVC and MVVM.

    This sets them up for the next episode where they apply MVVM to the sample’s cross-platform mobile application.

    Download (mp3): Episode 34 – Model View Who? – (41 minutes)

    Subscribe via RSS | Subscribe for free in iTunes

    Episode References:

    BTW Sample Code for E34 on GitHub

    Martin Fowler’s article on GUI Architectures

    Free MvvmCross Training Videos compliments of @slodge – Stuart Lodge

    MvvmCross code on GitHub

    @mvvmcross on Twitter

    Micorsoft’s Roslyn compilers

    Model–view–controller (MVC) pattern

    Model View ViewModel (MVVM) pattern

    Feedback and Finding Us

    What do you think?

    http://beingtheworst.com/2013/episode-34-model-view-who

    —Huffduffed by kyran

  7. Engine Yard Cloud Out Loud S01E09: GitHub

    Today we’re releasing a special Saturday interview with Tom Preston-Werner of GitHub. Tom talks to us about his work revamping the search at GitHub using solr as well as how GitHub:FI is doing. We also talk to him about their new conference CodeConf, and some of the cool people that will be speaking at the event April 9 and 10. We also learn a little about their cool new campfire bot Hubot and there future plans of connecting him with an Arduino.

    download

    Tagged with git github

    —Huffduffed by lilspikey