The Web Platform Podcast

Ionic has focused on Angular for many years, but the recent move to Web Components has opened up new and exciting framework agnostic possibilities. Leon, Danny and Justin talk to Mike Hartington from Ionic about this and a new project called Capacitor a cross-platform API for building desktop, mobile and progressive-web apps. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/157-crossplatform-development-with-ionic-and-capacitor Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

In the past few years React has become a mainstay in the front end development community and React 16 has more to offer than ever. This week our hosts chat with Andrew Clark of the React core team about some of React's history as well as some of the new exciting things in React 16 and beyond. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/156-react-16-fiber-and-beyond Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Infrastructure is hard, that is one of the big reasons "the cloud" has become such a popular option, but it can still be difficult. As the website says: "WeDeploy helps you build from simple to complex applications. We give you predefined services that can speed up your development process." Our hosts welcome back Zeno Rocha and discuss the platform, what it can do and how it can improve your process. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/155-wedeploy Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Modern web development has a lot of cool stuff, but that cool stuff can come at a cost. Getting a development environment set up can be a task even for folks that know what they are doing. Enter StackBlitz, a way to get up and running with Angular, Ionic or React (with others on the way). This week our hosts talk to Eric Simons about the benefits of such a platform as well as some of the challenges with building it. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/154-stackblitz Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week we are joined by Patrick Kettner to find out what's new with Microsoft Edge. We ask about Web Component support, speak about the PWA story for Edge and learn a lot about how browsers decide which specifications to implement next. Also, find out what the Edge team are doing to improve DevTools and the development experience. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/153-microsoft-edge-in-2018 Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

You've seen the ads, you've heard the name, now let's take a dive into all things Firefox and Firefox Quantum. Our hosts talk with Matthew Claypotch about where Firefox is and where it is going in the future. Web Components, Progressive Web apps and performance improvements are only some of the things you can expect to hear about this week on the Web Platform Podcast. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/152-firefox-whats-new-whats-coming-in-2018 Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week Justin, Danny, and Leon talk about what they think is going to be important for the web in 2018. We talk about AI and an interesting experiment Danny has got involved with along with Leon's excitement for customized built-in elements an unadopted part of the Custom Elements spec. PWA's is a big topic where we talk about what this means for native app-store apps and we finish by sharing what we hope for in 2018. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/151-crystal-ball-fortunes-in-2018 Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Episode 150, we made it! This week on The Web Platform Podcast our hosts Justin Ribeiro, Amal Hussein and Leon Revill chat with Jeff Posnick and Matt Gaunt about WorkBox. Service workers are becoming more and more important to the web in the world of progressive web apps and WorkBox makes it easy. So tune in and learn how you can up your service worker game and how WorkBox can help. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/150-workbox-a-developer-toolkit-for-service-workers-and-beyond Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week Michael Prentice and Stephen Fluin join Danny Blue and Amal Hussein to chat about the current state of Angular. They go over the path to get to the Angular as it is now as well as the new features available in the latest version (5.1.1 as of this recording). Compilers, template, and Observables are discussed as well as build tools & schematics. Come listen about the Angular Platform on the Web Platform! Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/149-angular-a-platform-for-the-modern-web Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Chad Hart joins us for this episode to discuss what's happening in the world of WebRTC. We start with an introduction to the technology, what it can do and who is using it right now. We then discuss how WebRTC handles low-grade devices and connections and some parts of the technology which you may not have known about. WebRTC is driving many of the top real-time comms apps, this episode is a great overview of the technology with many useful resources and will surely get you excited about its many practical applications. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/148-what's-new-in-the-world-of-webrtc Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Henry Zhu (@left_pad), a maintainer for Babel, sits down to discuss the ins and outs of what's happening with the worlds most used JavaScript compiler. Henry takes us through what Babel does, how Babel works and describes some of its many features, some you may not have known existed. Henry also explains the TC39 staging process and how that applies to Babel and discusses the risks of using stage 0-1 features in production. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/147-next-generation-javascript-today-with-babel Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Software engineer, author, and Google Developer Expert Allen Firstenberg (@afirstenberg) visits the show to discuss what exactly identity for a user is. From pitfalls with our current thinking in identifying users to the latest technology in helping users sign in across multiple devices and platforms. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/146-web-authentication-with-google-identity Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary Hosts Amal, Danny, Leon, and Justin kick of the start of the holiday season by taking a moment to reflect on what they're thankful for when it comes to the web. From platform APIs like Service Worker, to the latest ECMAScript features like arrow functions, to a healthy warning of the impending FCC vote on net neutrality, this episode touches on a wide set of varied topics that every developer just might enjoy. Resources Fight for Net Neutrality Electronic Frontier Foundation Babel RxJs TC39 Proposal - Observable TC39 - Proposal Stages Arrow functions Function.prototype.bind() Workbox Polyfills and the Evolution of the Web Babel Preset Env Test/262 - Official ECMAScript Conformance Test Suite Hour of Code Panel Justin Ribeiro (@justinribeiro) Danny Blue (@dee_bloo) Leon Revill (@revillweb) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary Amahdy AbdelAziz from Vaadin joins us to share stories of where Vaadin got its name and awesome logo! We also talk about some decisions Vaadin made when creating its latest set of components including why they chose Web Components and Polymer. This Week in Web News VueJS 2.5.3 released which includes a nice list of bug fixes Apple has recently put forward a proposal for HTML Template Instantiation which will allow developers to instantiate HTML templates with variable content in a similar way to how Angular templating works with curly braces Another pre-release of Babel 7 is now available, that's 7-beta.31 TPAC 2017 happened last week where lots of people from W3C Working groups and other committees got together face-to-face to talk about the web platform - will be very interesting to see what came out of those discussions DotJS - Paris, France (30th November) FrontConf - Munich, Germany (8th December) The Rich Web Experience - Florida, U.S.A (5th December) Resources Vaadin GitHub Vaadin Elements Guests Amahdy AbdelAziz (@amahdy7) Panel Justin Ribeiro (@justinribeiro) Leon Revill (@revillweb) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary This week our panel talks with Ken Wheeler all about ReasonML. What is it? Why does it exist? Why should you care? Taking a systems language like OCaml and using it as a base for writing web applications might sound intimidating but Ken assuages our fears and discusses the benefits of the language and his experience with it. This Week in Web News Angular 5 and Angular-cli 1.5 released React 16.1.0-beta released Typescript 2.6 released Node 9 released Node 8 becomes LTS Super Mario Odyssey is out and it's awesome Guests Ken Wheeler (@ken_wheeler) Panel Danny Blue (@dee_bloo) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary This week Mark Erikson a Redux maintainer joins us to talk about Redux and its Ecosystem. Discover what Redux is, where it came from, who should use it, answers to common questions and so much more. This Week in Web News TypeScript 2.6 RC available on GitHub which includes new features such as strict function types, localized diagnostics and more The popular testing tool Cypress is now in public beta for the first time and has been made Open Source PayPal open sources a suite of cross-domain JavaScript tools Node 8.7.0 released which includes "a fancy new macOS installer" and more Babel 7 is getting closer with the release of v7.0.0-beta.3 GitHub have open sourced the accessibility scanner that they use to check websites for accessibility issues with elements Resources Redux Documentation Guests Mark Erikson (@acemarke) Panel Justin Ribeiro (@justinribeiro) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary Rachel Nabors joins us to chat all about the Web Animations API. Learn what benefits this API provides developers and when to use the Web Animations API instead of CSS or third-party JavaScript libraries. Find out how Rachel still delivers great web experiences to platforms which don't yet support the API and much more. This Week in Web News Minor version of TypeScript released: 2.5.3 which includes a long list of bug fixes Angular 5.0.0-rc.0 has been made available on GitHub The tc39 String#matchAll proposal has moved from stage 1 to stage 2: Checkout the link in the show notes to find out what it's all about React v16 released with features such as the ability to return strings and arrays from render and improved error handling Facebook to re-licence projects to MIT which previously had the BSD + Patents licence that caused outrage in the open source community Resources Rachel Nabors Courses on Animations & Cartooning Resources on the Web Animations API Web Animation Weekly Animation at Work Slack Animation at Work the Book CSS Animations and Transitions Course Awwwards site for awesome example of animations Greensock -- the jQuery of Web Animations Airbnb Lottie, Bodymovin' Houdini Project Guests Rachel Nabors (@rachelnabors) Panel Justin Ribeiro (@justinribeiro) Leon Revill (@revillweb) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary This week Nic Raboy and Matt Groves talk to us about the history and future of the popular Open Source Couchbase project. Learn about some of the great features the noSQL database has to offer and how you can get started with Couchbase today. Resources Developer Portal Couchbase Dev Twitter Couchbase Blog The NoSQL Database Podcast Couchbase Server Editions Guests Nic Raboy (@nraboy) Matt Groves (@mgroves) Panel Justin Ribeiro (@justinribeiro) Danny Blue (@dee_bloo) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary This week Erik Meyer joins us to talk about the past, present and future of CSS. Delving into some web history, discussing why CSS can be overlooked in regards to app development and the reasons people can be off-put by CSS this episode is a delightful insight into the mind of a web legend. Resources Angular 4.4.X released. Be sure to update to the latest patch in 4.4 as there was an issue with the initial release Quick shoutout to the npm package ng-packagr for making it simple to package angular modules for npm As of Firefox 57.0a1, U2F is sitting behind a flag, which hopefully land soon the ability to use YubiKeys and the related security keys Polymer 2.1.0 landed, which now allows the setting of Polymer.passiveTouchGeastures to enable better scroll performance iOS 11 begins rolling out today, which means that Safari 11 has a new set of fixes and features, including more standards compliant flexbox, flags to enable experimental features, WebRTC and Media Capture for real-time video/audio, and much more The upcoming iPhone X "notch" does seem to have workarounds for the web which is good news Guests Eric Meyer (@meyerweb) Panel Justin Ribeiro (@justinribeiro) Danny Blue (@dee_bloo) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary This week Justin Willis and Adam Bradley join us to talk about Stencil a new tool for building Web Components. We talk about how Stencil came about and what problems it solves and we get into how Stencil works its magic to provide features such as pre-rendering. This Week in Web News Safari Technology Preview 39 includes updates to the Beacon API, Directory Upload and the Fetch API Google Chrome 61 has dropped into stable with support for JavaScript Modules, Payment Request API, Web Share API, Web USB and more! The Yarn package manager has now hit version 1.0 which adds new features such as workspaces and auto-merging of lock files A new minor version of Vue.js has been released 2.4.3 with a range of bug fixes Babel v7.0.0 is now available as beta with a host of new features and bug fixes Resources srcgraph Stencil Website Guests Justin Willis (@justinwillis96) Adam Bradley (@adamdbradley) Panel Justin Ribeiro (@justinribeiro) Leon Revill (@revillweb) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary This week is a special episode! Recorded face-to-face at GDD Europe Amal Hussein interviews Wendy Ginsberg about life working on Polymer and what's next for the project. Resources Polymer 3.0 preview: npm and ES6 Modules Hands-on with the Polymer 3.0 preview Polymer 3.0 Preview — Building a mini card game Guests Wendy Ginsberg (@wmginsberg) Panel Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary This week the crew is joined by Lars Knudsen (@denladeside) and Kenneth Christiansen (@kennethrohde) to talk about the recent Polymer Summit and all of the awesome stuff revealed there. Are web components really ready? Who is using web components? Answers to these questions and more on this week's episode of the Web Platform Podcast. This Week in Web News YouTube has just had a new UI released which is written in Polymer Stenciljs, "The magical, reusable web component generator." announced at the Polymer Summit appears to be making waves in the Web Component community and we've just scheduled a podcast episode with the developers which should be released in the next couple of weeks! Node.js has been forked again over complaints of unresponsive leadership. The new project is called Ayo and is already available on GitHub: Google has just released a preview for ARCore and WebARCore for AR development on Android and on the web Apple has published guidelines for building Augmented Reality Interfaces to aid developers using ARKit Since last week four more frameworks have been added to custom-elements-everywhere, a website which scores JavaScript frameworks on their compatibility with Custom Elements. The frameworks what have been added include AngularJS 1.x, CanJS and Dojo 2 Resources User interface components for web apps All Polymer Summit 2017 talks Guests Lars Knudsen (@denladeside) Kenneth Christiansen (@kennethrohde) Panel Danny Blue (@dee_bloo) Leon Revill (@revillweb) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary This week Andrea Giammarchi joins us to talk about his latest project hyperHTML! A lightweight Virtual DOM alternative. Andrea talks us through what the project is all about and what he discovered about template literals to make it happen. We talk about how hyperHTML compares to Virtual DOM implementations and the similarities between hyperHTML and the newly announced lit-html. This Week in Web News TypeScript 2.5 RC is now available which includes a new ECMAScript feature allowing you to omit the error variable in catch statements Only a couple of days left to submit talk proposals for NationJS a full stack developer conference happening in Washington, DC on December 1st this year A new site created by Rob Dodson called Custom Elements Everywhere has been released which scores popular JavaScript frameworks on their compatibility with Custom Elements The Polymer team announced lit-html at the Polymer summit, lit-html allows you to write HTML templates with template literals and efficiently render and re-render them to the DOM - more on this later in the episode! Another update from the Polymer Summit: Polymer has announced support for npm and JavaScript modules Resources hyperHTML viperHTML nativeHTML Template Literals hyperHTML & DB Monster viperHTML example hyperMVC Guests Andrea Giammarchi (@WebReflection) Panel Justin Ribeiro (@justinribeiro) Leon Revill (@revillweb) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Summary This week Paul Kinlan the lead for Chrome developer relations talks to us about Modern Web APIs including Web Share and Shape Detection! Paul talks us through the origin trials process which allows new APIs such as these to get into developers hands early, allowing platform developers to get all important feedback. We then get stuck into what Web Share is and how it works and chat about the possibilities of the Shape Detection API. This Week in Web News Service Worker has moved into the development phase in WebKit! Axe-core the accessibility testing engine now supports ShadowDOM! FireFox 55 Released last week which includes Windows support for WebVR React Day Berlin which is happening on the 2nd December is now accepting talk proposals Chrome Beta 61 is now available including awesome features such as JS modules, WebShare & WebUSB Safari Technology Preview Release 37 is now available with initial support for sendBeacon among other things Chrome Team has released puppeteer, a modern Node API for controlling headless chrome Resources Introducing the Web Share API Web Share API: Chrome Status Creating a share button web component Shape Detection: Chrome Status Mozilla Web APIs Running an origin trial Signing up for an origin trial Status for new Chrome Web APIs Following with Chrome Dev Group Guests Paul Kinlan (@Paul_Kinlan) Panel Justin Ribeiro (@justinribeiro) Leon Revill (@revillweb) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Justin Willis from Ionic joins us this week to talk about hybrid app development with Ionic and some amazing work they have been doing with Web Components. Justin gives us an overview of the Ionic project, its background and how it makes building hybrid apps super easy. We then move on to talk about why Ionic have chosen to rebuild their components as Web Components and the benefits they are seeing from making this move. Mozilla moves the Shadow DOM feature backward from ASSIGNED to NEW signalling that we might have to wait even longer to get full Web Components support in FireFox: https://bugzilla.mozilla.org/show_bug.cgi?id=1205323 The ability to import JavaScript modules via a script tag is available behind a flag in Chrome 60 and will be enabled by default in Chrome 61 due for release at the beginning of september https://www.chromestatus.com/feature/5365692190687232 React 16 beta is now available which contains significant updates including a rewrite of React core https://github.com/facebook/react/issues/10294 Safari Technology Preview is now available which implements the JavaScript Object Spread feature, WebRTC fixes and much more - check it out https://webkit.org/blog/7833/release-notes-for-safari-technology-preview-36/ Most of you out there have probably aware of the popular message app Slack, recently it was announced Slack is now valued at $5 billion dollars https://www.inc.com/business-insider/slack-new-funding-round-250-million-5-billion-valuation-2017.html Summits abound for web devs everywhere. Upcoming summits include, Polymer Summit (Aug 22/23, Copenhagen), Microsoft Edge Web Summit (Sept 13, Seattle), Chrome Dev Summit (Oct 23/24, San Francisco) CSS Working Group is meeting at Mozilla Paris, where discusses of Houdini, frame animations, additive animations and Fonts Level 4 working draft have been topics of discussion. Guests Justin Willis (@justinwillis96) Panel Leon Revill (@revillweb) Justin Ribeiro (@justinribeiro) Danny Blue (@dee_bloo)

This week we talk about the exciting JavaScript framework Vue.js! Chad Campbell the author of the training course "Vue.js: Getting Started" educates us on the benefits of Vue.js which includes simplicity and performance. We talk about the tooling story for Vue, comparing it to other frameworks such as Angular and learn about Vue's powerful plugin system which allows developers to add core functionality as it's needed. Resources https://github.com/vuejs/vue-rx https://vuejs.org/v2/guide/typescript.html Integration with Web Components example: https://vaadin.com/vaadin-fw8-documentation-portlet/elements/integrations/integrations-vuejs.html https://vuejs.org/v2/guide/ssr.html Chad's Blog: https://www.ecofic.com/ Chad's training course's: Vue.js: Getting Started & Vue.js: Going Deeper (Coming Soon) Guests Chad Campbell (@chadcampbell) Panel Leon Revill (@revillweb) Justin Ribeiro (@justinribeiro) Danny Blue (@dee_bloo)

Danny, Justin & Amal get together with Kenneth Christiansen to talk about this year's Google I/O. With everyone having attended I/O the show is packed full of great content with discussions on AI, Shape detection, PWAs, Polymer, Kotlin and so much more! Resources New site comparing frameworks: hnpwa.com bit.ly/mustaches-io really shows how nice Shape Detection API and Media Capture has become! Web AR: https://uploadvr.com/google-chrome-getting-ar-api-daydream-support/ https://github.com/googlevr/chromium-webar https://t.co/PyhQiChW2i?amp=1 V8 JavaScript Language Survey: https://docs.google.com/a/revillweb.com/forms/d/e/1FAIpQLSegrt21-vrtT10OsZgSF5THwz8s30JNi6lrm_WoNigUjmZvzA/viewform Guests Kenneth Christiansen Panel Amal Hussein (@nomadtechie) Justin Ribeiro (@justinribeiro) Danny Blue (@dee_bloo)

This week on The Web Platform Podcast your hosts ask the question "Why aren't Web Workers more widely adopted"? Your hosts talk about what problems can be solved by Web Workers providing some interesting use cases and talk about their own experiences in past projects. Resources https://nolanlawson.com/2015/09/29/indexeddb-websql-localstorage-what-blocks-the-dom/ Around the Web in Two Minutes Chrome Canary gets JavaScript Modules https://jakearchibald.com/2017/es-modules-in-browsers/ TypeScript 2.3 Released https://blogs.msdn.microsoft.com/typescript/2017/04/27/announcing-typescript-2-3/ Firefox 53 arrives with new themes, separate graphics process https://venturebeat.com/2017/04/19/firefox-53-arrives-with-new-themes-separate-graphics-process-on-windows-and-compact-tabs-on-android/ Node.js 8.0.0 has been delayed until the end of May https://medium.com/the-node-js-collection/node-js-8-0-0-has-been-delayed-and-will-ship-on-or-around-may-30th-cd38ba96980d Published "A Practical Guide to Vanilla Web Components" my first Pluralsight course all about my favourite topic; Web Components. https://www.pluralsight.com/courses/vanilla-web-components-practical-guide Guests None Panel Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro) Danny Blue (@dee_bloo)

In this episode, Leon and Justin sit down with Jan Miksovsky and Rob Bearman of of the recently released Elix Project. Elix is a community-driven collection of high-quality web components for common user interface patterns such as lists, menus, dialogs, carousels, and so on. The modular nature of web components let you easily incorporate them into your web apps, and their standard definition ensures good results across all mainstream browsers. Resources https://elix.org/ https://github.com/elix/elix Around the Web in Two Minutes Preact 8.0 Beta Release https://github.com/developit/preact/releases/tag/8.0.0 Apple updates Safari Technology Preview to Release 27 with Web Inspector updates https://9to5mac.com/2017/04/05/safari-technology-preview-release-27/ Firefox Will Add a Settings Section That Lets You Control "Performance" https://www.bleepingcomputer.com/news/software/firefox-will-add-a-settings-section-that-lets-you-control-performance-/ Google Chrome update should prevent webpages skipping back to the top as you scroll farther down the page as it progressively loads new content http://www.theverge.com/2017/4/11/15260994/google-chrome-update-fixes-page-jumps-scroll-anchoring Work continues to bring the certificate viewer link back into Chrome's Page info window, with a code review ongoing for the update hopefully landing in M59. https://codereview.chromium.org/2737413004/ https://bugs.chromium.org/p/chromium/issues/detail?id=663971#c64 Twitter has been writing a series of informational posts on their path to Twitter Lite, a progressive web app at scale. One of the posts this week from Paul Armstrong dives into high performance and React: https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3 Microsoft Edge 15 has shipped to stable and brings a host of new features including Payment Request API, Brotli compression support, WebRTC v1, and CSS Custom Properties (among many more) https://blogs.windows.com/msedgedev/2017/04/11/introducing-edgehtml-15/#khMRm5zgmPDmllbl.97 https://www.pwastats.com/ is a new a community-driven list of stats and news around Progressive Web Apps and their ability to be better for end users. Guests Rob Bearman (@robbearman) Jan Miksovsky (@JanMiksovsky) Panel Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)

Developer bias is something all developers deal with either knowingly or not. Trey Shugart the creator of SkateJS joins us this week to discuss the advantages and disadvantages of developer bias. Following up on his talk at Web Componente Remote Conference we look at what problems developer bias causes us in our day to day lives and Trey provides some tips on how to step back and look at problems more objectively. Around the Web in Two Minutes Safari 10.1 Release Includes Fetch, CSS Grid Layout, ES2016-2017 Support & Custom Elements V1! This release also includes support for ES6 modules making Safari the first browser to ship this feature! https://webkit.org/blog/7477/new-web-features-in-safari-10-1/ Chrome DevTools landed JS/CSS coverage moved out of experiments Currently in Canary M59 Useful for identifying code which would be split/ or lazy loaded https://twitter.com/addyosmani/status/848907772318015488 Edge confirms that an updated CSS Grid implementation is in development https://twitter.com/MSEdgeDev/status/848997331567497216 Interesting Blink Intent to Ship's of the week: Writable Streams https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/qpY1dj_ND-Q Animated PNGs https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/xEOyu8QFCr0/3oqSlHBxCwAJ InputEvent https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/W-Q1yWW-zas Firefox added experimental support for async iteration into Firefox nightly https://groups.google.com/forum/#!topic/mozilla.dev.platform/4--twpqTrMY Engineers gathered in Japan for two days of Service Worker standards meetings covering potential version2 updates. Guests Trey Shugart (@treshugart) Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)

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 https://pouchdb.com nolan lawson blog The cost of small modules IndexedDB, WebSQL, LocalStorage – what blocks the DOM? PouchDB custom builds PouchDB: a better build system with Rollup PouchDB map/reduce pouchdb-find PouchDB replication 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)

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)

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 https://cli.angular.io/ https://github.com/angular/angular-cli https://github.com/angular/angular-cli/wiki Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)

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)

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)

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)

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)

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: http://blog.testdouble.com/posts/2016-06-05-happier-tdd-with-testdouble-js.html http://blog.testdouble.com/posts/2015-11-16-how-to-stop-hating-your-tests.html http://blog.testdouble.com/posts/2016-09-16-surgical-refactors-with-suture.html http://blog.testdouble.com/posts/2016-12-01-a-creativity-talk.html 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)

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/

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/

Vivaldi is a new browser that focuses on user customization and experience. In this episode, designer Atle Mo (@subtlepattern) and developer / designer Henrik Helmers (@helmers) chat with us about what this might mean for web developers and what technologies Vivaldi leverages to achieve its approach to be "Feature rich, powerful, secure and fun" . Resources Vivaldi - https://vivaldi.com/ Vivaldi Forum - https://forum.vivaldi.net/ Submit Vivaldi Bugs - https://vivaldi.com/bugreport/ Vivaldi on Reddit - https://www.reddit.com/r/vivaldibrowser/ Guests Atle Mo (@subtlepattern) Henrik Helmers (@helmers) Panel Justin Ribeiro (@justinribeiro) Erik Isaksen (@eisaksen)

Chris Coyier (@chriscoyier) returns to the show to chat about his most recent publication 'Practical SVG'. Chris walks us through the ins and outs of working with SVG (Scalable Vector Graphics). Chris is most known for on the web for masterminding codepen.io (an in-browser social code application), creating & maintaining css-tricks.com, and podcasting on ShopTalk Show & CodePen Radio. Resources Practical SVG - https://abookapart.com/products/practical-svg About the Practical SVG book - https://css-tricks.com/wrote-book-practical-svg/ ShopTalk Show - http://shoptalkshow.com/ CodePen Radio - https://blog.codepen.io/radio/ CodePen - http://codepen.io/ The Web Platform Podcast 27 - http://thewebplatformpodcast.com/27-building-codepen The Web Platform Podcast 58 - http://thewebplatformpodcast.com/58-scalable-vector-graphics GruntIcon - https://github.com/filamentgroup/grunticon IcoMoon - https://icomoon.io/ SVGO - https://github.com/svg/svgo SVG Reference Cheat Sheet - https://developer.mozilla.org/en-US/docs/Web/SVG/Element D3 - https://d3js.org/ Sara Soueidan SVG articles - https://sarasoueidan.com/tags/svg/

Cornel Stefanache (@_cstefanache, @isMonkeyUser) talks about Monkeyuser.com,, laughter, and finding happiness at work & home. Resources Monkeyuser - http://www.monkeyuser.com/ Xkcd - http://xkcd.com/ What If? (Randall Munroe) - http://what-if.xkcd.com/ ReadTheSource (RTS) - https://www.youtube.com/readthesource

Erik Isaksen(@eisaksen) & Mark Nadal (@marknadal) talk about trends in web development as an industry. They discuss technology communities and how they got involved. Mark grills Erik on how technology has changed over the years & what patterns he's seen across his career. Mark predicts the future of web technology…machine learning on AST's. Do not resist, the future is already written. Resources Web Components Remote Conf - https://wcremoteconf.com GunDB - http://gun.js.org/ Brett Victor - http://worrydream.com/ Non Zero - https://en.wikipedia.org/wiki/Nonzero:_The_Logic_of_Human_Destiny Esprima AST visualizer - http://resources.jointjs.com/demos/javascript-ast

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

A summary of the second Polymer Summit, a two day Web Component conference focused on Polymer. Chris Lorenzo (@chiefcll) & John Riviello (@johnriv), spoke on day 2 of the Summit on Comcast's Polymer experiences. They share their thoughts with us on the event and much more. Resources The Polymer Summit 2016 - https://www.polymer-project.org/summit Talks - https://www.polymer-project.org/summit/schedule Codelabs - https://codelabs.developers.google.com/polymer-summit-2016 Polymer in Practice at Comcast w/ Chris & John - https://www.youtube.com/watch?v=dZo7Tqr2lqI&list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ&index=29 John's Lynda.com course - https://www.lynda.com/CSS-tutorials/CSS-Sass-Converting-Existing-Site/434463-2.html

Jeremy Keith (@adactio), web guru & co-founder of ClearLeft, talks with us about the potential pitfalls and hopes on Progressive Enhancement with Web Components. Resources Extensible Web Components (2016) - https://adactio.com/journal/11052 Responsible Web Components (2014) - https://adactio.com/journal/7967 Adam Onishi's article - http://adamonishi.com/2016/08/web-components-and-progressive-enhancement/ Eric Bidelman on Web Components in PWA (specifically on JavaScript class extension as Progressive Enhancement) - https://www.youtube.com/watch?v=pBCDdeqzUlY&feature=youtu.be&t=6m34s Polymer Shop Demo - https://shop.polymer-project.org/ Polymon - https://polymon.polymer-project.org/ Gold Standard - https://github.com/webcomponents/gold-standard/wiki The Extensible Web Manifesto - https://extensiblewebmanifesto.org/ Alex Russell's response to Keith - https://infrequently.org/2014/09/uncomfortably-excited/ Sturgeon's Law - https://en.wikipedia.org/wiki/Sturgeon%27s_law Soledad's Lightning Talk - https://soledadpenades.com/2014/09/19/extensible-web-summit-berlin-2014-my-lightning-talk-on-web-components/ Bruce Lawson blog post on the Extensible Web Summit -http://www.brucelawson.co.uk/2014/extensible-web-summit-berlin/

Paul Bakaus (@pbakaus), Google Engineer, has recently been leading the AMP Project which is an open source initiative to optimize content for mobile devices using the web. AMP is heavily supported by several global news & media groups and has the SEO community in an uproar. Paul takes us through the core concepts of project and the reasoning behind it. Additionally, AMP leverages many newer technologies such as Service Workers, ES2015, and Custom Elements (One of the four Web Component pillars) making it an exciting project for developers to contribute to. Resources AMP by example - https://ampbyexample.com/ How does it work? - https://www.ampproject.org/learn/how-amp-works/ AMP on Github - https://github.com/ampproject AMP HTML - https://github.com/ampproject/amphtml Creating your first AMP page - https://www.ampproject.org/docs/get_started/create.html AMP Validator General info - https://github.com/ampproject/amphtml/blob/master/validator/README.md Guide - https://www.ampproject.org/docs/guides/validate AMP Docs & Reference - https://www.ampproject.org/learn/about-amp/ CLI validator (unofficial) - https://www.npmjs.com/package/amp-validator Trumping Responsive Design? - http://searchengineland.com/amp-one-year-old-growing-fast-will-ultimately-trump-responsive-design-260691 AMP Cache - https://www.ampproject.org/learn/about-amp/#google-amp-cache Supported Platforms - https://www.ampproject.org/learn/who/ Case Studies - https://www.ampproject.org/case-studies/ AMP Cache API: https://developers.google.com/amp/cache/overview AMP Validator Extension: https://chrome.google.com/webstore/detail/amp-validator/nmoffdblmcmgeicmolmhobpoocbbmknc?hl=en AMP Chrome Extension - https://chrome.google.com/webstore/detail/amp-validator/nmoffdblmcmgeicmolmhobpoocbbmknc Wordpress Extension - https://wordpress.org/plugins/amp/ AMPBench - http://ampbench.appspot.com/

Summary Harry Roberts (@CSSWizardry) talks with us about scaling CSS in code and across large teams. We also discuss the CSS in the Web Platform standards, the history of CSS, refactoring code, as well as projects like Houdini which aims 'to jointly develop features that explain the "magic" of Styling and Layout on the web.' Resources Harry's website - http://csswizardry.com/ Github - https://github.com/csswizardry The 3 I's of refactoring - http://csswizardry.com/2016/08/refactoring-css-the-three-i-s/ Mixins better for performance - http://csswizardry.com/2016/02/mixins-better-for-performance/ Houdini W3C Drafts Wiki - https://github.com/w3c/css-houdini-drafts/wiki What is Houdini? - https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/ Jen Simmons on Feature Queries in CSS - https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/ CSS Triggers - https://csstriggers.com/ The languages that were almost CSS - https://eager.io/blog/the-languages-which-almost-were-css/ Image issues with Base64 article - https://99designs.com.au/tech-blog/blog/2016/07/14/real-world-http-2-400gb-of-images-per-day/

Summary It's been awhile since we have chatted about Elm Lang. Richard Feldman (@rtfeldman), Developer at No Red Ink, returns to the podcast with Conner Ruhl (@connerruhl), Developer Operations at Carfax, in his podcast debut. The two Elm fanatics chat about their experiences with Elm and how it's made their productivity exponentially better. Resources Elm - http://elm-lang.org/ Richards Github - https://github.com/rtfeldman Elm in Action - https://www.manning.com/books/elm-in-action?a_aid=elm_in_action&a_bid=b15edc5c JSAir: Typed Functional Programming in JS - http://audio.javascriptair.com/e/034-jsair-typed-functional-programming-in-javascript-with-alfonso-garcia-caro-richard-feldman-phil-freeman-and-jordan-walke/ JSJ 175: https://devchat.tv/js-jabber/175-jsj-elm-with-evan-czaplicki-and-richard-feldman JSJ 229: https://devchat.tv/js-jabber/229-jsj-elm-with-richard-feldman