The Web Platform Podcast

Get an update on everything that is happening in the wonderful world of WebRTC. WebRTC powers a staggering number of applications most of us use every day and has some exciting use cases you probably never even thought of. As a developer WebRTC is certainly one of those technologies you should be taking a look at. In this weeks episode get the latest from one of WebRTCs leading authorities Tsahi Levent-Levi. Check out This Week in Web for a 15% discount on Amsterdam JSNation conference tickets!

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/187-an-update-on-webrtc

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

We all got here somehow. This week Danny Blue and Leon Revill share how they got into web development. The web is a big place so how did those who do this as a career end up here?

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/186-how-did-you-get-into-web-development?

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Houdini is a set of specs and APIs which expose low-level CSS capabilities allowing developers to break the mould and capitalize on performance gains. Surma who is a web advocate at Google joins us this week to enlighten us on the use-cases and capabilities of these APIs and how they are going to impact the web.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/185-houdini

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Finding documentation about the web and its various platform APIs used to be a fragmented experienced across a wide range of sites with not quite the right information. When all hope seemed lost, Mozilla Developer Network (MDN) Web Docs became the clearinghouse for not only Mozilla related docs but also the web in general. In this episode, we talk with Mozilla's Ali Spivak (@Ali Spivak) and Kadir Topal (@atopal), as well as MDN Product Advisory Board member and ex-Mozilla/current Googler Robert Nyman (@robertnyman) about the ongoing growth of MDN and how the browser vendors and developers alike are beginning to bring better web platform documentation to all.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/184-mdn-web-docs

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Since Visual Studio Code burst onto the code editor scene, the steady improvements have made a number of web-related development tasks easier to handle. In this episode, we speak with web standards contributor and PM on the Visual Studio Code Kenneth Auchenberg (@auchenberg) on a wide range of topics. From VS Code's beginnings and current open source model, to Kenneth's recent experiments with Chrome headless in VS Code via browser-preview extension, this is an episode not to miss.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/183-visual-studio-code

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

With an ever-expanding array of devices, connectivity, and growing usage in new markets, the need for web performance has never been stronger. Beyond single testing for a given metric, how do you achieve and monitor your progress? To help us learn more about performance, Ben Schwarz (@benschwarz), founder of Calibre, joins us to discuss various facets of web performance, how monitoring can help achieve your goals, and just why he thinks performance budgets aren't an end-all solution for most developers.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/182-calibre-and-web-performance-monitoring

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

For many developers, design can be a mystifying topic. For many designers, writing code isn't their daily task. In this episode designer and developer Erik Kennedy walks through common approaches and talks about who designers and developers can better work together to bring forth happiness inducing products.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/181-learning-design

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

web.dev is a new developer resource released at Chrome Dev Summit last year to help developers with topics such as fast load times, network resilience, SEO and more. With integrated lighthouse, the automated performance auditing tool, it can analyse your sites and provide deep insight into what you can do to improve. Join us this week with Rob Dodson to talk all about how web.dev came about, why it is so important, all its great features and what could be coming in the future. Oh! and listen for a chance to WIN a FREE ticket to React Amsterdam, the largest React conference worldwide!

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/180-webdev

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Voice interfaces are more common than ever and devices like the Google Home and Amazon's Echo are becoming deeply ingrained in our day-to-day lives. This week we talk about developing for voice both for the web and beyond. We discuss how developing voice-based applications differs from traditional UI based applications and the challenges involved. Dustin Coates shares plenty of tips and resources to help you get stuck into developing for voice.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/179-developing-for-voice

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week we cover many of the great things announced at Chrome Dev Summit 2018. We talk about some of the exciting new things coming to the web, the new resource for web developers (web.dev) how the Squoosh app brings together all of the latest modern best practices including web workers, web assembly and PWA techniques to deliver a great experience and Justin opens with a priceless Santa impression - what more could you need to kick off your December?

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/178-chrome-dev-summit-recap

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Tyler McGinnis joins us this week to talk about the importance of community outreach, how he got into teaching and what keeps him going. We talk about how publishing content like blog posts and other training material can generate exciting opportunities and learn how Tyler makes a living doing what he loves without the need for complicated marketing campaigns.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/177-community-outreach

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Feeling empowered to design on the web can be a challenge. With the recently demoed Project VisBug by Adam Argyle (@argyleink) at Chrome Dev Summit, that's changing. VisBug allows any website to become an artboard to be shaped, allowing designers and developers alike a new set of freedom to find joy with designing on the web. In this episode, we dive into the challenges of designing for the web, how VisBug helps alleviate some of the pain points, and just what's next for the latest in punk rock web development tools.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/176-visbug

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Gatsby brings together React, Webpack and modern JavaScript in a way that makes a performant experience the default experience. In this weeks episode join us with Jason Lengstorf and learn how Gatsby can do this and some of the other great products that Gatsby are working on.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/175-gatsby

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Brave is a modern browser that puts the user first. This week learn all about Brave, find out why it's faster than Chrome and Safari and how it uses blockchain technology to pay users for their attention and content creators for their work.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/174-brave-browser

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Nuxt.js is a framework for creating Vue.js applications, you can choose between Universal, Static Generated or Single Page application. Vue.js has exploded in popularity and along with it, some excellent tools have been created. This week on the Web Platform podcast our hosts chat with Sébastien Chopin (@Atinux) to learn about Nuxt.js, the challenges of universal applications and how Nuxt.js can help.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/173-nuxtjs

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Babel, a build tool that has enabled web developers to build tomorrows JavaScript today, has finally hit it’s version 7 release. It’s been a long 3 years and Henry Zhu (@left_pad) along with the Babel core team have a lot to share with us. In this episode, Henry discusses the process of building Babel 7 as well as the new features we have long awaited from TypeScript integration to Macros and much more.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/172-behind-the-scenes-of-babel-7

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

CSS can seem like magic sometimes, but it really isn't! Join us with Aimee Knight and take an in-depth look at how the browser actually uses CSS. We talk about performance, hardware acceleration, debugging CSS issues, common pitfalls and all the things to make working with CSS easier.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/171-css-indepth

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week learn why performance testing is so important, how to sell it to the business and which are Justin's favourite tools for getting the job done. Performance testing is a big topic but it's never been easier to get started thanks to simple and easy to use tools. Justin has considerable experience in this area and he shares his methodology and experience so we can all get started to ensure the apps and sites we build are fast and provide a top-notch user experience.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/170-performance-testing-tools

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week we talk about Customized Built-in Elements, part of the Custom Elements specification which hasn't had as much attention as other parts of the Web Component specs. Customized Built-in Elements allow developers to extend native DOM elements and add additional functionality. In this episode learn all about how they work, what benefits they provide and some practical use-cases along with a discussion on browser support for this exciting feature of the platform.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/169-extending-the-dom-with-web-components

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week we discuss the important topic of SEO and how JavaScript impacts what search bots are able to crawl on your sites. Learn what developers can do to improve SEO for their sites which rely on JavaScript along with some tips and tricks from SEO expert Tomasz Rudzki.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/168-javascript-seo

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Alex Russell has been around, he has seen some things, and now he wants to share it with us! Come join our hosts as we dive into Alex's background and learn how he came to hold some of his views on many things. Browsers, JavaScript and web frameworks, he has insight into all of these things and many more on this week's episode.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/167-pwas-with-alex-russell

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week our panel chats with Ada Rose Cannon (@lady_ada_king) all about Samsung Internet. Haven’t heard of Samsung Internet? You may not be alone but that doesn’t mean there aren’t some very cool things happening. Learn more about how Samsung is contributing back to the community as well as some very cool hardware integrations on this week’s episode of the Web Platform Podcast.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/166--samsung-internet

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Join Danny, Leon, and Amal for a discussion on unit testing modern web applications. Amal has recently taught a pilot testing workshop in Boston with Gleb from Cypress who was on the show last week. She is excited to evangelize the importance of unit testing. Unit tests are the vegetables of the JavaScript world - cooked properly, they are absolutely delicious, and you'll never want to stop eating them!

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/165-js-unit-testing-tools-best-practices

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Guests Brian Mann and Gleb Bahmutov join our hosts to discuss Cypress, and open source test runner that's built for the modern web. With fast, easy and reliable testing for anything that runs in a browser, the show discusses how cypress utilizes the platform and the ease of use for end developers.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/164-cypressio

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week on the Web Platform Podcast our panel talks with Tracy Lee (@ladyleet) and Ben Lesh (@BenLesh) about RxJS. We find out just what these fancy sounding Observables are and how they help solve problems. Our panel and guests also discuss the importance of documentation in open source and good ways to start contributing.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/163-rxjs

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week on the Web Platform Podcast our panel chats about WebAssembly and the future of the web. What exactly is WebAssembly? Is it a replacement for JavaScript? Do I need to learn C++ if I want to use it? Sooooo many questions about this very cool technology. Come listen to Thomas Nattestad and Ben Smith give answers to all of these questions and many more!

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/162-webassembly

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week on the Web Platform Podcast Amal, Danny & Justin talk with Michael Jackson about his project UNPKG and how it can help make front-end development easier. Our panel also chats about the current state of front-end tooling including the JavaScript module spec and how things have led up to where it is now.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/161-unpkg

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Ng-conf has happened! There were a bunch of excellent talks and and excellent people. Jeff Whelpley was one of them! Jeff helps us dive into what is coming in Angular. Angular 6, the new Angular CLI, RxJs 6 and more! There is a ton to unpack in this week’s episode.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/160-ngconf-2018

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

This week we chat with lit-html creator Justin Fagnani. Lit-html is a framework agnostic library that uses new JavaScript features to efficiently render HTML templates. In this episode, you’ll learn what lit-html is in detail and why it was created. We compare the lit-html approach to VDOM in terms of performance and also how it compares to JSX structurally. We also discuss some of the upcoming proposals for standardising HTML template instantiation.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/159-lithtml-html-templates-via-javascript-template-literals

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

The world of web standards can be complicated and confusing, Jory Burson joins us to help make things clearer! We discuss the different standards organisations, why standards are important and why it's good for developers to get involved.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/158-a-developers-guide-into-the-world-of-web-standards

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

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.

• 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.

• 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.

• 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.

• 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. 

• 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.

• 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.

• 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.

• 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” .

• 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.

• 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.

• 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)

• 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

Daniel X Moore (@STRd6) and Pirijan (@pketh) join our panel to discuss Hyperdev, A web based code editor aimed at making developers as productive as possible as quickly as possible. Is a web based IDE really a viable option for full stack production apps? Can Hyperdev be built with Hyperdev!? These questions and many more are on this week’s episode of The Web Platform Podcast.

Resources

• HyperDev - https://hyperdev.com
• FogCreek - http://www.fogcreek.com/

Brian Kardell (@briankardell) joins Erik, Justin, and Danny on the panel along with our guest Marcy Sutton (@MarcySutton) in a discussion on WAI ARIA attributes & how we should or shouldn’t be using these in the context of our applications.

Resources

• Marcy’s EggHead.io class - https://egghead.io/courses/start-building-accessible-web-applications-today
• AXE 2.0 - http://www.deque.com/blog/introducing-axe-2-0/
• Best practices - https://w3c.github.io/aria-practices/#toc
• Examples - https://www.w3.org/TR/2009/WD-wai-aria-practices-20090224/#aria_ex
• Smashing article from 2014 - https://www.smashingmagazine.com/2014/07/the-wai-forward/
• Getting started - http://a11yproject.com/posts/getting-started-aria/
• Harvard University guide to online accessibility - http://accessibility.huit.harvard.edu/use-accessible-design-patterns
• Marcy’s performance post - https://marcysutton.com/accessibility-and-performance/
• Free course on Web Accessibility - https://www.udacity.com/course/web-accessibility--ud891
• Chrome A11y Inspector - http://bit.ly/chrome-a11y
• JSAir on Axe - https://javascriptair.com/episodes/2016-07-13/
• Accessibility API’s by Leonie Watson - https://www.smashingmagazine.com/2015/03/web-accessibility-with-accessibility-api/
• Web AIM screen reader survey - http://webaim.org/projects/screenreadersurvey6/
• What does accessibility supported mean? https://www.paciellogroup.com/blog/2016/08/what-does-accessibility-supported-mean/

Kenneth Christiansen (@kennethrohde) and Alexis Menard (@darktears) the creators of the crosswalk project talk to us about creating hybrid mobile apps using a consistent and powerful runtime environment across mobile, TV, desktop and IoT devices. We talk in detail about what benefits Crosswalk can bring to the table, general features, its extension system and its compatibility with Cordova/PhoneGap projects. We also talk about how hybrid app development promises to maximize code reuse (“write once deploy everywhere”) and the reality of this promise. Finally we talk about Progressive Web Apps and how Crosswalk can be used to extend PWA exposure by also quickly getting them within the app store.

Resources

• Crosswalk - https://crosswalk-project.org/
• PhoneGap - http://phonegap.com/
• Cordova - https://cordova.apache.org/

Paul Lewis (@aerotwist) talks with us about how we can better optimize web page speeds as well as how to avoid glaring light on videos caused by bald headed smoothness...or something to that degree. With the rise of web traffic on mobile devices, developers have had to rethink web performance over the past decade. Bandwidth & Latency have become much larger challenges than ever thought possible. The old ways to optimize performance on web pages just don’t work. The high level RAIL (Responsive, Animated, Idle, Load) & the lower level PRPL (Push, Render, Precache, Lazy Load) patterns are but many strategies Google is using to enable developers to deliver better User Experiences in an ever evolving internet,     

Resources

• RAIL - https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/rail?hl=en
• PRPL - https://www.polymer-project.org/1.0/toolbox/server
• Polymer Shop -  https://www.polymer-project.org/1.0/toolbox/case-study
• Speed Gun - http://speedgun.io/
• Site Speed -  https://www.sitespeed.io/
• Page Speed Tools - https://developers.google.com/speed/pagespeed/
• Page Speed Insights -https://developers.google.com/speed/pagespeed/insights/
• Mobile Friendly Test - https://www.google.com/webmasters/tools/mobile-friendly/
• Lighthouse - https://github.com/GoogleChrome/lighthouse
• Web Page Test -  https://www.webpagetest.org/
• AMP - https://www.ampproject.org/
• CSS Triggers - https://csstriggers.com/
• New Relic article on HTTP/2 - https://blog.newrelic.com/2016/02/09/http2-best-practices-web-performance/
• New Relic -https://newrelic.com/
• Ilya Grigorik’s book on High Performance Browser Networking - https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#safe=off&q=High+Performance+Browser+Networking&stick=H4sIAAAAAAAAAOPgE-LSz9U3iDfOqoo3VYKys5PzcrSkspOt9JPy87P1E0tLMvKLrEDsYoX8vJxKAHpHdSg2AAAA
• Free Udacity Courses
• • Paul Lewis on Browser Rendering Optimization - https://www.udacity.com/course/browser-rendering-optimization--ud860
  • Ilya Grigorik on Web Site Performance Optimization - https://www.udacity.com/course/website-performance-optimization--ud884

This week on the Web Platform Podcast Danny Blue and Amal Hussein chat with Tom Greever (@tomgreever), Author of ”Articulating Design Decisions”. Tom helps our hosts learn how to help communicate more effectively and we learn that maybe Danny is a jerk. Learn how design and dev can work together, how to avoid the “CEO button” and more!

Resources

• Articulating Design Decisions: https://www.amazon.com/gp/product/1491921560/ref=as_li_ss_tl?ie=UTF8&linkCode=sl1&tag=tgcom-20&linkId=84214e9d9eb43548e949ad37c2e43f6c
• Articulating Design Decisions video series, training: https://player.oreilly.com/videos/9781491921579
• Tom speaking at Mad+UX last year https://www.youtube.com/watch?v=x-FYe53LRA4
• Style Guide Driven Development: http://blog.bitovi.com/style-guide-driven-development/ && https://www.smashingmagazine.com/2016/06/designing-modular-ui-systems-via-style-guide-driven-development/
• Tom on Twitter: https://twitter.com/atomgroom

Mark Nadal (@marknadal) joins Danny Blue, Justin RIbeiro and Leon Revil to chat about GunDB and all the challenges of developing a database, concurrency, and distributed systems. Our hosts and guest dive into these topics and even journey to space in the newest episode of the Web Platform Podcast.

Resources

• GunDB - http://gun.js.org/
• Readthesource.io episode on GunDB - https://www.youtube.com/watch?v=70dn1oZQFCk
• 15 minute ToDo list tutorial - http://gun.js.org/think.html
• Enterprise - http://gunDB.io/
• Repo - https://github.com/amark/gun
• NodeJS `npm install gun && cd node_modules/gun && npm start`

Brian Kardell (@briankardell) chats with us on Web Development and how it has evolved over the years.  We discuss the beginnings of HTML, Web standards bodies, the inception of The Extensible Web Manifesto, Chapters.io, and more.

Resources

• Brians recent presentation on Chapters.io & Web Standards - https://www.youtube.com/watch?v=rwWEQPc5GRE
• Web Incubator Group - https://www.w3.org/community/wicg/
• Chapters.io - http://chapters.io/
• SGML > HTML > XML
• • https://www.youtube.com/playlist?list=PLzH6n4zXuckqTQBIEuBTyjsO-Ef7562_Z
• Brians Blog - https://briankardell.wordpress.com/

Jacob Rossi (@jacobrossi) & Travis Leithead (@TravisLeithead) join us to discuss the current state and roadmap of the Microsoft Edge Platform.

Resources

• Microsoft Edge Resources
• • Developer Resources - https://dev.microsoftedge.com
  • Platform Data  - https://developer.microsoft.com/en-us/microsoft-edge/platform/data/
  • Web Platform public status - https://status.microsoftedge.com
  • Blog - https://blog.microsoftedge.com
  • Virtual Machines - https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
  • Changelog - https://changelog.microsoftedge.com
  • Dev tooling - https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/f12-devtools-guide/
  • User Voice - https://uservoice.microsoftedge.com
• Web Components Interview w/ Travis - http://webcomponents.org/articles/interview-with-travis-leithead/
• Github - https://github.com/MicrosoftEdge, https://github.com/microsoft/chakracore
• PWAs on Windows - https://blogs.windows.com/msedgedev/2016/07/08/the-progress-of-web-apps/
• Protocols article - https://kenneth.io/blog/2016/07/05/introducing-remotedebug-compatibility-tables/
• Web Platform Incubator Community Group - https://www.w3.org/community/wicg/

Denis Radin (@PixelsCommander), Web Component advocate, has started work on a project called Polymer Native to enable developers to create part-hybrid, part-native applications using Web Components.

This project aims to make it easier to get device specific look and feel in your applications by leveraging native elements on devices. Currently, the project supports iOS and it is hoped that more people will come onboard to help the open source project grow to other platforms such as Android and even TV platforms.

Resources

• Polymer Native - https://github.com/PixelsCommander/polymer-native
• Polymer - https://github.com/Polymer/polymer
• Cordova SW Plugin - https://www.npmjs.com/package/cordova-plugin-service-worker
• HTML-GL - https://github.com/PixelsCommander/HTML-GL

Software developer at Softwire, Tim Perry (@pimterry), has created a set of “Server Components”. These are simple, lightweight tools for “composable HTML rendering in Node.js, broadly following the Web Components browser specification, but on the server side”. Rob Dodson (@rob_dodson), Google Developer Advocate & Polymer Legend & Trey Shugart (@treshugart), Atlassian superstar & SkateJS creator, round out the the guests for this episode discussing the reality & the possibilities of using Web Components on the server. Additionally, we look at other projects like the ‘Express Web Components’ by Jordan Last that take a different approach to this by running Chromium on the server side.

Resources

• SS rendering for Web Components - https://scotch.io/tutorials/server-side-web-components-how-and-why
• Server Components
• • Info - https://pimterry.github.io/server-components/
  • Code - https://github.com/pimterry/server-components
• Scram.js - https://github.com/scramjs
• WebComponentsJS Polyfills - https://github.com/webcomponents/webcomponentsjs/tree/v0.7.22
• Angular Universal - https://github.com/angular/universal

Express Web Components - https://github.com/scramjs/express-web-components

The views expressed by Eric Knudtson on The Web Platform Podcast episode 97 do not necessarily represent the views of GE

Eric Knudtson (@vikingux) from GE Digital walks us through their Predix User Interface (Predix UI) Web Components library built on top of Google’s Polymer Project. Predix is a cloud platform built to assist developers build for the ‘Industrial Internet’. Under the Predix family or resources is Predix UI, a set of UI components that “enable designers and developers to quickly and easily create Industrial Internet web applications that run on top of Predix services and data.” Eric also discusses challenges and best practices for managing a component based UI architecture, as well as GE’s new open source initiatives.

Resources

• InnerSource Book - http://www.oreilly.com/programming/free/getting-started-with-innersource.csp
• NvD3 Charting Library - https://github.com/novus/nvd3
• Predix Site - https://predixdev.github.io/predix-ui/
• Predix Family - https://www.predix.io/

Nathen Harvey (@nathenharvey), VP of Community Development at Chef Software, joins us to discuss modern devops culture, tools, and practices as well as how Chef Software can help teams automate, scale, and reproduce tasks, and environments. Nathen defined devops as how to build high velocity organizations by reducing build and deployment cycles. Topics includes how to manage your infrastructure like code, devops community, Chef cookbooks and recipes, and improving your devops knowledge and processes as web developer.

Resources

Chef & Habitat

• http://www.chef.io - Main Website
• http://learn.chef.io - Tutorials and such for getting started with Chef & DevOps
• DevOps Kung Fu - A talk from ChefConf 2015 that describes and defines the Principles, Forms, and Application of DevOps.  It’s also where I get my definition of DevOps from:
• • https://www.youtube.com/watch?v=_DEToXsgrPc - YouTube video of the talk
  • https://github.com/chef/devops-kungfu - GitHub repository of the talk
  • http://chef.github.io/devops-kungfu/#/ - slides from the talk
  • http://chef.github.io/devops-kungfu/#/15 - definition of DevOps - A cultural and professional movement, focused on how we build and operate high velocity organizations, born from the experiences of its practitioners.
• Open source Chef maintenance policy - https://github.com/chef/chef-rfc/blob/master/rfc030-maintenance-policy.md
• https://www.habitat.sh/ - Habitat website which includes an overview of Habitat, online demo, and tutorials

Podcasts

• Food Fight Show - http://foodfightshow.org
• Arrested DevOps - https://www.arresteddevops.com/
• DevOps Cafe - http://devopscafe.org/
• The Ship Show - http://theshipshow.com/

Conferences

• DevOpsDays - http://www.devopsdays.org/
• ChefConf - https://chefconf.chef.io/
• Surge - https://surge.omniti.com/2016
• Velocity - http://conferences.oreilly.com/velocity
• DevOps Enterprise Summit - http://events.itrevolution.com/

Puppet - https://github.com/puppetlabs/puppet

Sean Fioritto (@sfioritto) talks with the panel on building large web applications in JavaScript. Sounds easy enough? This episode goes into building with large teams, large codebases, legacy migration, team building, frameworks & libraries, code smells and much more.

Resources

• Sean’s homeland - http://www.planningforaliens.com
• Sean’s awesome blog post ‘Why Javascript Development is Crazy’ - http://www.planningforaliens.com/blog/2016/04/11/why-js-development-is-crazy/
• Strangular Application - http://www.martinfowler.com/bliki/StranglerApplication.html
• Atlassian on The Web Platform Podcast - http://thewebplatformpodcast.com/77-project-management-and-git-workflows
• Sketching with CSS - http://www.sketchingwithcss.com/

Gleb Bahmutov (@bahmutov) chats with the panel on Reactive Programming in JavaScript. What is Reactive Programming? Join Gleb and the panel to learn about event streams, sequences over time, and how these help developers build complex JavaScript applications.

Resources

• Gleb’s 2016 OSConf Talk on Reactive Programming - http://conferences.oreilly.com/oscon/open-source-us/public/schedule/detail/49290
• The talk is mostly how to train anyone coming to JavaScript in different techniques, each more powerful than the previous one.
• Slides, video and all links to futher information in https://glebbahmutov.com/blog/oscon/
• I posted the list of interesting things from OSCON at https://glebbahmutov.com/blog/oscon/#interesting-things-i-saw-at-oscon
• Companion code repo showing the same simple example (literally multiply numbers then print them) implemented using different styles https://github.com/bahmutov/javascript-journey - from imperative to FRP and beyond.
• The long and evolving blog post https://glebbahmutov.com/blog/journey-from-procedural-to-reactive-javascript-with-stops/ that I have been updating for the past two years.
• Feathersjs - http://feathersjs.com/
• Horizon.js from RethinkDB team - https://horizon.io/
• Most.js stream library - https://github.com/cujojs/most
• Cycle.js - pure reactive web framework - http://cycle.js.org/
• Xstream - tiny stream library targeted at Cycle.js https://github.com/staltz/xstream

Rachel Andrew (@RachelAndrew) , Managing Director and founder of edgeofmyseat.com (currently working exclusively on CMS Perch), talks withe panel on the mysterious ways of CSS Layout. Rachel has been speaking quite a lot on the subject in the developer speaking circuit for a while now. Join us as she shares her stylish insights on Grid, Flexbox, Floats, Bootstrap, Regions, and much more.

Resources

• http://gridbyexample.com - where I keep CSS Grid Layout stuff, info about browser support, code samples, inks to other resources I dig up.
• http://csslayout.news - weekly newsletter on CSS Layout.
• http://www.slideshare.net/zomigi/using-flexbox-today-frontend-united-2016 - Zoe Gillenwater slides, Using Flexbox Today
• https://rachelandrew.co.uk/archives/2016/03/30/should-i-use-grid-or-flexbox/ “Should I Use Grid or Flexbox?” Here is which to use and when.
• http://caniuse.com/#feat=flexbox
• https://github.com/w3c/csswg-drafts CSS Working Group drafts on GitHub
• https://rachelandrew.co.uk/archives/2016/03/25/css-grid-and-css-regions/ Grid plus Regions
• https://rachelandrew.co.uk/archives/2016/03/16/css-exclusions-and-grid-layout/ Grid plus Exclusions
• Solved By Flexbox - https://philipwalton.github.io/solved-by-flexbox/

This week our panel talks with Kenneth Christiansen (@kennethrohde) about reactions and responses to Google I/O 2016. Listen to the goings on of I/O including news about Google products such as  Android as well as their web products. The panel digs into Progressive Web Applications (PWA’s) and discusses some of the community response to Google’s approach on them. Firebase is another hot I/O topic, becoming an umbrella for different Google services and has gone through a major rebranding. Is Firebase still the same service so many fell in love with before the Google acquisition? These topics plus many more on Episode 92.

Resources

• https://events.google.com/io2016/
• https://firebase.google.com/
• https://developers.google.com/web/progressive-web-apps/

This week on the Web Platform Podcast Sam Quayle (@samquayle), Senior UX designer and front-end consultant at Valtech, joined us to discuss Lean UX with hosts Danny Blue, Justin Ribeiro, and Amal Hussein. Lean UX is a design approach which is fits the highly evolving needs of development teams creating products for the modern web. It allows for rapid iteration and user driven design. Sam shares best practices tips and his positive experiences with clients. A very interesting case study is the UK Government Digital Service adoption process, and the benefits they have seen from embracing Lean UX.

Show links: Slides from Sam’s talk on Lean UX ,  the Lean UX book that started it all, and this awesome article

Resources

• Lean creative presentation - http://www.slideshare.net/SamQuayle/lean-creative-beyond-user-needs
• http://shop.oreilly.com/product/0636920021827.do
• https://www.smashingmagazine.com/2011/03/lean-ux-getting-out-of-the-deliverables-business/

Michael Glukhovsky (@mglukhovsky), co-founder of the innovative Rethink brand, chats with us about two core free open source projects that are changing the ways we think of data in our web applications. Join us as we dive into the unique database known as RethinkDB. We also talk in depth about Horizon, a realtime JavaScript backend used to build powerful web & mobile apps that scale utilizing the power of RethinkDB.

Resources

• RethinkDB - http://rethinkdb.com/
• Horizon - https://horizon.io/
• Rethink on GitHub - https://github.com/rethinkdb/rethinkdb
• Horizon on GitHub - https://github.com/rethinkdb/horizon
• Who to follow on Twitter:
• • Mike Glukhovsky: http://twitter.com/mglukhovsky
  • Annie Ruygt (resident artist at RethinkDB): https://twitter.com/annieruygt
  • Horizon: http://twitter.com/horizonjs
  • RethinkDB: http://twitter.com/rethinkdb
• JSJ Ng-Conf - https://devchat.tv/js-jabber

This week on The Web Platform Podcast, Erik Isaksen, Danny Blue, and Leon Revill talk with Mano Marks (@ManoMarks) all about Docker and how containerized deployments can help you from the time you start your web project all the way to the time you need it to scale up. Is Docker good for small applications, large applications, or both? Is it all just and adorable excuse to put a whale mascot on merchandise? Likely not. Mano Marks informs three primarily front end developers on the exciting ways your can use Docker, from simple push button server solutions to creating Quake...yes, Quake.

Resources

• Docker on Github - https://github.com/docker/docker
• Docker main site - http://www.docker.com/
• Docker Hub - https://hub.docker.com/
• CodeShip Docs - http://pages.codeship.com/docker
• Digital Ocean docs - https://www.digitalocean.com/community/tutorials/how-to-use-the-digitalocean-docker-application

Cypress.io is geared toward making testing easy and painless. Gleb Bahmutov (@bahmutov) and Brian Mann (@be_mann) chat with us on this upcoming project. Cypress eliminate the need for PhantomJS and Selenium. It aims to provide developers with instant feedback, reliable automation, and painless debugging, It is an interesting and different way of approaching how we think about testing code.

• Cypress.io - https://www.cypress.io/
• Gitter - https://gitter.im/cypress-io/cypress
• Docs - https://docs.cypress.io
• Gleb’s blog post: https://glebbahmutov.com/blog/web-testing-nirvana-with-cypress/

A chat with Amal Hussein (@nomadtechie) andLeon Revill (@RevillWeb) on JSPM & System.js. Amal has been using these technologies in her workplace for a long time. Now she shares her insights, experience, and knowledge with us. Leon has used JSPM for his vanilla Web Components he has built and he discusses to his experiences with JSPM & System.js.

• JSPM - http://jspm.io/
• Angular 2 - http://angular.io
• Why is SystemJS necessary? - https://www.reddit.com/r/javascript/comments/3tcgak/why_is_systemjs_necessary/
• A SystemJS Oddyssey - https://www.codeschool.com/blog/2015/12/11/es2015-a-systemjs-odyssey/
• Using browserify/webpack? Why not try jspm and SystemJS - http://nervosax.com/2015/08/05/why-not-try-jspm-and-systemjs/
• Loader - https://whatwg.github.io/loader/
• SystemJS - https://github.com/systemjs/systemjs
• Angular Air with Guy Bedford - https://www.youtube.com/watch?v=zrLeLxcU64M

The Beta Guide to JSPM - http://jspm.io/0.17-beta-guide/index.html

Aimee Knight (@Aimee_Knight) , SoftwareEngineeratKuali & Developer hero chats with us about herexperienceslearning the React ecosystem. Coming from a primarilyAngularbackground can make learning React very different. Aimeeshares herfeelings on how developers can get started efficiently,the toolsand practices she has found useful, and making learningexcitingand fun again.

• Facebook’s React JavaScript ViewLayer-https://facebook.github.io/react/
• ES6Classes in React - https://medium.com/@dan_abramov/how-to-use-classes-and-sleep-at-night-9af8de78ccb4#.twjz2ivg5
• Testing for React - https://github.com/airbnb/enzyme
• Chrome Dev Tools for React - https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en
• Functional Programming w/ React-https://medium.com/@chetcorcos/functional-programming-for-javascript-people-1915d8775504#.11jdzoi9m
• Aminimal React setup - https://github.com/djsmith42/react-minimal-es6-starter-project
• FrontEnd Masters Training - https://frontendmasters.com/
• Kuali, Simplifying higher edadministrationwithinnovative open source products  -https://www.kuali.co/
• JavaScript Jabber Podcast - https://devchat.tv/js-jabber

The Google DeveloperExperts(GDE) program is a community of developers outside of Googlethatknow one or several Google developer products well.AdditionallyGDE's are leaders in the community that typically blog,speak atevents, or work on open source projects. MartinOmander(@martinomander) & LizPadilla(@justepadilla)fromGoogle's Developer Expert program share talk with us abouttheprogram and how one becomes a GDE. GloriaBueno(@globitss)&Danny Blue (@dee_bloo), new Web TechnologiesGDE'stalk about their recent experiences as well.

• TheGoogle Developer Experts -https://developers.google.com/experts/\
• WomenTech Maker Program - https://www.womentechmakers.com/

PWA's, or Progressive Web Applications are on the rise. Justin,Erik, & Danny talk about what we need to know as developersabout these apps

An Intro to Riot.js with core contributors GianlucaGuarini(@gianlucaguarini) & Richard Bondi. 

This episode is a follow up on episode 59 'Are Web Components Ready Yet?'. Leon, Justin & Erik chat about where we are in Web Component development today and what's happened over the past 6 months.

An every day use tool, Chrome DevTools offers a significant amount of power for web developers to debug and make the web better. In this episode, Konrad Dzwinel sits down with Justin Ribeiro to discuss building tools for DevTools to expand your development horizons.

• Betwixt - https://github.com/kdzwinel/betwixt
• SnappySnippet - https://github.com/kdzwinel/SnappySnippet
• kdzwinel/DOMListenerExtension https://github.com/kdzwinel/DOMListenerExtension
• Chrome DevTools frontend - https://github.com/ChromeDevTools/devtools-frontend
• npm-publish-devtools-frontend - https://github.com/paulirish/npm-publish-devtools-frontend
• ChromeDevTools/debugger-protocol-viewer https://github.com/ChromeDevTools/debugger-protocol-viewer
• Getting started building Chrome Extensions - https://developer.chrome.com/extensions
• Contributing to Chromium: an illustrated guide, Monica Dinculescu - http://meowni.ca/posts/chromium-101/

Konrad Dzwinel (@kdzwinel)

Justin Ribeiro (@justinribeiro)

Offline, replication, and conflict detection is hard for the web. CouchDB makes life a easier. In this episode, we explore how CouchDB embraces the web, how to get started, and just what makes CouchDB tick.

• http://couchdb.apache.org

• http://pouchdb.com

• https://twitter.com/couchdb

Jan Lehnardt (@janl)

Garren Smith (@garrensmith)

Sharon DiOrio (@sharondio)

Justin Ribeiro (@justinribeiro)

There is more than one set of custom elements out there. In this episode, we speak with Jan Miksovsky about basic web components, a comprehensive set of high-quality web components for common user interface patterns.

• Component Kitchen - https://component.kitchen/

• Basic Web Components project - https://github.com/basic-web-components/basic-web-components

• Gold Standard Checklist for Web Components - https://github.com/webcomponents/gold-standard/wiki

• A new release of Basic Web Components based on plain JavaScript component mixins https://component.kitchen/blog/posts/a-new-release-of-basic-web-components-based-on-plain-javascript-component-mixins

Jan Miksovsky (@janmiksovsky)

Raphaël Rougeron (@goldoraf)

Leon Revill (@revillweb)

Justin Ribeiro (@justinribeiro)

Sometimes you need the low level primitive building blocks that JavaScript can't handle. For that, the upcoming specification for WebAssembly or wasm is a new, portable, size- and load-time-efficient format suitable for compilation to the web.

In this episode, we discuss what WebAssembly is, where the specification is headed, and the current goings on of the growing WebAssembly community.

• W3C WEBASSEMBLY COMMUNITY GROUP https://www.w3.org/community/webassembly/
• Specification  https://github.com/WebAssembly/spec
• Compiling to WebAssembly: It’s Happening! - https://hacks.mozilla.org/2015/12/compiling-to-webassembly-its-happening/
• Design Document - https://github.com/WebAssembly/design

JF Bastien @jfbastien, compiler engineer on ChromeLuke Wagner, research engineer at MozillaBrian Terlson, Program Manager - Chakra Team, ECMAScript Editor, MicrosoftGaurav Seth, Principle PM Manager, MicrosoftLouis Lafreniere, Principle Software Engineer, MicrosoftAbhijith Chatra, Software Engineer, Microsoft

Danny Blue (@dee_bloo)

Justin Ribeiro (@justinribeiro)

Sharon (DiOrio) Shalno (@sharondio)

Workflows for source control and project management can seem daunting. In this episode, Danny Blue and Justin Ribeiro sit down with Tim Pettersen, Senior Developer & Git Evangelist at Atlassian and Ralph Whitbeck, developer evangelist for Atlassian ecosystem to discuss just how to handle git and workflows.

• Getting Git Right guide - https://www.atlassian.com/git/
• Pro-Git book - https://progit.org/
• Tim’s Git workflows webinar - https://www.youtube.com/watch?v=O4SoB3TFkjA
• Bitbucket & JIRA integration - https://www.youtube.com/watch?v=M-u8-Ga6if0
• Atlassian - https://www.atlassian.com
• Bitbucket - https://bitbucket.org
• Jira - https://www.atlassian.com/software/jira
• Run, Bucket, Run (Tim’s Git platform game) - https://run-bucket-run.aerobatic.io/

Tim Pettersen - Senior Developer & Git Evangelist at Atlassian

Ralph Whitbeck - Developer Evangelist for the Atlassian Ecosystem

Danny Blue (@dee_bloo)

Justin Ribeiro (@justinribeiro)

The beauty of the web is being able to write in a language you love that'll compile down into JavaScript. In this episode, Justin Ribeiro sits down with web developer and Elm pro Richard Feldman (@rtfeldman) to talk about Elm, a functional programming language that compiles to JavaScript and offers many feature you just may love.

http://elm-lang.org/

http://elm-lang.org/try

Richard Feldman (@rtfeldman)

Justin Ribeiro (@justinribeiro)

There are many paradigms and approaches when it comes to writing JavaScript but how to choose?. In this episode, Danny Blue talks with JavaScript Jedi Masters Dr. Axel Rauschmayer (@rauschma) & Nicolas Bevacqua (@nzgb) about best practices and JavaScript

Suggestions (Axel):Tree-shaking and small moduleshttps://github.com/rollup/rolluphttp://www.2ality.com/2015/12/webpack-tree-shaking.htmlMixins via ES6 classes:https://github.com/angus-c/es6-react-mixinshttps://github.com/justinfagnani/mixwith.js

Suggestions (Nico):State of front-end tooling/libraries / where it might be goinghttps://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4

Dr. Axel Rauschmayer (@rauschma)

Nicolas Bevacqua (@nzgb)

Danny Blue (@dee_bloo)

The web platform continues to expand into new regions, not only controlling the Internet of Things but also powering a new set of devices. In this episode, Justin Ribeiro talks with Jan Jongboom about Jan OS, an alternative operating system for mobile phones designed to run on devices without their screen attached and FirefoxOS.

http://janos.io

GPIO blog posthttp://blog.telenor.io/gonzo/hardware/2015/02/10/gpio.html

Firefox OS as an IoT platform blog post: http://blog.telenor.io/gonzo/hardware/2014/12/16/firefox-os-iot.html

Presentation I gave about sub-GHz networks and IoT connectivity: http://presenter.qbrick.com/?pguid=cb3beeba-fe2f-43a9-9e4d-690ec3572476

http://www.bunniestudios.com/blog/?p=4297

Jan Jongboom (@janjongboom)

Justin Ribeiro (@justinribeiro)

Google Developer Expert (GDE) & Ionic Developer Relations Code Crafter MIke Hartington (@mhartington) joins the panel to discuss Ionic and the future of the project with AngularJS & Cordova. Ionic is “The beautiful open source front-end SDK for developing hybrid mobile apps using web technologies.”

Once upon a time embedding web views in native apps was considered a bad practice in development by many. Now that the hybrid technologies have advanced much further than imagined, is there still a ‘war’ between the hybrid & native approaches? Have we reached a point where it doesn’t really matter which you choose?

Simple enough to wrap your head around...right? Mike talks about the different types of applications you would create for mobile experiences and why you would choose these approaches in your applications. He further goes on to talk more in detail about the framework and how it is being used today.

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

• Angular 2 - https://angular.io
• Ionic Framework - http://ionicframework.com/
• Hockey App - http://hockeyapp.net/
• Angular 1.x - https://angularjs.com

• Danny Blue (@dee_bloo) - Senior Engineer at Deloitte Digital
• Justin Ribeiro (@justinribeiro)  - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding our Hangout link

Kent C. Dodds (@kentcdodds) & Shai Reznik (@shai_reznik) join us for episode 72 about teaching and learning the popular Angular JavaScript Framework. These two veteran technologists provide great insights into how they teach code, what you need to know to start coding, and insider pro techniques on how they have had success in training. How do they keep up to date on web technology? What is important to know?

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

http://conferences.oreilly.com/fluent-javascript-html-ca/

Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

• Angular - https://angular.io
• PluralSight -
• HiRez.io - http://www.hirez.io
• thoughtram.io - http://blog.thoughtram.io

• Danny Blue (@dee_bloo) - Senior Engineer at Deloitte Digital
• Justin Ribeiro (@justinribeiro)  - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding our Hangout link
• Pascal Precht (@PascalPrecht) - Web Technologies Google Developer Expert specializing in Angular, Inspiration Engineering Blogger, & Trainer at  thoughtram

Christoph Burgdorf (@cburgdorf) - Thought leader, blogger, and thoughtram mastermind

Summary

Danny Blue and Justin Ribeiro chat with Manolo Carrasco (@dodotis) and Moñino Jouni Koivuviita (@jouni) from Vaadin about their work with Web Components in the enterprise world. Vaadin has begun to create enterprise ready web components ‘ready for production’ usage. Built on top of Polymer, Vaadin Elements are helping to push new web technologies to larger companies.

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

http://conferences.oreilly.com/fluent-javascript-html-ca/

Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount

when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

Resources

• Vaadin Elements - https://vaadin.com/elements

• Danny Blue (@dee_bloo) - Senior Engineer at Deloitte Digital
• Justin Ribeiro (@justinribeiro)  - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding our Hangout link

Summary

Daniel Buchner (@csuwildcat), former Mozillian & Program Manager at Microsoft takes us through the plans for Web Components at Microsoft. Daniel is the creator of the Web Components free open source library, X-Tag which Microsoft is now officially supporting and using as of release 1.5. How are the teams at Microsoft using Web Components now and what is the plan for the future?

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

http://conferences.oreilly.com/fluent-javascript-html-ca/

Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

Resources

• X-Tag - http://x-tag.github.io/
• X-Tag on Github -  https://github.com/x-tag/core
• Manifold.js - http://manifoldjs.com/
• Vorlon.js - http://vorlonjs.com/
• Microsoft Edge - http://www.microsoft.com/en-us/windows/microsoft-edge
• Modern.ie Platform Status for Web Components - https://dev.windows.com/en-us/microsoft-edge/platform/status/?filter=f3f0000bf&search=webcomponents
• Facebook React - https://facebook.github.io/react/   
• Jake Archibald & Daniel on Twitter chatting about React - https://twitter.com/jaffathecake/status/663011382468612096
• Polymer Micro - https://github.com/Polymer/polymer/blob/master/polymer-micro.html
• Component.kitchen article - https://component.kitchen/blog/page/1
• Steal.js - http://stealjs.com/
• Babel.js - https://babeljs.io/
• Webpack - https://webpack.github.io/
• Erik’s slides from NationJS - https://docs.google.com/presentation/d/1HxPQNMtoTM_CBLjkC-khiQ_o556WRHj6XkQ2FZXJlL4/edit?usp=sharing
• Microsoft User Voice - https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer

• Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies
• Wilson Page (@wilsonpage) - Senior Engineer at Mozilla & Web Components Champion

Summary

Oren Rubin (@Shexman) goes through why it’s important to not only test the back-end code of our applications but also to test our Front End code, the integration points, and the full user experience. Oren also goes through reasons why you would test, what should be tested, best practices, and when you should not test.

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

http://conferences.oreilly.com/fluent-javascript-html-ca/

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

Resources

• Unit Tests
• QUnit - Basic unit tesing https://qunitjs.com/
• Sinon - Unit test spies, stubs and mocks library http://sinonjs.org/
• Jasmine - all-in-one unit testing  http://jasmine.github.io/
• Karma - front end test runner http://karma-runner.github.io/0.13/index.html
• istanbul - https://github.com/gotwarlost/istanbul

• End to end testing
• Selenium WebDriver - http://www.seleniumhq.org/
• Protractor - https://angular.github.io/protractor/#/
• phantomjs - headless WebKit “browesr” with JS API http://phantomjs.org/

• Testim.io - a new to write end-to-end tests using dynamic locators https://testim.io/
• mocha - https://mochajs.org/
• Integrated tests are a scam - http://blog.thecodewhisperer.com/2010/10/16/integrated-tests-are-a-scam/
• Selenium Grid - https://github.com/SeleniumHQ/selenium/wiki/Grid2
• Visual validations
• Open source: Huxley, Wraith
• Commercial: applitools, percy.io
• Sauce Labs - Browser in the cloud service provider https://saucelabs.com/

• 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 or random person who keeps finding our Hangout link

Summary

Ember community leaders Audrey Listochkin (@listochkin) & Robert Jackson (@rwjblue) talk with us about the long awaited Ember 2 release and the Ember community across the globe. The future of Ember is larger than this 2.x release and because of it’s dedicated community much more than was planned originally has surfaced and new features are underway already! Learn how you can get involved and improved the Ember ecosystem.

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

Resources

• Ember.js - http://emberjs.com/
• Ember 2.0 Blog Posts
• Ember 2.0 Announcement
• Transition to Ember 2.0

• Ember Community Slack
• https://ember-community-slackin.herokuapp.com/
• Accessibility in Ember
• http://emberobserver.com/addons/a11y-announcer - route changing support that Robert talked about
• http://emberobserver.com/addons/ember-axe - a11y checker to use during development

• Ember Pair Programming - http://pair-with-me.herokuapp.com/ember 
• Ember Community chat for Russian, Ukrainian and Belarusian - https://gitter.im/dev-ua/ember
• I talk about Ember 2.0 and Ember ecosystem in Russian - http://frontflip.me/2015/06/18/ember2-andrey-listochkin.html

• 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 or random person who keeps finding Hangout link. You decide

Summary

How do you keep up with the vast amounts of web technology released daily? It can be a losing battle for some and a opportunity for others. One person in our community that comes to mind is Peter Cooper (@peterc) from Cooper Press.

Join us as we learn how his work at O'Reilly has shaped some of his strategies for this as well as what Cooper Press provides and Conferences like OSCon & Fluent

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

http://conferences.oreilly.com/fluent-javascript-html-ca/

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

http://www.oreilly.com/pub/cpc/1221

October 20 | 10:00am PT | Banfield, Lombardo, & Wax

The Design Sprint is the first, and for some projects the most significant, phase of a design thinking process. It gets the entire product design and development team on the same page, reduces the risk of downstream mistakes, and generates vision-lead goals for the team to measure their success. Join Richard Banfield, C. Todd Lombardo, and Trace Wax as they explain why and how Design Sprints work and how you can use Design Sprints to enhance your own design process.

Resources

• Fluent - http://conferences.oreilly.com/fluent-javascript-html-ca
• Cooper Press - https://cooperpress.com/

• Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies
• Chetan Karande (@karande_c) - Senior Software Engineer at Omgeo LLC, FluentConf Speaker, & Creator of OWASP Node Goat

Atlassian leaders Trey Shugart (@treshugart) and Jonathon Creenaune (@jcreenaune) chat with us about how and why they created Skate.js. Skate is a lightweight Web Components wrapper created to help the needs of a large and diverse technology stack while providing simplicity and almost no-barrier-to-entry. Only focusing on Custom Elements, Skate has made its code base easy for companies to buy into.

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

http://www.oreilly.com/pub/cpc/1221

October 20 | 10:00am PT | Banfield, Lombardo, & Wax

The Design Sprint is the first, and for some projects the most significant, phase of a design thinking process. It gets the entire product design and development team on the same page, reduces the risk of downstream mistakes, and generates vision-lead goals for the team to measure their success. Join Richard Banfield, C. Todd Lombardo, and Trace Wax as they explain why and how Design Sprints work and how you can use Design Sprints to enhance your own design process.

Resources

• Skate.js - https://github.com/skatejs/skatejs
• Custom Elements Polyfill - https://github.com/polymer/CustomElements
• skate.js website - http://skate.js.org/
• Skating with Web Components - http://slides.com/treshugart/skating-with-web-components#/
• Skate on Hipchat - https://www.hipchat.com/gB3fMrnzo
• Contributions file- https://github.com/skatejs/skatejs/blob/master/CONTRIBUTING.md

• Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies
• Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital
• Justin Ribeiro (@justinribeiro)  - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding Hangout link. You decide

MediaMath (@MediaMath)  has created an open source project built on top of Web Components & Polymer (@Polymer) called Strand. It was created for their internal web product Terminal One but is available and easy to get on Github. Daniel Lasky (@aerolith),  Justin Moore (@jcmmit), & Anthony Koerber (@DrDooganMeister) chat with us about the pains of migrating from Polymer 0.5 to 1.0 as well as what it has been like to drive an open source Web Components library with Polymer Elements ranging from basic buttons to complex grids. Check out Strand’s documentation for further detail

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

http://www.oreilly.com/pub/cpc/1221

October 20 | 10:00am PT | Banfield, Lombardo, & Wax

The Design Sprint is the first, and for some projects the most significant, phase of a design thinking process. It gets the entire product design and development team on the same page, reduces the risk of downstream mistakes, and generates vision-lead goals for the team to measure their success. Join Richard Banfield, C. Todd Lombardo, and Trace Wax as they explain why and how Design Sprints work and how you can use Design Sprints to enhance your own design process.

Resources

• MediaMath Strand Library - https://mediamath.github.io/strand/  http://strand.mediamath.com
• Strand on Github - https://github.com/MediaMath/strand/
• Strand Docs -http://mediamath.github.io/strand/article_getting_started.html
• Polymer Project - https://www.polymer-project.org/1.0/
• MediaMath - http://www.mediamath.com/
• Backbone.js - http://backbonejs.org/
• Steal.js - http://stealjs.com/
• How should I name my element? - http://webcomponents.org/articles/how-should-i-name-my-element/

• 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 or random person who keeps finding Hangout link. You decide

Val Head (@vlh), animation expert, talks with us about interaction design for the web. She discusses how developers and teams can work together to design & build motion & static  interfaces as well as the some strategies and tactics for software product design in regards to the UX and UI of interfaces.

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

http://www.oreilly.com/pub/cpc/1221

October 20 | 10:00am PT | Banfield, Lombardo, & Wax

The Design Sprint is the first, and for some projects the most significant, phase of a design thinking process. It gets the entire product design and development team on the same page, reduces the risk of downstream mistakes, and generates vision-lead goals for the team to measure their success. Join Richard Banfield, C. Todd Lombardo, and Trace Wax as they explain why and how Design Sprints work and how you can use Design Sprints to enhance your own design process.

Resources

• Val’s web site - http://valhead.com/
• Bret Victor - Inventing on Principle - https://vimeo.com/36579366
• The UI Animation Newsletter - http://uianimationnewsletter.com
• Motion and Meaning Podcast with Cennydd - http://motionandmeaning.io
• A possibly interesting based on our discussion of overuse of parallax - http://alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity
• After Effects - http://www.adobe.com/products/aftereffects.html
• Flash - http://www.adobe.com/products/flash.html
• After Effects Motion Graphic Tutorials by Dean Velez (@theanvel) - http://theanvel.com/

• Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies
• Danny Blue (@dee_bloo) - Sr Front End Engineer at Deloitte Digital
• Justin Ribeiro (@justinribeiro)  - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding Hangout link. You decide

Dan Wahlin (@DanWahlin) , Angular JS GDE & Software Engineer, chats on TypeScript & ES6 in Angular applications. He tells us about how he leverages the power of these tools to improve his applications. He goes into a few of his debugging stories and even about how he uses docker to quickly deploy these applications.

Resources

• Wahlin Consulting - http://www.codewithdan.com
• Blog - http://weblogs.asp.net/dwahlin
• TypeScript EdX course - https://www.edx.org/course/introduction-typescript-microsoft-dev201x-0
• TypeScript Pluralsight course - https://app.pluralsight.com/library/courses/typescript/table-of-contents
• Docker - https://www.docker.com/
• Flipboard Magazines:
• AngularJS - https://flipboard.com/@dwahlin/the-angularjs-magazine-f66o0fd8y
• JavaScript - https://flipboard.com/@dwahlin/the-javascript%2C-html5-and-css-magazine-r54fkughy
• Node - https://flipboard.com/@dwahlin/the-node.js-magazine-aa4fu4jsy
• Docker - https://flipboard.com/@dwahlin/the-docker-magazine-vp93fvnry

• TypeScript - http://www.typescriptlang.org/
• ES6 - http://www.ecma-international.org/ecma-262/6.0/
• Traceur - https://github.com/google/traceur-compiler
• Angular - https://angularjs.org/ | https://angular.io/
• Babel - https://babeljs.io
• Danny Blue’s generator based on John Papa’s Style Guide - https://github.com/deebloo/generator-angular-blueprint

• Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies
• Sharon DiOrio (@sharondio) - Angular JS Google Developer Expert & Full Stack Engineer

Summary

Timmy Willison (@TimmyWil) , lead developer at The JQuery Foundation & Senior Engineer at Open Table, joins us to discuss what is new with the most popular JavaScript library of all time- JQuery. We discuss what is new in version 3, struggles and implementation decisions, performance and much more.

Resources

• jQuery - https://jquery.com/
• jQuery Foundation - https://jquery.org/
• builtwith.com - http://builtwith.com/
• jQuery Blog - http://blog.jquery.com/
• jQuery Core Source and Issues Tracker - https://github.com/jquery/jquery
• New York Developor Summit - http://events.jquery.org/2015/developer-summit/
• jQuery’s Code of Conduct - https://jquery.org/conduct/
• jQuery Usage Statistics - http://trends.builtwith.com/javascript/jQuery
• Mootools - http://mootools.net/
• Prototype.js - http://prototypejs.org/
• The DoJo Toolkit - https://dojotoolkit.org/
• Timmy on Github - https://github.com/timmywil
• Average Page Weight Statistics - http://www.sitepoint.com/average-page-weights-increase-32-2013/
• Web Page Performance Analysis - http://www.webpagetest.org/

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

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
• Danny Blue (@dee_bloo) - Sr. Front End Engineer at Deloitte Digital

Raphaël Rougeron (@goldoraf), one of the Web Components pioneers, along with his team created the Bosonic Project some while back. It was a very different approach to working with Web Components than x-tag and Polymer and it involved a required build step to create Web Components as close to specs as possible with minimal abstractions at runtime. The approach gained a small but respectable following and unfortunately was overshadowed by Polymer Project, the Web Component library by Google. During that time Raphaël began to lose faith in Web Components and went through many personal trials. Now he has been inspired to revisit Bosonic and breathe new life into the project. Let’s welcome the return of Bosonic!

Resources

• The Bosonic Project - http://bosonic.github.io/

• Bosonic Core Web Components - https://github.com/bosonic/core-elements

• Bosonic DND Web Components - https://github.com/bosonic/dnd-elements

• Bosonic Data Web Components - https://github.com/bosonic/data-elements

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

• 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

• Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital

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/

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

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!

• 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

Brandon Jones (@tojiro) of Google & Joshua Carpenter (@joshcarpenter) of Mozilla talk with the Web Platform Podcast about the emerging Web VR (Web Virtual Reality) specification which encampasses both AR (Augmented Reality) & VR for the Web Platform. Valve, Microsoft, Facebook, and others have put a lot of effort into changing the way we interact with computers using VR & AR on the native platforms. Now we can share this experience on the web and build the interfaces of tomorrow and the holodecks of the next generation.     

• mozvr - http://mozvr.com/

• web vr - http://webvr.info

• shadertoy - https://www.shadertoy.com/ (BEWARE - this may crash your browser if your GPU is poor)

• OSVR - http://www.razerzone.com/osvr

• Web VR Spec - http://mozvr.github.io/webvr-spec/webvr.html

• Oculus Rift Dev Kit - https://www.oculus.com/en-us/dk2/

• Project Tango Dev Kit -  https://store.google.com/product/project_tango_tablet_development_kit

• Tango G+ Community - https://plus.google.com/communities/114537896428695886568

• Google Cardboard - https://www.google.com/get/cardboard/

• Web VR Mailing List for Contributing - https://mail.mozilla.org/listinfo/web-vr-discuss

• The Web Ahead with the MozVR team -http://thewebahead.net/upcoming/web-vr-with-josh-carpenter-and-vladimir-vukicevic

• JSARToolkit & WebRTC  article - http://www.html5rocks.com/en/tutorials/webgl/jsartoolkit_webrtc/

• janusvr -http://www.janusvr.com/

• Vive - http://www.htcvr.com/

• Rift Sketch - https://github.com/brianpeiris/RiftSketch/

• WebVR Boilerplate - https://github.com/borismus/webvr-boilerplate

• WebVR polyfill - https://github.com/borismus/webvr-polyfill

• OpenVR - https://github.com/ValveSoftware/openvr

• WebVR Builds for Tango - https://drive.google.com/folderview?id=0BzudLt22BqGRbW9WTHMtOWMzNjQ&usp=sharing#list

• MS Edge User Voice - Vote for WebVR - https://windows.uservoice.com/forums/285214-microsoft-edge?query=webvr

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

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!

• Danny Blue (@dee_bloo) - Senior Front End Engineer at Deloitte Digital

• 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

Sara Soueidan (@SaraSoueidan) has been traveling the world talking about SVG (Scalable Vector Graphics) over the past year. Since then, we’ve learned a lot more about the power of this declarative graphical language. Now that many projects have dropped support for Internet Explorer 8 (IE8) and older mobile browsers, SVG has become a staple for non-bitmap art, visualization, and other graphical web development. Sara has recently shared many of the ‘gotchas’ and best practices in talks at Beyond Tellerand in Düsseldorf & Microsoft Edge Web Summit. Together, we take a closer look at how developers can leverage her advice in our web projects today.

• SVG W3C Working Group - http://www.w3.org/Graphics/SVG/

• MDN documentation - https://developer.mozilla.org/en-US/docs/Web/SVG

• SVG 1.1 - http://www.w3.org/TR/SVG/

• SVG 2 - http://www.w3.org/TR/SVG2/

• browser support - http://caniuse.com/#feat=svg

• SVG Effects Taskforce - http://www.w3.org/Graphics/fx/

• Scaling check for IE9-IE11 - http://codepen.io/tomByrer/pen/qEBbzw?editors=110

• Sara Soueidan – SVG Lessons I Learned The Hard Way – beyond tellerrand DÜSSELDORF 2015 - https://vimeo.com/135466848

• MS Edge Web Summit  2015 - https://channel9.msdn.com/Events/WebPlatformSummit/2015/On-the-Edge-with-SVG

• CSS Conf AU 2015 - https://www.youtube.com/watch?v=lMFfTRiipOQ

• Overview of SVG Sprite Creation Techniques: https://24ways.org/2014/an-overview-of-svg-sprite-creation-techniques/

• Inline SVG vs Icon Fonts [CAGEMATCH] http://css-tricks.com/icon-fonts-vs-svg/?utm_content=buffer2b75f&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer

• Structuring, Grouping and Referencing in SVG: The , , and Elements http://sarasoueidan.com/blog/structuring-grouping-referencing-in-svg/

• clipping in svg - https://css-tricks.com/building-a-circular-navigation-with-css-clip-paths/

• styling content with CSS - http://tympanus.net/codrops/2015/07/16/styling-svg-use-content-css/

• art direction for embedding - http://sarasoueidan.com/blog/art-directing-svg-object/

• All about viewBox :: http://sarasoueidan.com/blog/svg-coordinate-systems/

• The State of SVG Animation - http://blogs.adobe.com/dreamweaver/2015/06/the-state-of-svg-animation.html#.VXGQW1yqqkq

• Some SVG Tools - http://sarasoueidan.com/tools.html

• Sara on Github - https://github.com/SaraSoueidan

• Codrops on Github - https://github.com/codrops

• Smashing Book 5 http://www.smashingmagazine.com/2015/03/real-life-responsive-web-design-smashing-book-5/

• complete guide to SMIL https://css-tricks.com/guide-svg-animations-smil/

• CSS Motion Path module http://www.w3.org/TR/motion-1/

• d3.js http://d3js.org

• Weighing SVG Animation Techniques (with Benchmarks) https://css-tricks.com/weighing-svg-animation-techniques-benchmarks/

• The GreenSock Animation Platform (GSAP) http://greensock.com

• Snap.svg http://snapsvg.io/

• Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=891074 (UPDATE: Fixed by @jwatt)

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

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!

• Danny Blue (@dee_bloo) - Senior Front End Engineer at Deloitte Digital

• 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

Jay Oster (@KodeWerx), Core Engineer at PubNub talks with us about working with Web Crypto as well as the landscape of Cryptography today. What is on the horizon for client side security & Web Crypto?

• PubNub -  http://www.pubnub.com/

• Web Crypto - http://www.w3.org/TR/WebCryptoAPI/

• Netflix Polyfill - https://github.com/Netflix/NfWebCrypto

• Stanford Polyfill - https://github.com/bitwiseshiftleft/sjcl/tree/version-0.8

• melonJS - http://melonjs.org/

• The interface for all WebCrypto functions - https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto

• PubNub Cryptography Demo - http://pubnub.github.io/pubnub-api/crypto/

• PubNub blog post on Cryptography - http://www.pubnub.com/community/discussion/17/cryptography-and-encryption-of-data-streams-like-websockets-and-http-streaming

• PubNub blog post on PKI and message authentication - http://www.pubnub.com/blog/chat-security-user-identification-with-digital-signature-message-verification/

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

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!

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

• Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies

• Chetan Karande (@karande_c) - Senior Software Engineer at Omgeo

Charles Max Wood (@cmaxw) guides us through his thoughts and processes for building out personal & business branding for developers. Learning from his experiences in podcasting and other content creation, Chuck talks with us about why branding is so important today for developers to position themselves in the market today.

• DevChat.tv - http://devchat.tv/

• DevChat.tv Entities

• Ruby Rogues - http://devchat.tv/ruby-rogues

• JavaScript Jabber - http://devchat.tv/js-jabber

• Freelancers Show - http://devchat.tv/freelancers

• IPhreaks - http://devchat.tv/iphreaks

• Teach Me To Code - http://teachmetocode.com/

• Rails Clips - http://devchat.tv/rails-clips

• Adventures in Angular - http://devchat.tv/adventures-in-angular

• Web Security Warriors - http://devchat.tv/web-security-warriors

• JS Remote Conf - https://jsremoteconf.com/

• Ruby Remote Conf - https://rubyremoteconf.com/

• Angular Remote Conf - https://angularremoteconf.com/

• Rails Remote Conf (in the works)

• The Ruby Freelancers Show 019  - http://devchat.tv/freelancers/the-ruby-freelancers-show-019-branding

• Chuck on Twitter - https://twitter.com/cmaxw

• Podcast Movement 2015 - http://podcastmovement.com/

• Podcast Answer Man - http://podcastanswerman.com/

• “10 Ideas For Building A Better Relationship With Your Existing Audience” - http://podcastanswerman.com/414/

• Toast Masters - https://www.toastmasters.org/

• Rails Conf 2015 - http://railsconf.com/

• Calendly - https://calendly.com/

• Meet Edgar - http://meetedgar.com/

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!

• Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital

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

• Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies

Andrew Gerrand (@enneff), Developer Advocate at Google & Go core contributor, talks about GoLang and how it is being used in Web Development today as well as the plans for the future of the Go as a platform for the web.

• Go - https://golang.org/

• A Tour of Go - https://tour.golang.org/ (great starting point!)

• Godoc.org - https://godoc.org/ (Go package index)

• Go Search package search engine - http://go-search.org/

• GoLang on Twitter - https://twitter.com/golang

• Web programming toolkits and frameworks:

• The standard HTTP package

• Gorilla Web Toolkit

• Revel

• BeeGo

• Hugo - a static site generator

• AJ’s articles on Go

• https://coolaj86.com/articles/getting-started-with-golang-and-vim/

• https://coolaj86.com/articles/how-to-test-if-a-port-is-available-in-go/

• https://coolaj86.com/articles/today-i-became-a-golang-dev-with-vim-and-caddy/

• “Learn Go in One Video” - https://www.youtube.com/watch?v=CF9S4QZuV30

• GopherCon - http://www.gophercon.com/

• GopherCon india - http://www.gophercon.in/

• Go on Slack - gopher slack channel

• Go intro talks:

• Go: code that grows with grace

• Go concurrency talks:

• Go Concurrency Patterns

• Advanced Go Concurrency Patterns

• Ruby Learning Slack Channel for Go Courses - https://gocourse.slack.com/

• The next Go class for Ruby Learning - https://docs.google.com/forms/d/1WXO68p3gH4b-4S3dOS_MUbvoe7uaRNT9tii1syTznYA/viewform

• Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital

• Christian Smith (@anvilhacks) - Founder of Anvil Research, hacker, musician, & startup enthusiast

• Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies

• AJ O’Neal (@coolAJ86) - Podcaster & JavaScript Developer

An honest & candid talk about what we learned since the beginning of Web Components; a hard look at the good, the bad, and the ugly. Christian Heilmann (@codepo8), Wilson Page (@wilsonpage), & Rob Eisenberg (@eisenbergeffect) talk with us on development with these technologies in today's production environments. Developers need to to know what they can expect from the future of Web Components & what they mean to us today in order to make better decisions in their choosing technologies for their engineering efforts.

• The State of Web Components - https://hacks.mozilla.org/2015/06/the-state-of-web-components/

• Web Components and you - http://christianheilmann.com/2014/04/18/web-components-and-you-dangers-to-avoid/

• Over The Edge - http://christianheilmann.com/2015/07/01/over-the-edge-web-components-are-an-endangered-species/

• aurelia.io - http://aurelia.io/

• x-tag - http://www.x-tags.org/

• Polymer - https://www.polymer-project.org/

• Mozilla Articles on Web Components - https://hacks.mozilla.org/category/web-components/

• Konrad Dwinzel’s DOM Listener - https://chrome.google.com/webstore/detail/domlistener/jlfdgnlpibogjanomigieemaembjeolj?hl=en

• Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert

• Daniel Buchner (@csuwildcat) - Microsoft Program Manager & creator of x-tag

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

• Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital

Pascal Precht (@PascalPrecht), Senior Software Engineer at Thoughtram & creator of ng-translate, chats with us about the Angular 2 and how developers can get ready today.

• Angular 2 - http://angular.io

• TypeScript - http://www.typescriptlang.org/

• Definitely Typed - https://github.com/DefinitelyTyped

• Quick Start - https://angular.io/docs/js/latest/quickstart.html

• Upgrade App - https://github.com/angular/ngUpgrade

• Angular Meeting Notes - https://docs.google.com/document/d/150lerb1LmNLuau_a_EznPV1I1UHMTbEl61t4hZ7ZpS0/edit

• Angular Universal - https://github.com/angular/universal

• System.js - https://github.com/systemjs/systemjs

• Pascal’s Decorator article - http://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html

• Typescript & Angular 2 - http://victorsavkin.com/post/123555572351/writing-angular-2-in-typescript

• Routing in Angular

• http://blog.thoughtram.io/angular/2015/06/16/routing-in-angular-2.html

• http://blog.thoughtram.io/angularjs/2015/02/19/futuristic-routing-in-angular.html

• Change Detection - http://victorsavkin.com/post/110170125256/change-detection-in-angular-2

• Thoughtram - http://thoughtram.io/

• Angular & Git blog at Thoughtram - http://blog.thoughtram.io/

• Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert

• Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital

First we review some of the technologies we’ve shown over our first year of podcasting and talk about what is relevant still and what we need to look towards in the future. Additionally we take a look at what is no longer something we need to use in of development today.

Next, Lead Consultant at Thoughtworks, Patrick Turley (@patrick_turley) joins us to talk about what technologies web developers should be concerned with. The tools, languages, frameworks, platforms, and processes we use everyday can change so rapidly in our industry. It’s hard to say what is the right technology for the right job. Knowing that, Thoughtworks, a leading custom software consulting company, started publishing a Technology Radar that attempts to access technology on a quarterly basis. The Technology Radar is based on the research of the worldwide company and is a guide for other companies and digital builders to understand and keep up with the pros & cons of tech in the development industry.

• Thoughtworks Tech Radar - http://www.thoughtworks.com/radar

• Postman - https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop?hl=en

• RubyNation - http://www.rubynation.org/

• Thoughtworks - http://www.thoughtworks.com

• Our Evan Light (@elight) Episode - http://thewebplatform.libsyn.com/measures-of-success-in-pair-programming

• Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert

• Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert

Brad Frost (@brad_frost), web designer astronaut & creator of Atomic Design,  talks with us about how we can better componentize our Front End Development with small composable parts using Atomic Design.  

• Atomic Design - http://bradfrost.com/blog/post/atomic-web-design/

• Atomic Design Book Preorder - http://shop.bradfrost.com/products/atomic-design-ebook

• Atomic Design Book on Github - https://github.com/bradfrost/atomic-design

• PHP pattern lab - https://github.com/bradfrost/patternlab

• Atomic Design Patterns - https://github.com/Atomic-Design/patterns

• Nuclide - https://github.com/jkymarsh/nuclide

• Node Pattern Lab - https://github.com/bmuenzenmeyer/patternlab

• Pattern Lab on the web - http://patternlab.io/

• This is Responsive - http://bradfrost.github.io/this-is-responsive/

• Styleguides.io - http://styleguides.io/

• WTF Mobile - http://wtfmobileweb.com/

• Atomic Design at Webdagene https://vimeo.com/109130093

• Styleguide Generators - https://github.com/davidhund/styleguide-generators  

• Ian Feather on their Styleguide -http://ianfeather.co.uk/a-maintainable-style-guide/

• Styleguides.io Podcast -  http://styleguides.io/podcasts.html

• Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert

• Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert

In episode 50 we talk with CSS master Tab Atkins Jr. (@tabatkins) about the history of Cascading Style Sheets (CSS) & how they have evolved into what we use today. We also cover preprocessors, lesser known specs, css as a programming language, and more.

• Tab Atkin’s personal site - http://www.xanthir.com/

• Tab on Github - https://github.com/tabatkins

• Tab at CSSConf 2014 - https://www.youtube.com/watch?v=ad1Wq0qZrMQ

• History of CSS - http://www.w3.org/Style/LieBos2e/history/Overview.html

• Houdini - https://github.com/w3c/css-houdini-drafts

• Parse CSS - https://github.com/tabatkins/parse-css

• CSS Working Group News - http://www.w3.org/Style/CSS/current-work

• How to read CSS specifications - http://www.w3.org/Style/CSS/read

• Lesser known CSS Specs

• Ruby - http://www.w3.org/TR/css3-ruby/

• Scoping Module - http://www.w3.org/TR/css-scoping-1/

• Speech Module - http://www.w3.org/TR/css3-speech/

• Writing Modes - http://www.w3.org/TR/css3-writing-modes/

• Line Grid - http://www.w3.org/TR/css-line-grid-1/

• Page Fragmentation - http://www.w3.org/TR/css3-break/

• Do we even need CSS anymore ? - https://css-tricks.com/the-debate-around-do-we-even-need-css-anymore/

• CSS1 Spec - http://www.w3.org/TR/CSS1/

• Selectors Level 4 - http://www.w3.org/TR/selectors4/

• Values & Units - http://www.w3.org/TR/css3-values/

• Image Values / Replaced Content - http://www.w3.org/TR/css3-images/

• Device Adaptation - http://www.w3.org/TR/css-device-adapt/

• Web Animations - http://www.w3.org/TR/web-animations/

• SASS- http://sass-lang.com\

• animate.css - https://daneden.github.io/animate.css/

• myth.io - http://myth.io

• bikeshed - https://github.com/tabatkins/bikeshed

• CSS Grid By Example - http://gridbyexample.com/

• Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert

• Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert

• Nick Niemeir (@nickniemeir) - Partner at Good News Everyone

In episode 49 Danny Blue (@dee_bloo) has a one-on-one talk with Web Application Master & JavaScript Guru Eric Elliott (@_ericelliott).  Danny & Eric cover several exciting development topics including event based development, functional programming, Web Assembly, teaching JavaScript, helping to stop homelessness with code, & more.

• Learn JavaScript with Eric Elliott - https://ericelliottjs.com/

• Eric on Web Assembly - https://medium.com/javascript-scene/what-is-webassembly-the-dawn-of-a-new-era-61256ec5a8f6

• StampIt 2.0 - https://github.com/stampit-org/stampit/releases/tag/v2.0.3

• Campaign to fight Homelessness -

• Kickstarter - https://www.kickstarter.com/projects/ericelliott/learn-javascript

• Blog - https://medium.com/the-backer-army/fighting-poverty-with-code-d1ed3ebd982d

• react-stampit - https://github.com/stampit-org/react-stampit

• nodeschool.io functional programming (on runnable) - http://code.runnable.com/VQuZjvia8Gxcqkpy/nodeschool-io-s-functional-programming-in-javascript-course-available-in-your-browser-for-node-js-and-freecodecamp

• jsx - https://facebook.github.io/react/docs/jsx-in-depth.html

• Tim Oxley’s Functional Programming workshop - https://github.com/timoxley/functional-javascript-workshop

• TC-39 - http://ecma-international.org/memento/TC39.htm

• Jafar Husain - https://twitter.com/jhusain

• Event Machine - https://github.com/eventmachine/eventmachine

• Twisted - https://github.com/twisted/twisted

Danny Blue (@dee_bloo) - Sr. Front End Engineer at Deloitte Digital

In episode 48 we chat with Chrome team member & Accessibility champion Alice Boxhall (@sundress) and Polymer team #a11y heroes, Chris Joel (@RoboDynamo) & Daniel Freedman (@danfreedman) about the Polymer 1.0 and what is new in web accessibility of the library as well as what we should expect looking forward. Chris & Joel work a lot on the testing and managing of elements and their compliance with web accessibility features.

• Polymer - https://www.polymer-project.org/

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

• Screenreader Marketshare - http://webaim.org/projects/screenreadersurvey5/

• Axe Core - https://github.com/dequelabs/axe-core

• Total.ly - http://khan.github.io/tota11y/

• Chrome tooling - https://github.com/GoogleChrome/accessibility-developer-tools

• Webcomponent-tester - https://github.com/Polymer/web-component-tester

• voiceover - http://www.apple.com/accessibility/ios/voiceover/

• talkback - http://www.androidcentral.com/what-google-talk-back

• saucelabs - https://saucelabs.com/

• atomic design -  http://bradfrost.com/blog/post/atomic-web-design/

• Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital

• Justin Ribeiro - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures

Danny Blue (@dee_bloo), Erik Isaksen (@eisaksen), and Tyler McGinnis (@tylermcginnis33) talk to Daniel Buchner (@csuwildcat) about the X-Tag project and some if its interesting features, such as mixins. We discuss the Web Component spec as well as the features that have been agreed upon and which ones may still need some work. Big companies like Google have thrown their full support behind the Web Components technology umbrella. Will others such as Microsoft follow suit? and what will it take for browser vendors to implement web components natively.

• X-Tag on Github - https://github.com/x-tag

• X-Tag documentation - http://x-tag.readme.io/v1.0/docs

• X-Tag Boilerplate - https://github.com/webcomponents/xtag-boilerplate

• Mixin Example - https://github.com/x-tag/mixin-value/blob/master/src/main.js

• Web Components Bi-monthly Meetings -

• WinJS - https://dev.windows.com/en-us/develop/winjs

• Vorlon.js - http://vorlonjs.com/

• Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital

• Danny Blue - Front End Engineer at Deloitte Digital

• Tyler McGinnis - Firebase Expert & Lead Instructor / Software Engineer at DevMtn

• Justin Ribeiro - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures

Polymer 1.0 is here! Lean mean and production ready. On episode 46 we talk to a Proverbial Packed Panel of Professional Polymer People. Polymer has grown a ton since its developer preview and has been streamlined for performance. A big show where we talk to a panel of both GDE’s and members of the Polymer team to get a better idea of just how this project has grown and why Polymer and web components as a whole are important for the modern and future web platform.

• Matt McNulty (@mattsmcnulty) - Technical Lead on The Google Polymer Team

• Taylor Savage (@TaylorTheSavage) - Product Manager on The Google Polymer Team

• Kevin Schaaf (@kevinpschaaf) - Engineer on the Google Polymer Team

• Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert

• Mauro Solicia (@smokybob84) - Google Developer Expert for Apps / Drive

• Uri Shaked (@UriShaked)  - Angular.js Google Developer Expert

• Jarom McDonald (@jarommcdonald) - YouTube Google Developer Expert

• Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert

• Danny Blue - Front End Engineer at Deloitte Digital

• Polymer 1.0 - https://www.polymer-project.org/1.0/

• What is the Shady DOM ? - https://www.polymer-project.org/1.0/articles/shadydom.html

• ES6 & Polymer coming soon ? - https://twitter.com/aerotwist/status/605526323033833472

• Slack Channel - polymer-slack.herokuapp.com

• Eric’s io Web App - https://github.com/GoogleChrome/ioweb2015

• generator-polymer - https://github.com/yeoman/generator-polymer

• polymer seed - https://github.com/PolymerElements/seed-element

• generator-element - https://github.com/webcomponents/generator-element

• Polymer Element Catalog - https://elements.polymer-project.org/

• Polymer Starter Kit - https://developers.google.com/web/tools/polymer-starter-kit/index?hl=en

• Polymer Migration Guide - https://www.polymer-project.org/1.0/docs/migration.html

• Polymer Summit - https://polymer.eventfarm.com/tokens/sessionAllocate?tr=gRnW3sDWgovcgB3mmCEEx2aJlCdqtqT9HGwbzzxfotR5ulRgoWklpV

Identity is the missing link that connects all your users, apps, services, and devices to each other and the rest of the world. Christian Smith (@anvilhacks) is founder of Anvil Research (@AnvilResearch) and the creator of Anvil Connect, an open source authorization server built with Node.js to authenticate your users and protect your APIs.

Anvil Connect simplifies security when you have many apps and services to integrate. It acts as a broker between your apps, APIs, and a long list of OAuth providers like Google, Facebook, Twitter, and GitHub. The server works with apps written in any programming language that speaks HTTP. The code is MIT licensed and implements open standards like OAuth 2.0, OpenID Connect, and JSON Web Tokens.

• Open ID - http://openid.net/

• Anvil Connect - https://github.com/anvilresearch/connect

• Anvil - http://anvil.io/

• Anvil Gitter Channel - https://gitter.im/christiansmith/anvil-connect

• Open ID Connect - http://en.wikipedia.org/wiki/OpenID_Connect

• Single Sign on - http://en.wikipedia.org/wiki/Single_sign-on

• OAuth3 - https://oauth3.org

• JWT (JSON Web Token) - http://jwt.io/

• Let’s Encrypt - https://letsencrypt.org

• Web Crypto -  https://developer.mozilla.org/en-US/docs/Web/API/Window/crypto

• Storm Path - https://stormpath.com/

• Auth0 - https://auth0.com/

• Service Worker - http://www.w3.org/TR/service-workers/

• Ketboot -  https://github.com/substack/keyboot

• scramble.io - https://scramble.io/

• AJ’s article on creating a CSR for Https (tls/ssl) RSA Pems  - https://coolaj86.com/articles/how-to-create-a-csr-for-https-tls-ssl-rsa-pems/

• keybase.io - https://keybase.io/

• Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital

• Nick Niemeir - Partner at Good News Everyone

• AJ O’Neal - JavaScript Engineer

It can be overwhelming and, in some cases, downright scary to speak at events for many developers. Aaron Frost, co-organizer of ng-conf & Google Developer Expert, (@js_dev) talks with us about his experiences, mistakes, and triumphs while speaking at developer events as well as organizing them.

• JavaScript Jabber 124 : The Origin of JavaScript with Brendan Eich - http://devchat.tv/js-jabber/124-jsj-the-origin-of-javascript-with-brendan-eich

• JavaScript Jabber 105 :  JsConf and Organizing Conferences with Chris Williams - http://devchat.tv/js-jabber/105-jsj-jsconf-and-organizing-conferences-with-chris-williams

• JavaScript Jabber 131 : Conferences & Meetups with Dave Nugent - http://devchat.tv/js-jabber/131-jsj-conferences-meetups-with-dave-nugent

• Writing proposals for speaking at conferences - http://weareallaweso.me/for_speakers/how-to-write-a-compelling-proposal.html

• One reason Raquel Velez rocks - https://twitter.com/rockbot/status/555163826400661505

• Adventures in Angular 002 : Angular Meetups with Matt Zabriskie and Sharon Diorio - http://devchat.tv/adventures-in-angular/angular-meetups-with-matt-zabriskie-and-sharon-diorio

• Conference Organiser’s Handbook - http://www.quirksmode.org/coh/

• Loop Conf - https://loopconf.io/

• Ng-Conf - http://www.ng-conf.org/

• React Rally - http://www.reactrally.com/

• JS Remote Conf - https://jsremoteconf.com/

• Ruby Remote Conf - https://rubyremoteconf.com/

• Meetup.com - http://www.meetup.com/

• Call For Proposals on Lanyard - http://lanyrd.com/calls/

• Danny Blue - Front End Engineer at Deloitte Digital

• Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital