The Web Platform Podcast

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

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

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

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 Twi

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

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

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

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/

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 Va

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 skippi

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://twit