The Web Platform Podcast

Latest Episodes:

127: PouchDB Apr 05, 2017

Show notes

Nolan Lawson a PM at Microsoft Edge joins us today to talk about PouchDB a popular open source project he's a maintainer of. PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser. In this episode we get into what PouchDB is good at and what type of projects would benefit from using PouchDB for their persistence layer (turns out, many!). PouchDB is framework agnostic but plays very well with many popular frameworks and libraries. Nolan gets into the performance of PouchDB and also what storage mechanisms it supports which include IndexedDB, WebSQL, LevelDB and many more. The episode takes a very unexpected turn leaving Justin, Danny and Leon wrapping up with some of their own PouchDB experiences.

Resources

Around the Web in Two Minutes

Friday 10th March - Password Rules are BS
- Co-founder of Stack Overflow Jeff Atwood publishes an article raging about how stupid password rules are.
- Very insightful article
- TLDR; Just use a long password, it's totally fine to use memorable words as long as it's long enough
- https://blog.codinghorror.com/password-rules-are-bullshit/
Wednesday 15th March - Chrome 57 throttles background tabs to increase battery life
- http://www.theverge.com/2017/3/15/14932718/google-chrome-browser-battery-life-tab-throttling
Tuesday 21st March - Mozilla Proposes "Obsidian" Web Graphics API
- Obsidian is a low-level API intended to provide a maximum feature set of the GPU to web applications. Similar to Vulkan, it's designed for WebAssembly, modern GPUs, and a multi-threaded environment.
- https://www.gamedev.net/news/index.html/_/programming/mozilla-proposes-obsidian-web-graphics-api-r62
Tuesday 21st March - Android O Announced
- Multi-process mode for WebView is enabled by default and API to let your app handle errors and crashes
- https://android-developers.googleblog.com/2017/03/first-preview-of-android-o.html
The "Option to mark an event listener to fire only once" feature is now under development in Microsoft Edge https://developer.microsoft.com/en-us/microsoft-edge/platform/status/eventlisteneronceoption/?q=event%20listener

Guests

Nolan Lawson (@nolanlawson)

Panel

Danny Blue (@dee_bloo)
Leon Revill (@RevillWeb)
Justin Ribeiro (@justinribeiro)

126: Gold Standard Checklist for Web Components Mar 29, 2017

Show notes

This week we are joined with special guests Jan Miksovsky and Rob Bearman from Component Kitchen to talk about their work on the Web Component Gold Standard. The Gold Standard is an open source project which outlines best practices for creating Web Components. The Gold Standard presents developers with a checklist they can use to ensure their Web Components are of exceptional high quality matching that of native elements. The episode goes into where the requirement for the Gold Standard came from and why it is such an invaluable resource for Web Component developers. This includes discussion on why code reuse on the web is so difficult and how Web Components and the Gold Standard can help. We also talk about the future of the Gold Standard and how the community can help make it even better.

Resources

Gold Standard: https://github.com/webcomponents/gold-standard/wiki

Around the Web in Two Minutes

Friday: webcomponents.js V1 polyfills got merged into master!
- https://github.com/webcomponents/webcomponentsjs
Monday: Universal Web Components by Jordan Last:
- A follow up from Jordan's talk at Web Component Remote Conference
- All about using Web Components for more than UI in the browser - even as far as building a Node Express server with them
- https://scotch.io/bar-talk/universal-web-components
- Episode 123 http://thewebplatformpodcast.com/123-universal-web-components
Monday: WebAssembly is now ready for browser to use
- Gone into MVP status
- Should be turned on by default in Firefox and Chrome by the end of the month, with Edge and Safari to follow
- http://www.infoworld.com/article/3176681/web-development/webassembly-is-now-ready-for-browsers-to-use.html
Tuesday: FireFox 52 Release
- Added Support for WebAssembly
- https://www.mozilla.org/en-US/firefox/52.0/releasenotes/
AMP Conf New York is in full swing.
- Alex Russell said this morning, "AMP is the most successful web components library in the world". https://twitter.com/cramforce/status/839488945364807682
- Catch the live stream and talks at https://www.ampproject.org.
Samsung Internet released into beta their Progressive Web Indication Badge.
- When the page you are viewing supports this feature, an indication badge will appear in the URL bar.
- https://www.sammobile.com/apk/samsung-internet-beta/samsung-internet-beta-5-4-00-3/

Guests

Jan Miksovsky (@JanMiksovsky)
Rob Bearman (@robbearman)

Panel

Danny Blue (@dee_bloo)
Leon Revill (@RevillWeb)
Justin Ribeiro (@justinribeiro)

125: Angular CLI and things Mar 29, 2017

Show notes

Tooling is an ever important topic in the world of web development. In this episode, Danny explains to Justin and Leon the upcoming features in Angular CLI, a tool that makes it easy to create an application that already works, right out of the box.

Resources

Panel

Danny Blue (@dee_bloo)
Leon Revill (@RevillWeb)
Justin Ribeiro (@justinribeiro)

124: Web Components, TypeScript, and Bears Oh My Mar 01, 2017

Show notes

Web Components Remote Conference is a two day conference all about Web Components. Kito Mann (@kito99) will be delivering a very interesting talk "Beautiful Web Apps with Polymer and TypeScript". This episode covers why Web Components are important, what challenges people face and some very interesting use cases for Web Components you probably never thought of.

Resources

https://github.com/Draccoz/twc (newer)
http://www.typescriptlang.org/
http://virtua.tech
http://knowesis.io/web/webcomponents
https://github.com/google/uniflow-polymer
https://github.com/Polymer/polymer/tree/2.0-typescript
https://github.com/nippur72/PolymerTS (what Kito has been using)
Web Components Remote Conference - https://wcremoteconf.com/

Guests

Kito Mann (@kito99)

Panel

Danny Blue (@dee_bloo)
Amal Hussein ()
Justin Ribeiro (@justinribeiro)

123: Universal Web Components Feb 01, 2017

Show notes

Web Components Remote Conference is a two day conference all about Web Components. Jordan Last (@lastmjs) will be delivering a very interesting talk "Universal Web Components" which takes the idea of Web Components for GUIs, throws it out the window and then uses Web Components to control a drone instead! With the Custom Elements and Shadow DOM specifications settled on V1 and greater browser support than ever now is the perfect time to be investing in Web Components. This episode covers why Web Components are important, what challenges people face and some very interesting use cases for Web Components you probably never thought of.

Resources

Jsdom - https://github.com/tmpvar/jsdom
AFrame - https://aframe.io/
Web Components Remote Conference - https://wcremoteconf.com/

Guests

Jordan Last (@lastmjs)

Panel

Danny Blue (@dee_bloo)
Leon Revill (@RevillWeb)
Justin Ribeiro (@justinribeiro)

122: JAMStack & Static Applications Feb 01, 2017

Show notes

Static Web Applications have evolved quite a bit over the past few years. They are now longer just a flat file with scripts added. Now they are fully functional application stacks. This might sound strange to some but the truth is out there. Listen to Brian Douglas (@BdougieYo) from Netlify chat about their structure and vision for Static Apps known as JAMStack.

Resources

JAMStack - https://jamstack.org/
https://www.quora.com/What-is-the-concept-behind-JAMstack
https://vimeo.com/163522126
Static site CMS - https://snipcart.com/blog/jamstack-clients-static-site-cms
Netlify - https://www.netlify.com/
Prerender.io - https://prerender.io/
Top Static Generators - http://www.staticgen.com/
JAMStack Radio -
Launch Darkly - https://launchdarkly.com/
GItShifter.io -
DraftJS - https://facebook.github.io/draft-js/
JAM Stack Radio - https://www.heavybit.com/library/podcasts/jamstack-radio/ep-5-graphql-at-github/

Guests

Brian Douglas (@bdougieYO)

Panel

Amal Hussein (@nomadtechie)
Erik Isaksen (@eisaksen)

121 The WebComponents.org Relaunch Jan 13, 2017

Show notes

WebComponents.org have long been a great resource for learning and understanding web components. Recently, Google along with several other developers have worked hard to make the site a place not only to consume information on web components, but to share your own components as well consume others.

Resources

WebComponents - https://webcomponents.org
Web Components Remote Conference - https://wcremoteconf.com

Guests

Taylor Savage (@TaylorTheSavage)
Sam Li (@samdotli)

Panel

Danny Blue (@dee_bloo)
Leon Revill (@RevillWeb)

120 Async TDD & Other Pyramids of Doom Jan 06, 2017

Show notes

Justin Searls chats with us on testing Asynchronous JavaScript as well as best practices for Continuous Integration, Unit testing vs. Integration testing, and tools we can use to help us understand how to test code.

Resources

Test Double - https://testdouble.com
Talks & articles by Justin:
Justin on JSJ - https://devchat.tv/js-jabber/226-jsj-test-doubles-with-justin-searls
Supertest - https://github.com/visionmedia/supertest
Pretender - https://github.com/pretenderjs/pretender
Sinon - http://sinonjs.org/
Testim - https://www.testim.io/
Cabybara - http://teamcapybara.github.io/capybara/
TestDouble's alternative to Sinon - http://blog.testdouble.com/posts/2016-03-13-testdouble-vs-sinon.html
Testem - https://github.com/testem/testem

Guests

Justin Searls (@searls)
Jan Tenpas (@jtp4)

Panel

Danny Blue (@dee_bloo)
Erik Isaksen (@eisaksen)

119 Testing Testing Testing Dec 22, 2016

Show notes

Danny, Erik, & Mark discuss their experiences and current challenges in testing code across their applications and services.

Resources

Panic - https://github.com/gundb/panic-server
Aphyr, Kyle Kingsbury, testing network partitions - https://aphyr.com/posts/281-call-me-maybe-carly-rae-jepsen-and-the-perils-of-network-partitions
Lighthouse
- Github - https://github.com/GoogleChrome/lighthouse
- Chrome Plugin - https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=en
- Jeff Posnick at PWA Conference - https://developers.google.com/web/shows/pwa-devsummit/amsterdam-2016/to-the-lighthouse-progressive-web-app-summit-2016
Benchmarkjs - https://benchmarkjs.com/
Mocha - https://mochajs.org/
Tape - https://github.com/substack/tape
Qunit - https://qunitjs.com/
Jasmine - https://jasmine.github.io/
Sinon - http://sinonjs.org/
Enzyme - https://github.com/airbnb/enzyme
Chai - http://chaijs.com/
Selenium - http://www.seleniumhq.org/projects/webdriver/
PTSD (tech talk) - https://youtu.be/BEqH-oZ4UXI
JSPerf replacement: http://jsbench.github.io/
Travis (automate tests on push to GitHub) - https://travis-ci.org/

118 Understanding GraphQL Dec 09, 2016

Show notes

Corey Speisman (@cdspeis) & Ben Wilson (@benwilson512) talk with the panel about the Facebook API Query Language known as GraphQL and it's various implementations including the FOSS Github project - Absinthe.

Resources

GraphQL - http://graphql.org/
Github API - https://developer.github.com/early-access/graphql/
Draft RFC Specification - https://facebook.github.io/graphql/
Using Node.js & GraphQL - https://blog.risingstack.com/graphql-overview-getting-started-with-graphql-and-nodejs/
Learn GraphQL - https://learngraphql.com/
JamStack Radio Podcast - https://www.heavybit.com/library/podcasts/jamstack-radio/ep-5-graphql-at-github/
Reactive GraphQL - http://info.meteor.com/blog/reactive-graphql
Absinthe GraphQL - http://absinthe-graphql.org/
Facebook GraphQL Github - https://github.com/graphql
Contentful - https://www.contentful.com
Jsonapi - http://jsonapi.org/
ExCheck - https://github.com/parroty/excheck
Graph IQL - https://github.com/graphql/graphiql
GraphQL Swapi - http://graphql-swapi.parseapp.com/

Our TOPPODCAST Picks

Follow Us

Stay Connected

Related Podcasts

Links

Stay Connected