The Web Platform Podcast

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

Summary 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. Show Links 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. Show Links 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.Show LinksFacebook'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#.twjz2ivg5Testing for React - https://github.com/airbnb/enzymeChrome Dev Tools for React - https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=enFunctional Programming w/ React-https://medium.com/@chetcorcos/functional-programming-for-javascript-people-1915d8775504#.11jdzoi9mAminimal React setup - https://github.com/djsmith42/react-minimal-es6-starter-projectFrontEnd 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.Show LinksTheGoogle 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. Resources and Links 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/ On This Episode 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. Resources and Links http://couchdb.apache.org http://pouchdb.com https://twitter.com/couchdb On This Episode 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. Resources and Links 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 On This Episode 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. Resources and Links 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 On This Episode 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. Resources and Links 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/ On This Episode 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. Resources and Links http://elm-lang.org/ http://elm-lang.org/try On This Episode 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 Resources and Links 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 On This Episode 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. Resources and Links 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 On This Episode Jan Jongboom (@janjongboom) Justin Ribeiro (@justinribeiro)

Summary 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. O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts 20% Discount to FluentConf 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. Free eBook: Data-Informed Product Designhttp://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 Angular 2 - https://angular.io Ionic Framework - http://ionicframework.com/ Hockey App - http://hockeyapp.net/ Angular 1.x - https://angularjs.com Panelists 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 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? O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts 20% Discount to FluentConf 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. Free eBook: Data-Informed Product Design 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 Angular - https://angular.io PluralSight - HiRez.io - http://www.hirez.io thoughtram.io - http://blog.thoughtram.io Panelists 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. O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts 20% Discount to FluentConf 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. Free eBook: Data-Informed Product Design 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 Panelists 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? O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts 20% Discount to FluentConf 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. Free eBook: Data-Informed Product Design 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 Panelists 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. O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts 20% Discount to FluentConf 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. Free eBook: Data-Informed Product Design 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/ 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 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. O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts 20% Discount to FluentConf 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. Free eBook: Data-Informed Product Design 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 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 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 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 O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts 20% Discount to FluentConf 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. Free eBook: Data-Informed Product Design 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. Design Sprint: A fast start to creating a great digital product 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/ Panelists 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

Summary 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. O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts Free eBook: Data-Informed Product Design 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. Design Sprint: A fast start to creating a great digital product 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 Panelists 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

Summary 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 O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts Free eBook: Data-Informed Product Design 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. Design Sprint: A fast start to creating a great digital product 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/ 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 or random person who keeps finding Hangout link. You decide

Summary 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. O’Reilly Media Partner Discounts 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. Your Latest O’Reilly Discounts Free eBook: Data-Informed Product Design 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. Design Sprint: A fast start to creating a great digital product 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/ Panelists 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

Summary 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 Panelists 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

Summary 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 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) - Front End Engineer at Deloitte Digital

Summary The Offline First Heroes, Jan Lehnardt (@janl), John Kleinschmidt (@jkleinsc), Alex Russell (@slightlylate), and Jake Archibald (@jaffathecake) join forces to chat on why web developers should be designing and building with offline capabilities in mind from the beginning. From emerging standards like ServiceWorker to well thought out web frameworks like Hood.ie & UpUp, there are many differnt approaches and reasons why we would develop with an offline first mentality. There are so many gotchas and so many pro tips that have come out of the lessons learned by these offline web evangelists. For better or worse the technical marvels of development in this engineering arena are hard to visualize demo much like the features of good security or performance. Offline is vital and integral to the web just as security and performance are vand it should not be an afterthought in our designs. Resources Offline First - http://offlinefirst.org/ The Original Offline First Article: http://hood.ie/blog/say-hello-to-offline-first.html Hood.ie - http://hood.ie/ Offline First on IBM Cloudant - https://www.youtube.com/watch?v=PEHGSiC9_ck Beyond Offline - https://medium.com/@slsoftworks/beyond-offline-bf5c013ec8e7 Building Offline mobile apps - http://www.mobilitytechzone.com/topics/4g-wirelessevolution/articles/2015/07/06/406205-how-build-an-offline-ready-mobile-app-why.htm A List Apart article - http://alistapart.com/article/offline-first UpUp - https://www.talater.com/upup/ Application Cache - http://www.html5rocks.com/en/tutorials/appcache/beginner/ ServiceWorker Spec - https://github.com/slightlyoff/ServiceWorker ServiceWorker Explainer Document - https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md Is ServiceWorker Ready Yet? - https://jakearchibald.github.io/isserviceworkerready/ ServiceWorker W3C Spec - http://www.w3.org/TR/service-workers/ Service Worker Explained on MDN - https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API ServiceWorker News - https://twitter.com/service_workers Service Worker Platinum Polymer Elements - https://github.com/PolymerElements/platinum-sw Offline Cookbook - https://jakearchibald.com/2014/offline-cookbook/ Safari is the new IE - http://nolanlawson.com/2015/06/30/safari-is-the-new-ie/ Service Worker Toolbox - https://github.com/GoogleChrome/sw-toolbox ServiceWorkerWare - https://github.com/gaia-components/serviceworkerware Capability Reporting with ServiceWorker - https://www.igvita.com/2014/12/15/capability-reporting-with-service-worker/ HospitalRun - http://hospitalrun.io/ Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend. The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others. Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now! Panelists Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures James Duvall (@JamesDuvall) - Director of Technology at Stickman Ventures

Summary 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. Resources 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 Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend. The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others. Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now! Panelists 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

Summary 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. Resources 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) Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend. The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others. Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now! Panelists 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