Danny takes to the virtual road and conducts and investigative report while Erik and Justin contemplate the nature of lantern hanging in the post-interview follow-up. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/207-qwik Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

In this investigative report, Erik interview Fred K. Schott, CEO of Astro Inc and founder of the Astro, an all-in-one web framework for building fast, content-focused websites. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/206-astro Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

It's not you it's me. Danny, Erik, and Justin discuss the problem with web dev interviews, the questions, the horror stories, and why they root for everyone who walks into their office looking for a job. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/205-the-sad-state-of-job-interviews   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

The Man with No Name Returns! Well, not so much. For Erik, Danny, and Justin, the discussion turns to the love and hate relationship of design systems. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/204-the-good-the-bad-the-design-systems   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Do developers still learn the foundational aspects of the Web Platform? Justin and Erik dates themselves and argue about what them there whippersnappers are learning about building on the web platform today. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/203-learning-losses-for-the-web-platform   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Danny returns from an meditating in the woods and of a discussion around microfrontends emerges. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/202-meditations-on-microfrontends   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

To say the way we use and write JavaScript has evolved since the launch of ES2015 is an understatement. Atomics, TypedArrays, globalThis, and function generators are just a few ways JavaScript has grown up to meet the needs of a growing web platform. But it's not just language that has evolved, it's our entire toolchain as we have come to rely on compiled JavaScript as the "new normal". Join for a very special episode of The Web Platform podcast as we discuss all this and more with our invited expert on all things ECMA - Jordan Harband at OpenJS World 2020. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/201-evolution-of-modern-javascript-live-@-openjs-world-2020   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Episode 200 marks the return of Amal Hussein back to the panel! Amal, Danny, and Erik chat with Fred K. Schott about Pika, Snowpack, and the future of web development and tooling. Snowpack is an innovative approach to creating fast dev environments without crazy reloading times and complications. That is only the tip of the iceberg for Pika. A plethora of tools for modern web development is here and ready for you. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/200-pika-and-snowpack   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Deno is a secure runtime for JavaScript & TypeScript created by the creator of Node.js (Ryan Dahl). David Else, software developer at Else Web Development, has been working with the project for a while aND talks with Danny and Erik about the latest Deno release. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/199-deno   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

000003E5 000003E5 00008C87 00008C87 002293A2 002293A2 00007F45 00007F45 000CF8B6 000CF8B6

Dave Rupert, podcaster and web developer, talks with us about modern HTML practices. In a world full of JavaScript where does HTML & CSS fit in? What are the roles of Web Components and web standards? Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/197-modern-html   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

It is a “wild web” out there and with all the complicated tooling and frameworks for web developers building web applications can be complex and obtuse. Chris Ferdinandi talks about simplifying our developer experience while focusing on the end user. Chris is a teacher, author, and practical web developer who "believes there’s a simpler, more resilient way to make things for the web." Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/196-lean-web-dev   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Brian Kardell, Developer Relations at Igalia, talks us through specs and features in standards and why those get prioritized or deprioritized. What is the ‘special sauce’ that goes into getting a feature pushed into standards and then implemented across browsers? What can developers do to get a better idea of these features and when to expect them in browsers. Also, how can developers contribute to these features? Brian has been working a long time in the developer community and browser standards. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/195-platforms-and-priorities   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

For a lot of software developers running code in separate threads is a common tool to reach for. On the web they are not nearly as widely used but can be just as powerful. Join us this week as Surma talks us through just how useful workers can be and some of the challenges they can help developers solve. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/194-off-the-main-thread   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

What is a web developer toolchain? It seems that, like most web development questions, it depends on many factors. There are build tools, testing, CI, and much more. Danny and Erik go through some of their current tools they use for development and explain how these have evolved over time. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/193-modern-web-toolchains   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

In 2019, when developers think of Ionic and particularly the Ionic Framework they might think of Angular and Stencil. What about that VDOM thing called React? That’s on the other side of web developers minds...right? Actually…..it’s everywhere and now it’s part of Ionic. Mike Hartington (@mhartington) joins The Web Platform podcast again. This time Mike discusses Ionic’s latest incarnation of its framework using powerful React Components. React developers only need to know React and a few extra bits. Listen in to get the gritty details and some news on upcoming Ionic ventures as well. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/192-ionic-and-react-are-friends   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Web component have been a favorite topic here on the Web Platform Podcast for a while now. After years of waiting Web components finally seem like they are ready for prime time. Browser support is great and only getting better and more and more frameworks have an excellent inter-op story. Join us this week as we chat with Ben Farrell all about how web components may have finally arrived. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/191-the-state-of-webcomponents   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

As a treat for the start of your summer Angular is has a new major release. Angular version 8 brings some exciting features to both the core libraries as well as the Angular CLI. Stephen Fluin joins us this week to talk all about what is new in Angular version 8 as well as a tiny bit about what is coming for Angular in future. Pull up a lawn chair, crack a beverage and enjoy learning about Angular. (unless the weather is bad or it isn't summer where you live) Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/190-all-the-angular   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

VSCode has become incredibly popular, very quickly. We're joined this week by Ahmad Awais, the creator of vscode.pro and the insanely popular VSCode theme Shades of Purple and learn about the VSCode extension ecosystem and how beneficial it can be to have your editor written with the technologies you know and love. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/189-developing-with-vscode   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Kyle Simpson, the author of the extremely popular "You Don't Know JS?" book series has been a JavaScript developer for 20 years which is a long time considering JavaScript is only 24. Join us this week and witness Kyles obvious passion for the language, hear about his past experiences (like creating a compiler with PHP) and what it's like to be part of the JS community from the beginning. Visit the website for This Week in Web, 15% off conference tickets, resources & more: https://thewebplatformpodcast.com/188-you-dont-know-js?   Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Nolan Lawson a PM at Microsoft Edge joins us today to talk about PouchDB a popular open source project he’s a maintainer of. PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser. In this episode we get into what PouchDB is good at and what type of projects would benefit from using PouchDB for their persistence layer (turns out, many!). PouchDB is framework agnostic but plays very well with many popular frameworks and libraries. Nolan gets into the performance of PouchDB and also what storage mechanisms it supports which include IndexedDB, WebSQL, LevelDB and many more. The episode takes a very unexpected turn leaving Justin, Danny and Leon wrapping up with some of their own PouchDB experiences. Resources https://pouchdb.com nolan lawson blog The cost of small modules IndexedDB, WebSQL, LocalStorage – what blocks the DOM? PouchDB custom builds PouchDB: a better build system with Rollup PouchDB map/reduce pouchdb-find PouchDB replication Around the Web in Two Minutes Friday 10th March - Password Rules are BS Co-founder of Stack Overflow Jeff Atwood publishes an article raging about how stupid password rules are. Very insightful article TLDR; Just use a long password, it’s totally fine to use memorable words as long as it’s long enough https://blog.codinghorror.com/password-rules-are-bullshit/ Wednesday 15th March - Chrome 57 throttles background tabs to increase battery life http://www.theverge.com/2017/3/15/14932718/google-chrome-browser-battery-life-tab-throttling Tuesday 21st March - Mozilla Proposes “Obsidian” Web Graphics API Obsidian is a low-level API intended to provide a maximum feature set of the GPU to web applications. Similar to Vulkan, it's designed for WebAssembly, modern GPUs, and a multi-threaded environment. https://www.gamedev.net/news/index.html/_/programming/mozilla-proposes-obsidian-web-graphics-api-r62 Tuesday 21st March - Android O Announced Multi-process mode for WebView is enabled by default and API to let your app handle errors and crashes https://android-developers.googleblog.com/2017/03/first-preview-of-android-o.html The “Option to mark an event listener to fire only once” feature is now under development in Microsoft Edge https://developer.microsoft.com/en-us/microsoft-edge/platform/status/eventlisteneronceoption/?q=event%20listener Guests Nolan Lawson (@nolanlawson) Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)    

This week we are joined with special guests Jan Miksovsky and Rob Bearman from Component Kitchen to talk about their work on the Web Component Gold Standard. The Gold Standard is an open source project which outlines best practices for creating Web Components. The Gold Standard presents developers with a checklist they can use to ensure their Web Components are of exceptional high quality matching that of native elements. The episode goes into where the requirement for the Gold Standard came from and why it is such an invaluable resource for Web Component developers. This includes discussion on why code reuse on the web is so difficult and how Web Components and the Gold Standard can help. We also talk about the future of the Gold Standard and how the community can help make it even better. Resources Gold Standard: https://github.com/webcomponents/gold-standard/wiki Around the Web in Two Minutes Friday: webcomponents.js V1 polyfills got merged into master! https://github.com/webcomponents/webcomponentsjs Monday: Universal Web Components by Jordan Last: A follow up from Jordan’s talk at Web Component Remote Conference All about using Web Components for more than UI in the browser - even as far as building a Node Express server with them https://scotch.io/bar-talk/universal-web-components Episode 123 http://thewebplatformpodcast.com/123-universal-web-components Monday: WebAssembly is now ready for browser to use Gone into MVP status Should be turned on by default in Firefox and Chrome by the end of the month, with Edge and Safari to follow http://www.infoworld.com/article/3176681/web-development/webassembly-is-now-ready-for-browsers-to-use.html Tuesday: FireFox 52 Release Added Support for WebAssembly https://www.mozilla.org/en-US/firefox/52.0/releasenotes/ AMP Conf New York is in full swing. Alex Russell said this morning, “AMP is the most successful web components library in the world”. https://twitter.com/cramforce/status/839488945364807682 Catch the live stream and talks at https://www.ampproject.org. Samsung Internet released into beta their Progressive Web Indication Badge. When the page you are viewing supports this feature, an indication badge will appear in the URL bar. https://www.sammobile.com/apk/samsung-internet-beta/samsung-internet-beta-5-4-00-3/ Guests Jan Miksovsky (@JanMiksovsky) Rob Bearman (@robbearman) Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)  

Tooling is an ever important topic in the world of web development. In this episode, Danny explains to Justin and Leon the upcoming features in Angular CLI, a tool that makes it easy to create an application that already works, right out of the box. Resources https://cli.angular.io/ https://github.com/angular/angular-cli https://github.com/angular/angular-cli/wiki   Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)    

Web Components Remote Conference is a two day conference all about Web Components. Kito Mann (@kito99) will be delivering a very interesting talk “Beautiful Web Apps with Polymer and TypeScript”. This episode covers why Web Components are important, what challenges people face and some very interesting use cases for Web Components you probably never thought of. Resources https://github.com/Draccoz/twc (newer) http://www.typescriptlang.org/ http://virtua.tech http://knowesis.io/web/webcomponents https://github.com/google/uniflow-polymer https://github.com/Polymer/polymer/tree/2.0-typescript https://github.com/nippur72/PolymerTS (what Kito has been using) Web Components Remote Conference - https://wcremoteconf.com/ Guests Kito Mann (@kito99) Panel Danny Blue (@dee_bloo) Amal Hussein () Justin Ribeiro (@justinribeiro)    

Web Components Remote Conference is a two day conference all about Web Components. Jordan Last (@lastmjs) will be delivering a very interesting talk “Universal Web Components” which takes the idea of Web Components for GUIs, throws it out the window and then uses Web Components to control a drone instead! With the Custom Elements and Shadow DOM specifications settled on V1 and greater browser support than ever now is the perfect time to be investing in Web Components. This episode covers why Web Components are important, what challenges people face and some very interesting use cases for Web Components you probably never thought of. Resources Jsdom - https://github.com/tmpvar/jsdom AFrame - https://aframe.io/ Web Components Remote Conference - https://wcremoteconf.com/ Guests Jordan Last (@lastmjs) Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)    

Static Web Applications have evolved quite a bit over the past few years. They are now longer just a flat file with scripts added. Now they are fully functional application stacks. This might sound strange to some but the truth is out there. Listen to Brian Douglas (@BdougieYo) from Netlify chat about their structure and vision for Static Apps known as JAMStack. Resources JAMStack - https://jamstack.org/ https://www.quora.com/What-is-the-concept-behind-JAMstack https://vimeo.com/163522126 Static site CMS - https://snipcart.com/blog/jamstack-clients-static-site-cms Netlify - https://www.netlify.com/ Prerender.io - https://prerender.io/ Top Static Generators - http://www.staticgen.com/ JAMStack Radio - Launch Darkly - https://launchdarkly.com/ GItShifter.io - DraftJS - https://facebook.github.io/draft-js/ JAM Stack Radio - https://www.heavybit.com/library/podcasts/jamstack-radio/ep-5-graphql-at-github/ Guests Brian Douglas (@bdougieYO) Panel Amal Hussein (@nomadtechie) Erik Isaksen (@eisaksen)

WebComponents.org have long been a great resource for learning and understanding web components. Recently, Google along with several other developers have worked hard to make the site a place not only to consume information on web components, but to share your own components as well consume others. Resources WebComponents - https://webcomponents.org Web Components Remote Conference - https://wcremoteconf.com Guests Taylor Savage (@TaylorTheSavage) Sam Li (@samdotli) Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb)

Justin Searls chats with us on testing Asynchronous JavaScript as well as best practices for Continuous Integration, Unit testing vs. Integration testing, and tools we can use to help us understand how to test code. Resources Test Double - https://testdouble.com Talks & articles by Justin: http://blog.testdouble.com/posts/2016-06-05-happier-tdd-with-testdouble-js.html http://blog.testdouble.com/posts/2015-11-16-how-to-stop-hating-your-tests.html http://blog.testdouble.com/posts/2016-09-16-surgical-refactors-with-suture.html http://blog.testdouble.com/posts/2016-12-01-a-creativity-talk.html Justin on JSJ - https://devchat.tv/js-jabber/226-jsj-test-doubles-with-justin-searls Supertest - https://github.com/visionmedia/supertest Pretender - https://github.com/pretenderjs/pretender Sinon - http://sinonjs.org/ Testim - https://www.testim.io/ Cabybara - http://teamcapybara.github.io/capybara/ TestDouble's alternative to Sinon - http://blog.testdouble.com/posts/2016-03-13-testdouble-vs-sinon.html Testem - https://github.com/testem/testem Guests Justin Searls (@searls) Jan Tenpas (@jtp4) Panel Danny Blue (@dee_bloo) Erik Isaksen (@eisaksen)

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

Corey Speisman (@cdspeis) & Ben Wilson (@benwilson512) talk with the panel about the Facebook API Query Language known as GraphQL and it’s various implementations including the FOSS Github project - Absinthe. Resources GraphQL - http://graphql.org/ Github API - https://developer.github.com/early-access/graphql/ Draft RFC Specification - https://facebook.github.io/graphql/ Using Node.js & GraphQL - https://blog.risingstack.com/graphql-overview-getting-started-with-graphql-and-nodejs/ Learn GraphQL - https://learngraphql.com/ JamStack Radio Podcast - https://www.heavybit.com/library/podcasts/jamstack-radio/ep-5-graphql-at-github/ Reactive GraphQL - http://info.meteor.com/blog/reactive-graphql Absinthe GraphQL - http://absinthe-graphql.org/ Facebook GraphQL Github - https://github.com/graphql Contentful - https://www.contentful.com Jsonapi - http://jsonapi.org/ ExCheck -  https://github.com/parroty/excheck Graph IQL - https://github.com/graphql/graphiql GraphQL Swapi - http://graphql-swapi.parseapp.com/

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

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

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

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

Tal Ater (@TalAter), creator of Annyang, a powerful speech recognition library for the web, has now created UpUp, an Offline First library using the power of Service Workers.  UpUp is an incredible asset for web developers wanting to build Progressive Web Applications (PWA’s) Resources UpUp - https://www.talater.com/upup/ UpUp (Github) - https://github.com/TalAter/UpUp Are Service Workers Ready? - https://jakearchibald.github.io/isserviceworkerready/ Offline First Slack Channel  - http://offlinefirst.org/chat/ Tal’s new book - https://pwabook.com cache.adderall(⚡) - https://www.talater.com/adderall/ The Changelog 183 : The Offline First Revolution and Speech Recognition with Tal Ater - https://changelog.com/podcast/183 Jeremy Keith’s Service Worker link collection - https://adactio.com/links/tags/serviceworkers

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

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

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

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

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

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  

Summary 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? Resources 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/   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   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

Summary 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.   Resources 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/   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) - 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

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

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

Summary 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. Resources 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/ Panelists Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital

Summary   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.   Resources   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   Panelists   Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert  

Summary 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.   Resources 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 Panelists   Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert

Summary 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. Resources 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/ Panelists 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

Summary 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. Resources 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 Host 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. Resources 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/ Panelists Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital Justin Ribeiro - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures

Summary 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. Resources 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/ Panelists   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

Summary 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.   Guests 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 Host Danny Blue - Front End Engineer at Deloitte Digital Resources   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. Resources 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/ Panelists 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. Resources 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/ Panelists Danny Blue - Front End Engineer at Deloitte Digital Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital

Summary The world of JavaScript is a large one. AJ O’Neal (@coolAJ86), Podcaster & JavaScript Developer along with Netflix UI Architect & TC-39 Member, Jafar Husain (@jhusain) take us through opinions & facts about the state of the ubiquitous JavaScript language. Modern application development can daunting for developers just coming into web technology & JavaScript. Utilizing the latest & greatest in the language is not as easy as one might think and in some case it may be possible.   Then there are the transpilers & package managers. So many tools to polyfill or shim and features seems like more work than we’d want for a fast production project. Is it worth utilizing the benefits of ES6 & ES7? AJ & Jafar share with us what they think. Resources ES6 Support Table - http://kangax.github.io/compat-table/es6/ ES7 Support Table - http://kangax.github.io/compat-table/es7/ ES Discuss - https://esdiscuss.org/ Subscribe to the ES Summaries Mailing List - https://mail.mozilla.org/listinfo/es-discuss Some features explained - https://github.com/lukehoban/es6features ESFiddle - http://www.es6fiddle.net/ One of the best blogs on JavaScript - http://www.2ality.com/ Using ES6 is io.js - https://iojs.org/en/es6.html TC-39 - http://www.ecma-international.org/memento/TC39-M.htm Jafar’s talk on ES7 - https://www.youtube.com/watch?v=DqMFX91ToLw JSJ on ES6 (older but good) - http://devchat.tv/js-jabber/068-jsj-es6-with-aaron-frost Adventures in Angular ES6/TypeScript episode - http://devchat.tv/adventures-in-angular/041-aia-typescript-with-dan-wahlin The Extensible Web Manifesto = https://extensiblewebmanifesto.org/ Jafar’s Ng-Conf Falcor talk -https://www.youtube.com/watch?v=WiO1f6h15c8 HTML5DevConf : Asyncronous JavaScript at Netflix - https://www.youtube.com/watch?v=5uxSu-F5Kj0 Douglas Crockford - http://javascript.crockford.com/ daplie.com - https://daplie.com/ DotNet Rocks 1099  Digging into Javascript 6 with Jafar Husain - http://www.dotnetrocks.com/default.aspx?showNum=1099 JSJ The Koa Framework with Gerred Dillon and Will Conant - http://devchat.tv/js-jabber/117-jsj-the-koa-framework-with-gerred-dillon-and-will-conant Dev Mountain - https://devmounta.in/ Panelists   Danny Blue - Front End Engineer at Deloitte Digital Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital

What is Social Engineering (SE) and why should developers care? It is the ability to manipulate. It is the power to influence, elicit, and misdirect. It is a means hackers can use, for better or worse, to breach or protect companies, start or stop cyber wars, commit or prevent cyber crimes, and steal or secure your data.   Social Engineer, hacker, & author Chris Hadnagy (@humanhacker) discusses the dangers technology companies & developers are exposed to everyday. Social Engineering has become an art form. It can be used to help or hinder others. Those that help prevent SE attacks like Chris are known as White Hats. Those that seek to harm and take from others with malicious intent are known as Black Hats.   To Black Hats, we are just obstacles standing in the way of their goals. These individuals will do whatever they must to get us to reveal our secrets. Most times we even do this willingly, without ever realizing we have been hacked until it’s too late. Seemingly trivial information to us may just be the last crucial piece of information a Black Hat needs.   All the firewalls & countermeasures in the world can’t protect us from ourselves. We can’t afford to have our applications, our money, our lives hacked to bits because of our human nature. Chris talks with us on how we can prevent this from happening to us and our teams. Upcoming Events with Chris Hadnagy DEF CON 23 SECTF - http://www.social-engineer.org/ctf/def-con-23-sectf-rules-registration/ Black Hat USA 2015 in Las Vegas - https://www.blackhat.com/us-15/training/advanced-practical-social-engineering.html SE Training  in Baltimore, MD - https://www.social-engineer.com/store/#!/5-9-October-2015-Advanced-Practical-Social-Engineering-Baltimore-MD/p/43984300/category=3286162 Resources Books by Chris Social Engineering : The Art of Human Hacking Unmasking The Social Engineer Phishing Dark Waters: The Offensive and Defensive Sides of Malicious Emails Books by Kevin Mitnick The Art of Deception: Controlling the Human Element of Security The Art of Intrusion: The Real Stories Behind the Exploits of Hackers, Intruders and Deceivers Social-engineer.org - http://www.social-engineer.org/ Social-engineer.com - http://www.social-engineer.com/ Paul Ekman Group - http://www.paulekman.com/ The Social Engineering Podcast - http://www.social-engineer.org/category/podcast/ @SocEngineerInc Twitter account  - https://twitter.com/SocEngineerInc The Social Engineer Podcast episode 64 - http://www.social-engineer.org/podcast/ep-064-official-john-mcafee-social-engineer/ The Social Engineering Framework - http://www.social-engineer.org/framework/general-discussion/ Archive.org - https://archive.org/ Panelists Danny Blue - Front End Engineer at Deloitte Digital Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital

Jen Simmons (@JenSimmons), full stack designer & host of The Web Ahead Podcast (@TheWebAhead), takes us through what is means to contribute to and shape the ever changing landscape of the web. Jen produces an immense amount of free content from speaking engagements & training to podcasting that have reached all over the globe.   The Web Ahead guests have included some of the most influential people in web technology & design to date. Jen has had a major impact in the way we build and design for the web. Her uncanny abilities are almost akin to a unicorn in that she is extremely knowledgeable in both development & design. Good thing for us that Jen knows how to share her knowledge and help everyone have a chance to shape the future of the web. Upcoming Events with Jen Simmons San Francisco HTML5 Meetup  - http://www.meetup.com/sfhtml5/events/219966720/ An Event Apart - San Diego: aneventapart.com/event/san-diego-2015 An Event Apart - Washington, DC: http://aneventapart.com/event/washington-dc-2015 An Event Apart - Chicago: aneventapart.com/event/chicago-2015 Resources The Web Ahead - http://thewebahead.net/ Jen’s blog - http://jensimmons.com/ Jen’s Github - https://github.com/jensimmons CSS Layouts with Rachel Andrew -  http://thewebahead.net/49 Changing the Shapes with Sara Soueidan - http://thewebahead.net/81 autoprefixer - https://github.com/postcss/autoprefixer Drupal - https://www.drupal.org/ Jen’s Bartik theme for Drupal - https://www.drupal.org/project/bartik Jen’s Drupal work - https://www.drupal.org/u/jensimmons SASS - http://sass-lang.com/ Git Tower - http://www.git-tower.com/ Square Space - http://www.squarespace.com/ Grid Layout - https://css-tricks.com/snippets/css/complete-guide-grid/ CSS Shapes 101 - http://alistapart.com/article/css-shapes-101 multicolumn layout - https://css-tricks.com/almanac/properties/c/columns/ CSS Shapes Chrome Extension - https://chrome.google.com/webstore/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp?hl=en-US Media work by Jen on an Opera about Nikolas Tesla - http://www.violetfireopera.com/ Tim Berners-Lee article using Multicolumn Layout - http://www.w3.org/DesignIssues/Security-NotTheS.html Panelists Danny Blue - Front End Engineer at Deloitte Digital Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital Nick Niemeir - Partner at Good News Everyone Rachel Nabors - Master Web Animation Wizard, speaker & her own boss at Tin Magpie

Dan Shaw, Co-founder and President of NodeSource, and Mikeal Rogers, Creator & Curator of NodeConf & JSFest, join us to talk about io.js and node.js. It’s been awhile since the the forking of the Node project last Thanksgiving. Now, version 2.0 of io.js is about to release and many of us have more questions about the project.   Will the two projects reconcile or will they become separate entities? What future do we look to? Find out what we need to know and what we need to do to get ready. Resources io.js - https://github.com/iojs/io.js node.js - https://github.com/joyent/node io.js Goverance - https://github.com/iojs/io.js/blob/v1.x/GOVERNANCE.md#readme IRC - #io.js Proposal for reconciliation https://github.com/iojs/io.js/issues/1416 API docs - https://iojs.org/api/ nodesource - https://nodesource.com/ NG - https://github.com/iojs/NG The roadmap - http://roadmap.iojs.org Node.js Advisory on Github - https://github.com/joyent/nodejs-advisory-board Node.js Advisory - http://nodeadvisoryboard.com/ Panelists Danny Blue - Front End Engineer at Deloitte Digital Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital Nick Niemeir - Partner at Good News Everyone Tyler McGinnis - Firebase Expert & Lead Instructor / Software Engineer at DevMtn

Steve Newcomb, CEO at Famo.us, joins us for a second time with software engineer Michael O’Brien to talk about the changes in the framework. Moving toward what Famo.us calls “MIxed Mode”, which will debut in the upcoming framework 0.4 release, will allow developers to utilize the power of WebGL combined with the DOM. Essentially this means using the right tool for the right render target. “Mixed Mode” is not the only news Famo.us has to share.   As we know from episode 17 of our podcast, Famo.us is always pushing the boundaries of imagination and what is possible. The 0.4 release will also have front end containers very similar to Flash but with editing capabilities. Famo.us Hub, a new service being released, Famo.us JQuery Wdgets,  and so much more is almost at our developer fingertips.     Release 0.4 will be 25kb minified and provide an extremely versatile set of tools for us to use as developers. The biggest announcement though is quite simpler but very relevant….Famo.us is now MIT licensed! Resources Famous Framework - http://famo.us JQuery SF Conference - https://appdevelopermagazine.com/2585/2015/3/28/Famo.us-and-jQuery-Foundation-to-host-jQuery-SF-2015-Conference-June-22-and-23/ Widgetize the Web - http://www.forbes.com/sites/anthonykosner/2015/01/15/famo-us-joins-jquery-to-widgetize-the-evolution-of-web-development/ Infoworld Article - http://www.infoworld.com/article/2906318/web-browsers/javascript-experts-microsofts-new-spartan-browser-rocks.html Panelists Danny Blue - Front End Engineer at Deloitte Digital Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital Nick Niemeir - Partner at Good News Everyone Rachel Nabors - Master Web Animation Wizard, speaker & her own boss at Tin Magpie

Rob Eisenberg (@EisenbergEffect) recently released a framework that focuses on standardization & swappable modules. Rob is no stranger to framework building, having created the popular JavaScript framework Durandal.js and more recently having helped develop Angular 2.   Aurelia has a great story. It uses ES6/ES7 JavaScript standards so you are coding with raw JavaScript. Templates use the template HTML tag and bindings are handled by pure JavaScript Template Strings. The framework itself is very barebones and can easily work with other libraries, frameworks, or modules outside Aurelia. This approach is very different than what we’ve seen from todays application or component frameworks.   Rob talks with us about this ‘spiritual successor’ project of Durandal, why it was created, and how it can be used today. Resources Aurelia.io - http://aurelia.io/ Aurelia Github Organization - https://github.com/aurelia Aurelia Framework - https://github.com/aurelia/framework Introduction Video - https://vimeo.com/117778145 Gitter - https://gitter.im/Aurelia/Discuss Basic tutorial - http://aurelia.io/get-started.html Documentation - http://aurelia.io/docs.html Adaptive Binding - http://blog.durandal.io/2015/04/03/aurelia-adaptive-binding/ Latest release news - http://blog.durandal.io/2015/03/25/aurelia-0-10-0-release-status/ Durandal - http://durandaljs.com/ Rob’s Github page -   https://github.com/EisenbergEffect The Aurelia Router - https://github.com/aurelia/router React & Aurelia - http://ilikekillnerds.com/2015/03/aurelia-vs-react-js-based-on-actual-use/ Using React in Aurelia - http://ilikekillnerds.com/2015/03/how-to-use-react-js-in-aurelia/ Aurelia vs Angular - http://ilikekillnerds.com/2015/01/aurelia-vs-angularjs-round-one-fight/ Rob on DotNetRocks  - http://www.dotnetrocks.com/default.aspx?showNum=1097 Panelists Danny Blue - Front End Engineer at Deloitte Digital Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital Nick Niemeir - Partner at Good News Everyone Tyler McGinnis - Firebase Expert & Lead Instructor / Software Engineer at DevMtn Special Thanks to our community friends Webbear1000, Souldrinker, and zewa666 for their questions and contributions on Gitter.

John O’Nolan (@johnonolan), founder of Ghost, and Hannah Wolfe (@ErisDS), Ghost CTO talk about blogging and how the Ghost Project can make a difference in the blogging community. John gives a great overview of blogging and how Wordpress, the blogging giant, had become something totally different than what it had originally set out to be. Ghost was a response to the frustration of Wordpress and has since taken blogging to where, according to John, Wordpress should have gone.   Hannah & John share the project’s user experience and underlying concepts that can potentially aid developers in using Ghost to its full potential. They takes us through the technical details developers would need to get started as well as tips and great resources we can take advantage of. Resources The Ghost Blogging Platform - https://ghost.org/ The 2012 post by John O’ Nolan - http://john.onolan.org/project-ghost/ Ghost vs. Wordpress - http://www.elegantthemes.com/blog/resources/wordpress-vs-ghost Open Source Business - http://john.onolan.org/open-source-business/ Github - https://github.com/tryghost/Ghost Ghost Vagrant Setup - https://github.com/TryGhost/Ghost-Vagrant Ghost for beginners  - http://www.ghostforbeginners.com/ Ghost on Google+ - https://plus.google.com/114465948129362706086 Install Ghost on Digital Ocean in under 3 minutes - https://www.youtube.com/watch?v=jYnMoV3emKg Some Themes - http://themeforest.net/category/blogging/ghost-themes Vote for Ghost Features - http://ideas.ghost.org/forums/285309-wishlist Ghost Themes - http://marketplace.ghost.org/ Ghost Dev - http://dev.ghost.org/ Public Roadmap: https://trello.com/b/EceUgtCL/ghost-roadmap  Panelists Danny Blue - Front End Engineer at Deloitte Digital Erik Isaksen - Front End Engineer at Deloitte Digital

Brian Leroux (@brianleroux), Adobe Phonegap Team Member & open source software developer, spends lots of time on the Apache Cordova and Adobe PhoneGap projects. Hailing from Canada, he loves his hockey and beer- maybe even more than coding. He has spoken at many conferences and is an expert in delivering & teaching mobile web development.   Brian goes into depth on the Phonegap project. Brian discusses how developers can get started building great mobile experiences with Phonegap. He also details the benefits / downfalls of different approaches to mobile development using web technologies as well as tooling, testing, and automation. Resources PhoneGap - https://phonegap.com PhoneGap Build - https://build.phonegap.com/ Ionic Framework - http://ionicframework.com/ Cordova - https://cordova.apache.org/ Introduction to PhoneGap Build - http://tv.adobe.com/watch/building-mobile-apps-with-phonegap-build/introduction-to-phonegap-build-building-your-first-app/ Kony - http://www.kony.com/ ReApp - http://reapp.io/ Appcelerator - http://www.appcelerator.com/ Sencha Touch - http://www.sencha.com/products/touch JQuery Mobile - http://jquerymobile.com/ Kendo UI - http://www.telerik.com/kendo-ui Onsen UI - http://onsen.io/ Famo.us - https://famo.us/ Firefox OS - https://www.mozilla.org/en-US/firefox/os/ Crosswalk - https://crosswalk-project.org/ ReApp - http://reapp.io/ Phonegap  Experts (company) - ` http://phonegapexperts.com/?gclid=CjwKEAjw876oBRCYr86w6KGfpkgSJAACIidwP41ihwn_EWhsPDM_3QAL5hG3imgiVfqIRK4tAhUtnBoCF6rw_wcB Brian Brock’s App Adventure - https://www.youtube.com/watch?v=HgNGJosQ6BE Touchstone.js (React Hybrid Apps)- http://touchstonejs.io/ Appguyver - http://www.appgyver.com/ Phonegap mobile accessibility - https://github.com/phonegap/phonegap-mobile-accessibility Article on modules in JavaScript - https://medium.com/@brianleroux/es6-modules-amd-and-commonjs-c1acefbe6fc0 Panelists Erik Isaksen - UX Engineer at3Pillar Global Danny Blue - Front End Engineer at Deloitte Digital Rachel Nabors - Web Animation Developer Advocate & Founder of TinMagpie

React’s Virtual DOM (Document Object Model) & the browser DOM  are very different in their approach. Virtual DOM prefers to keep it’s logic and changes in JavaScript and eventually optimizes output to the browser DOM at the most critical moment that provides performance boosts while the browser DOM utilizes the traditional way of working with the document, accessing HTML directly, working with browser events, and manipulating state. The performance gains from a Virtual DOM approach are outstanding despite the fact that events, css, markup, and ‘all-of-the-things’ are stubbed, recreated, or handled in some way inside the JavaScript. Browser DOM, on the other hand, handles everything in the global document and leverages JavaScript, CSS, and other resources directly. Surely these approaches are not good to use together.   Wrong! Andrew Rota (@AndrewRota) & Denis Radin (@PixelsCommander) talk about the ways you can leverage both Web Components & React.js together in a symbiotic fashion. Denis, creator of Reactive Elements, starts us off explaining how his library came to be and why he chose to marry these two technologies in his work. Andrew, who spoke at ReactConf 2015 talks about his experiences with Web Components & React. Resources Reactive Elements - https://github.com/PixelsCommander/ReactiveElements Component Interop With React And Custom Elements - http://addyosmani.com/blog/component-interop-with-react-and-custom-elements/ Pros/Cons of React vs. Web Components - http://programmers.stackexchange.com/questions/225400/pros-and-cons-of-facebooks-react-vs-web-components-polymer Combining React, Flux & Web Components - http://futurice.com/blog/combining-react-flux-and-web-components Complementarity of React and Web Components - http://webcomponents.org/presentations/complementarity-of-react-and-web-components-at-reactjs-conf/ React vs. Polymer - https://news.ycombinator.com/item?id=8050649 React Demystified - http://blog.reverberate.org/2014/02/react-demystified.html Rob Dodson’s experiments with React & Web Components - https://github.com/robdodson/react-polymer Front End Tower of Babylon - http://www.slideshare.net/DenisRadin/frontend-tower-of-babylon React vs. Web Components article - https://www.pandastrike.com/posts/20150311-react-bad-idea   Panelists Erik Isaksen - UX Engineer at3Pillar Global Nick Niemeir - JavaScript Agent Engineer at New Relic

Accessibility for web applications typically gets added at the end of development cycles with different tools and low priority. This ruins the experience for many users and generally causes a huge impact on the quality of code. Because many companies are not held to supporting the standards of Section 508, Web AIM best practices, and WCAG by their clients and the impact in ROI is hard to measure it usually doesn’t happen.   Karl Groves (@karlgroves), Accessibility Consultant at The Paciello Group , creator of Tenon.io, & viking web developer leads by example, being an unstoppable developer community advocate for integration of accessibility over supplementation. Tenon takes a very interesting approach in that it integrates with tools we already use. Karl goes through developer resources. Tenon, and how we can make Web Accessibility a ‘first class’ citizen in our applications by making it part of our workflow and a fully integrated part of our process. Resources Tenon - http://tenon.io/ Tenon Chrome Plugin - https://chrome.google.com/webstore/detail/tenon-check/bmibjbhkgepmnehjfhjaalkikngikhgj?hl=en-US grunt-tenon - https://github.com/babaskate/grunt-tenon gulp-tenon-client - https://github.com/egauci/gulp-tenon-client Tenon Node - https://github.com/poorgeek/tenon-node tenon for Silverstripe - https://github.com/joshkosmala/silverstripe-tenon React & Tenon demo - https://bitbucket.org/tenon-io/tenon-demo-javascript-reactjs Modern Web Toolsets & The Next Generation of Accessibility Testing Tools (warning - content explicit)- https://www.youtube.com/watch?v=_uq6Db47-Ks&t=247 Karl’s Viking Site - http://www.karlgroves.com/ Karl’s Sandbox -  http://www.karlgroves-sandbox.com/ Marcy Sutton’s Protractor Plugin - http://marcysutton.com/angular-protractor-accessibility-plugin/ Chrome Vox - https://chrome.google.com/webstore/detail/chromevox/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en-US Steve Faulkner’s Web Accessibility Toolbar - https://github.com/ThePacielloGroup/WebAccessibilityToolbar/releases/tag/2015-02-04 Tenon Visual Studio plugin - https://visualstudiogallery.msdn.microsoft.com/0ad320bc-80e4-402a-bf2b-d6c23a3a6730 MDN Docs - https://developer.mozilla.org Accessible Wordpress Templates - https://wordpress.org/themes/tags/accessibility-ready/ Microsoft Accessibility Resources for Developers - http://social.technet.microsoft.com/wiki/contents/articles/28725.accessibility-resources-for-developers.aspx?Sort=MostRecent&PageIndex=1 Panelists Erik Isaksen - UX Engineer at3Pillar Global Danny Blue - Senior Front End Developer at Deloitte Digital Adi Chikara - Advanced Technology Group Lead at 3Pillar Global

React Week (reactweek.com)  is the premiere week long workshop focused solely on learning how to build applications in React.js taught by Ryan Florence. React is just the "V in MVC" so attendees will learn all about how to build full applications around React with the Flux architecture, React Router, Webpack, and Firebase.   Ryan isn’t the only top developer teaching at React Week. Lead Instructor, Tyler McGinnis (@tylermcginnis33) , chats with us about the React Week event, Firebase, Webpack, React and more. Tyler is no slouch when it comes to thought leadership. Not only is he joining our podcast for this episode but he is doing an episode of the JavaScript Jabber podcast and speaking at both Mountain West JavaScript, and ng-conf conferences….all in the next two weeks. Resources React Week - http://reactweek.com React Week on Twitter - https://twitter.com/reactweek Tyler’s personal site - http://tylermcginnis.com/ Mountain West JS - http://mtnwestjs.org/ ng-conf - http://www.ng-conf.org/ Javascript Jabber - http://devchat.tv/js-jabber/ Dev Mountain - https://devmounta.in/ Firebase Experts Program - https://www.firebase.com/experts.html JavaScript is Sexy - http://javascriptissexy.com/ egghead.io - https://egghead.io/ Panelists Erik Isaksen - UX Engineer at3Pillar Global Nick Niemeir - JavaScript Agent Engineer at New Relic Christian Smith - Open Source Developer & Startup Enthusiast Rob Simpson - Senior Front End Developer & host of The Watercooler Web Dev Show Rachel Nabors - Web Animation Developer Advocate & Founder of TinMagpie

The Internet Explorer team at MIcrosoft are making waves in the developer community. The Internet Explorer browser (AKA IE or Internet Exploder) has a long and jaded history. Newer developers may not recall, but fifteen years ago Internet Explorer was arguably THE best browser experience we had.  IE had some basic developer tools, it practically invented AJAX with its ActiveX Technology, and it was the standard that corporate web development was measured by. Then, something happened. Firefox was born.   The Firefox browser, created by Mozilla, in contrast to IE was rapidly developed and it worked with standards bodies to guide feature implementation. One key success factor for Mozilla was that Firefox was an open source community driven project. Microsoft did not follow the same philosophies as Mozilla in their development. They opted to continue using proprietary technologies and continued on the path that led them to success for so many years.   The community began to resent Microsoft & Internet Explorer because Internet Explorer was, and as of today, stil is the default browser for its Windows Operating System. Since its creation, Windows has the majority market share in the corporate & government spaces. For better or for worse, the most successful development companies traditionally have targeted these markets and related sub markets because they typically yield the most profits comparatively to their costs.   The Safari & Opera browsers also fell in line with Firefox as far as standards implementation. Some extra code is needed to make everything work the same across browsers & devices but it’s minimal in effort. This ‘cross-browser’ coding is not as insignificant with Internet Explorer. Developers now had to build extra code and spend extra time needed to support Internet Explorer which cost companies a ton of money.   Something happened to Microsoft in recent years that slowly changed the way they looked at the business of web & mobile development. Microsoft decided to invest in open source. They created Microsoft Open Tech. They adopted JQuery as an officially supported JavaScript framework in their products. They began taking an active role in standards bodies and implementation of open standards. Microsoft also started doing something that surprised the developer community. They started telling the public what they were building into Internet Explorer as well as the development status of those features.   The  IE team began adding support & tooling for popular open source projects for their .NET platform. One of the most surprising moves by Microsoft is that The Internet Explorer team publically empowered developers & users to voice the features they want in the next versions of the Internet Explorer Platform experience.   Jacob Rossi, Charles Morris, & Adrian Bateman join The Web Platform Podcast to chat about the future of the web and how Microsoft is returning to its former glory and, arguably, leading the way in developer happiness. Microsoft is making massive improvements in the experience of Internet Explorer. On top of that they are actively assisting companies with the upgrade process and involving users in a Technical Preview Program of Windows 10 where users can help improve the product before the official release. This preview has a new browser alongside the modern Internet Explorer. This new browser, code named ”Project Spartan”, is free of the old Internet Explorer legacy and ushers in a new way to think about MIcrosoft’s Web Platform.. Resources Asm.js on IE - http://blogs.msdn.com/b/ie/archive/2015/02/18/bringing-asm-js-to-the-chakra-javascript-engine-in-windows-10.aspx IE Blog - http://blogs.msdn.com/b/ie/ IE on Twitter - @IEDevChat Smashing Magazine article on Spartan - http://www.smashingmagazine.com/2015/01/26/inside-microsofts-new-rendering-engine-project-spartan/ Modern IE - https://www.modern.ie/ Free Windows Virtual Machines for Mac & Linux - https://www.modern.ie/en-us/virtualization-tools#downloads Public Platform Status - https://status.modern.ie/ Remote IE - https://remote.modern.ie/subscribe User Voice Post - https://wpdev.uservoice.com/forums/257854-internet-explorer-platform Rethinking Microsoft's Browser with Rey Bango - http://www.thewebahead.net/94 EcmaScript 6 (ES6) Compatibility Tables - http://kangax.github.io/compat-table/es6/ Sitepoint article - http://www.sitepoint.com/microsoft-spartan-future-internet-explorer/ Panelists   Erik Isaksen - UX Engineer at3Pillar Global Nick Niemeir - JavaScript Agent Engineer at New Relic Rob Simpson - Senior Front End Developer & host of The Watercooler Web Dev Show Rachel Nabors - Web Animation Developer Advocate & Founder of TinMagpie

What is Facebook’s React.js project? When it was announced at JSConf US 2013 it met mixed reviews. One question that might enter your mind is...as developer today in 2015, do I really need to know another framework? The short answer is “yes”. In episode 31 “Building with React.js” we talk with Facebook developer and TC39 member, Sebastian Markbage (@sebmarkbage) on building apps with React, React Native, React Conf 2015, what’s new in the framework, what the core concepts are, what the hype is all about, and much more.   Resources Sebastian Markbage: Minimal API Surface Area | JSConf EU 2014 -  https://www.youtube.com/watch?v=4anAwXYqLG8 React - https://github.com/facebook/react Sebastian’s Github - https://github.com/sebmarkbage React blog - http://facebook.github.io/react/blog/ v.0.13.0 Beta update - http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html Panelists   Erik Isaksen - UX Engineer at3Pillar Global Danny Blue - Front End Engineer at Deloitte Digital Nick Niemeir - JavaScript Agent Engineer at New Relic

We, as developers, consume so much information. We read blogs, use our social media to get the latest happenings, follow startup & corporate companies in the news, and we pull in so many libraries and frameworks that power our applications and reduce the amount of work we need to do. Many of us take it for granted that the libraries, frameworks, gists, codepens, blog posts, screencasts, podcasts, & books we consume are all someone elses hard work. That work probably required a lot of time & energy but more importantly, those community contributors took the mindset that others could benefit from their work. Why would they make it a priority to spend the extra time and effort doing this when they have their own deadlines & their own struggles? Surely these people must be crazy, right? Perhaps this is true...but what if it's not?   Who are the people that create for us? Why do they do it? What can we gain in our own work by delivering our own content to others? How can we help contribute? These are only a few of the questions that tend to surface when we discuss the topic of contributing to the community. Episode 30 takes a strong & hard look at the reasons why we produce content and why we consume it. More importantly, we talk to the benefits developers can gain by both producing & consuming code and content in their own work.   Levent Gurses (@gursesl), mobile developer and founder of Movel, talks with us about his experiences running meetups, building software in the open, and sharing with the community. Movel is a mobile product & services company that specializes in building scalable corporate Resources Github - https://github.com Anvil Connect Id Server - http://anvil.io CodePen -  http://codepen.io Assembly - https://assembly.com/ Gist - https://gist.github.com/ The Web Animation Newsletter -  http://webanimationweekly.com Movel - http://movel.co Mobile DC - http://www.meetup.com/mobile-dc/ Code For DC - http://codefordc.org/ Code School - https://www.codeschool.com Code Academy - http://www.codecademy.com/ Khan Academy - https://www.khanacademy.org/ Rails Girls - http://railsgirls.com/ Hack Reactor - http://www.hackreactor.com/ Girl Develop It - http://www.girldevelopit.com/ egghead.io - http://egghead.io Lets Code Javascript - http://www.letscodejavascript.com/ Panelists   Erik Isaksen - UX Engineer at3Pillar Global Christian Smith - Open Source Developer & Startup Enthusiast Danny Blue - Front End Engineer at Deloitte Digital Rachel Nabors - Web Animation Developer Advocate & Founder of TinMagpie

The Reactive Extensions (Rx) is a library for building async and event-based programs using observable sequences & query operators. Developers can use Rx to represent asynchronous data streams with Observables and query those data streams using LINQ operators. Rx can  utilize Schedulers to parameterize concurrency asynchronous data streams.   Simply put, Rx = Observables + LINQ + Schedulers.   Rx comes in many flavors and there are a lot of resources out there. Microsoft has open sourced this interesting and powerful way to work with async data streams so that we can all contribute and benefit from its strengths & weaknesses.Matthew Podwysocki (@mattpodwysocki), Microsoft ‘Open Sourcerer’, demystifies the Rx realm and opens our minds to new ideas. Resources Reactive Extensions on Codeplex - https://rx.codeplex.com/ Reactive Extensions on Github -  https://github.com/Reactive-Extensions/ Intro To Rx Book -  http://www.amazon.com/dp/B008GM3YPM/ React and Rx Examples - https://github.com/Reactive-Extensions/RxJS/tree/master/examples/ community resources - http://reactivex.io/community.html reactivex.io - http://reactivex.io/ tutorials - http://reactivex.io/tutorials.html stock server - https://github.com/Reactive-Extensions/RxJS/tree/master/examples/stockserver Rx twitter - https://twitter.com/ReactiveX Microsoft Github List - https://microsoft.github.io/ Panelists Erik Isaksen - UX Engineer at3Pillar Global Rob Simpson - Senior Front End Developer atCapco Nick Niemeir- JavaScript Agent Engineer atNew Relic Danny Blue - Front End Engineer at Deloitte Digital

Gary McGraw (@cigitalgem), CTO of the security giant Cigital, chats with us about how web developers, and software engineers in general, can best secure applications we are building today. We dive into best practices, team collaboration techniques, where to go for further information, and what companies like Cigital are doing for the web security community. Resources Cigital- http://www.cigital.com/ The Silver Bullet Podcast - http://www.cigital.com/silver-bullet/ Web Application Security Consortium - http://www.webappsec.org/ Software Security - Building Security In - http://www.amazon.com/Software-Security-Building-In/dp/0321356705 NodeGoat - http://nodegoat.herokuapp.com/login RailsGoat - http://railsgoat.cktricky.com/ Gary’s books - http://www.cigital.com/~gem/books/ Charlie Miller Interview - http://www.cigital.com/silver-bullet/show-095/ OWASP - https://www.owasp.org/ Panelists Adi Chikara - ATG Lead at3Pillar Global Christian Smith - Open Source developer & Startup Enthusiast Chetan Karande - Senior Software Engineer at Omgeo   Erik Isaksen - UX Engineer at3Pillar Global Rob Simpson - Senior Front End Developer atCapco Nick Niemeir - JavaScript Agent Engineer at New Relic

Chris Coyier (@chriscoyier), creator of CSS-Tricks & Codepen speaks with The Web Platform Podcast of buiding the Real Time Code Editor based on CodeMirror, Codepen.io. We go into what designers, educators,and developers are doing with this service and how we can best utilize codepen in our own work. We also focus on the UX and features of the service that have led to it’s success on various levels. Chris is a well known author, speaker and is the podcast host of ShopTalk Show. Resources Codepen.io - http://codepen.io Contribute to the Open Source parts of CodePen - https://github.com/CodePen Chris’s Twitter - https://twitter.com/chriscoyier Rachel Smith’s Story - http://codepen.io/rachsmith/blog/last-year-i-joined-codepen-what-happened-next-will-blow-you-away Shop Talk Show - http://shoptalkshow.com/ CSS Tricks - http://css-tricks.com/ The Lodge - http://css-tricks.com/lodge/ A video intro to Codepen - http://vimeo.com/66335155 CodeMirror API - http://codemirror.net/ ACE Editor - http://ace.c9.io/ PubNub -http://www.pubnub.com/ Ana Tudor’s Pens - http://codepen.io/thebabydino/ Chris Coyier’s Pens - http://codepen.io/chriscoyier/ Rachel Nabors Pens - http://codepen.io/rachelnabors/ Rachel Smith’s Pens - http://codepen.io/rachsmith/   Panelists Rachel Nabors - Master Web Animation Wizard, speaker & her own boss at Tin Magpie Rob Simpson- Senior Front End Developer at Capco Danny Blue - Front End Developer at Deloitte Digital Erik Isaksen - UX Engineer at 3Pillar Global   Sponsors Sticker Mule (@stickermule)Custom Stickers that stand out above the rest NovaAngular (@NovaAngular)The Angular JavaScript Meetup in Herndon, VA. Contact them for speaking engagements online or in person - novaangular@gmail.com

While working to secure Rails applications in a truly Agile development environment, it became clear to Ken Johnson (@cktricky), CTO of nVisium Security, and Mike McCabe (@mccabe615) that the Rails community needed attention to security in the form of free and open training. The events that have transpired this past year have only reinforced that belief. RailsGoat, an OWASP project, is an attempt to bring attention to both the problems that most frequently occur in Rails, solutions for remediation, and common attack scenarios. Ken, Mike, and their contributors built a vulnerable Rails application that aligns with the OWASP Top 10 and can be used as a training tool for Rails-based development shops. Resources   Brakeman -  http://brakemanscanner.org/ RailsGoat - http://railsgoat.cktricky.com/ OWASP - https://www.owasp.org/ OWASP NoVA - http://www.meetup.com/OWASP-Northern-Virginia-Chapter/ Rails Security Guide - http://guides.rubyonrails.org/security.html RoR Security Google Group - https://groups.google.com/forum/#!forum/rubyonrails-security DevOops Video - https://www.youtube.com/watch?v=1kPw3tHt2oo DevOops Slides - http://www.slideshare.net/chrisgates/lascon-2014-devooops Ensnare Gem - https://github.com/ahoernecke/ensnare

Our guests Michael Bleigh, Divshot CEO, and Kevin Chau, Director of Business Development at Divshot, talk about the importance of Static Applications, Hosting Static Apps, & Hackathons. Static Showdown is a worldwide 48 hour hackathon featuringstatic web apps. Divshot, a company born of a hackathon, is a leader in Static App Hosting. They are Community Builders and lovers of the web.   This year, Divshot brings us it’s 2nd incarnation of the Static Showdown competition that will be held online Jan 24th through Jan 25th. Registered teams will be provided with a private github repo & Divshot Static App hosting for the hackathon. Some prizes include Chrome Books, Moto 360’s, $300 Apple Gift cards, $500 Amazon gift cards, cold hard cash and more. This Serverless coding event is sponsored by some of the top companies & projects in the web development industry. Past Judges have included Yehuda Katz, Eric Bidelman, Alex McCaw, Mark Otto, Zach Holman, and many others. Sign ups end on Jan 22nd so hurry and  get your team ready ASAP for a solid 48 hours of fun, creativity, & excitement. Register at http://staticshowdown.comnow!     Hosts: Erik Isaksen - UX Engineer at3Pillar Global Christian Smith- Open Source Developer & Startup Enthusiast Danny Blue - Senior Front End Developer at Deloitte Digital Nick Niemeir- JavaScript Agent Engineer atNew Relic   This episode is also available on our YouTube channel Links StaticShowdown 2015 - http://www.staticshowdown.com/ Divshot Static App Hosting - http://divshot.com ReadTheSource.ioSuperStatic walkthrough with Scott Corgan - http://hangouts.readthesource.io/hangouts/divshot-superstatic/ Divshot’s Blog - https://divshot.com/blog/ ele.io (ellie) Web Components Playground - https://ele.io Built With Polymer -  http://builtwithpolymer.org/ Web Components LA -  http://www.meetup.com/Web-Components-LA/ Erik’s quick intro to Divshot (15 min) - https://www.youtube.com/watch?v=5DXme0_dfK4 Creating Webpages using Bootstrap and Divshot (73 min) - https://www.youtube.com/watch?v=SLYZ7ZVwnvk Static Apps Org - http://www.staticapps.org/

Offline access for applications is becoming more and more necessary for web development today due to increasing client usability demands. The HTML AppCache are a partial solution but is very sticky, often provides stale data and is not dynamic or adaptable. Developers can easily find themselves doing hacks with the deprecated Web SQL API, IndexedDB, & localStorage or a framework like Hood.ie to achieve a fully supported offline application.   Jake Archibald (@jaffathecake), Google software engineer, wrote an infamous article on A List Apart about the inadequacies of AppCache. This turned into the beginnings of ServiceWorker, an API for offline access that provides “scriptable primitives that make it possible for application developers to build URL-friendly, always-available applications in a sane and layered way.” ServiceWorkers allow developers to to make sites work faster and/or offline and also use network intercepting as a basis for other 'background' features such as push messaging and background sync Jake, along with Google Engineer, Alex Russell (@slightlylate) & Mozilla engineers Anne Van Kesteren (@annevk) & Ben Kelly (@wanderview) talk about ServiceWorker’s current state and how we will use it in our applications. Resources The spec - https://slightlyoff.github.io/ServiceWorker/spec/service_worker/index.html How to build with ServiceWorkers - https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md The Offline Cookbook - http://jakearchibald.com/2014/offline-cookbook/ ServiceWorker Cache Polyfill - https://github.com/coonsta/cache-polyfill ServiceWorker Github - https://github.com/slightlyoff/ServiceWorker The article that started it all - http://alistapart.com/article/application-cache-is-a-douchebag Offline First Organization - http://offlinefirst.org/ Potential Resource Implications -  https://hacks.mozilla.org/2014/12/mozilla-and-web-components/   Understanding ServiceWorker Cache in Firefox - http://blog.wanderview.com/blog/2014/12/08/implementing-the-serviceworker-cache-api-in-gecko/ Intro to Service Worker - http://www.html5rocks.com/en/tutorials/service-worker/introduction/ Using Service Workers - https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers Web Spec Framework - https://github.com/slightlyoff/web-spec-framework Brendan Eich Quote - https://annevankesteren.nl/2014/09/tc39-api-design The early state of ServiceWorker - http://devchat.tv/js-jabber/069-jsj-the-application-cache-with-jake-archibald Support in browsers - https://jakearchibald.github.io/isserviceworkerready/

Rachel Nabors (@rachelnabors) adventures around the world to speak at conferences about animation, interaction, and storytelling. Based in Portland, Oregon, she works at her own company Tin Magpie, training folk to use web animation and publishing interactive stories. Rachel guides us through her interaction development process using the Web Animation API, CSS, HTML, JavaScript and more. We chat with her about training designers & developers animation techniques & fundamentals and the valuer of baked goods. Links Tin Magpie - https://twitter.com/tinmagpie / http://tinmagpie.com/ Rachel Nabor’s site - http://rachelnabors.com/ Training - http://rachelnabors.com/training/ Alice In Videoland - http://rachelnabors.com/alice-in-videoland/book/ Alice in Videoland code explained - http://webdesign.tutsplus.com/articles/how-they-did-it-alice-in-videoland--webdesign-16411 Alice in Videoland design explained - http://www.adobe.com/inspire/2013/12/interactive-html5-storybook.html?trackingid=KJGDU&PID=7114730 Github - https://github.com/rachelnabors state of the animation - http://www.tuicool.com/articles/ABbQ73n Inventing on Principle - http://vimeo.com/36579366 homestuck - http://www.mspaintadventures.com/

A discussion on Open Source technologies with open source contributors & interested developers. We tackle topics such as how to get started contributing, resources that developers might need, starting a project of your own, understanding licenses, monetization strategies, and the darker sides of open source.   Our panelists: Rob Simpson, Senior Engineer at AgileX & Host of The WaterCooler Web Dev Show Joe Barnes, Senior Architect at Mentor Graphics & Lift web framework contributor Matt Creager - Developer Advocate at Heroku Erik Isaksen - UX Engineer at3Pillar Global Christian Smith - Open source developer and startup enthusiast Nick Niemeir- JavaScript Agent Engineer atNew Relic   This episode is also available on our YouTube channel Links Open Source Jerks - http://readwrite.com/2014/12/15/open-source-avoid-the-jerks What is open source? - http://en.wikipedia.org/wiki/Open-source_software_development The Open Source Initiative - http://opensource.org/ Open Source is innovation - http://www.infoworld.com/article/2607921/application-development/the-open-source-way-of-being.html Github - https://github.com Bitbucket - https://bitbucket.org Gitlab - https://gitlab.com LiftWeb - http://liftweb.net/ & https://github.com/lift Free as in Freedom - https://static.fsf.org/nosvn/faif-2.0.pdf The Cathedral and the Bazaar - http://www.catb.org/esr/writings/cathedral-bazaar/ The Magic Cauldron - http://www.catb.org/esr/writings/magic-cauldron/magic-cauldron.html Is npm worth 2.6MM? - http://words.steveklabnik.com/is-npm-worth-26mm Contributing on GitHub - https://guides.github.com/activities/contributing-to-open-source/ Various Licenses and Comments - https://www.gnu.org/licenses/license-list.html Design & development in Open Source - http://open-karma.com/ Gitter - https://gitter.im/

Daniel Buchner (@csuwildcat), Product Manager at Target & former Mozillian, talks with The Web Platform Podcast on x-tag, the Custom Elements library competitor to Polymer that he created alongside former Mozillian & Kraken Developer, Arron Schaar (@pennyfx). X-tag is a interesting way to work with web components that takes a totally imperative approach to creating Web Components as opposed to the declarative way of building with Polymer. Some features include legacy browser support, optional mixins to share across components, & functional pseudos to assist in delegation.   Daniel has worked on the W3C specs for Web Components and is now updating x-tag to meet the demands of developers to have more flexibility with Shadow DOM, Templates, and HTML Imports. Daniel is very active on github and would love to have more contributors help build the future of the x-tag projects as well as all projects that help make the web better. Resources   x-tag - http://www.x-tags.org x-tag documentation -http://x-tag.readme.io/v1.0/docs x-tag input - https://github.com/x-tag/input/blob/master/src/input.js x-tag on Github - https://github.com/x-tag web search - https://github.com/web-services/web-search A Quantum Leap into Web Development - http://slides.com/danielbuchner/wc-qconf#/ Daniel at SFHTML Meetup - https://www.youtube.com/watch?v=iPmN4CvLGJc What’s next for x-tag - http://webcomponents.org/articles/interview-with-daniel-buchner/ Daniel’s Github - https://github.com/csuwildcat Target - http://www.target.com

Matt Claypotch (@potch), Mozilla Apps Engineer & Lead on Mozilla Brick Project and Soledad Penades(@supersole), GIF Hacktivist & Mozilla Apps Engineer, join us for Episode 20, “Mozilla Brick, ‘UIKit’ for The Web”, where we talk about building UI focused Web Components for the Mobile First Web Development.   Mozilla Brick is a set of ‘Mobile First’ focused Web Components built as close to the specs as possible. It is not a library built on top of web components but a collection of elements with as little abstraction as possible. Brick's goal has been to make building the interface of web applications easier. UI is not as easy for many developers to build from scratch and it can be difficult to get performant, usable, and attractive widgets.   “Just as native platforms have UI toolkits, Brick aims to provide a 'UIKit for the Web' using the latest standards to make authoring webapp UI easier than ever before.”   The Mozilla Brick Team Resources MozBrick - http://mozbrick.github.io/ MozBrick Blog - http://mozbrick.github.io/blog/ MozBrick Github -  https://github.com/mozbrick/brick Sole’s Website - http://soledadpenades.com/ Matt’s Github - https://github.com/potch Sole’s Github - https://github.com/sole Matt’s personal site - http://potch.me/ x-tag - http://www.x-tags.org/ generator-brick - https://github.com/mozbrick/generator-brick generator-element - https://github.com/webcomponents/generator-element yeoman - http://yeoman.io/ webcomponentsjs - https://github.com/webcomponents/webcomponentsjs Polymer Project -  https://www.polymer-project.org/ Firebase Polymer Example at Web Components LA - https://www.youtube.com/watch?v=gErWcBdd-F8 Soledad’s Audio Components talk - https://www.youtube.com/watch?v=SCBbd5N4fho gulp - http://gulpjs.com/ grunt - http://gruntjs.com vulcanize - https://github.com/polymer/vulcanize webdriver.io - http://webdriver.io/ saucelabs - https://saucelabs.com/ appmaker - https://github.com/mozilla-appmaker/appmaker Steve Newcomb on The Web Platform -  http://thewebplatform.libsyn.com/the-famous-vision-of-mobile-first Marcy Sutton - http://marcysutton.com Marcy Sutton’s Taco talk - https://www.youtube.com/watch?v=BgvDZZ8Ms8c Firefox OS - https://www.mozilla.org/en-US/firefox/os/ Hacker News Post - https://news.ycombinator.com/item?id=8386897 Infoworld Article - http://www.infoworld.com/article/2690275/html5/build-better-html5-uis-mozillas-brick-library.html Sitepoint Article - http://www.sitepoint.com/introducing-appmaker-teaching-coding-app-design/ Screenshots of Elements - http://potch.github.io/proto/screenshots/ Firefox OS Marketplace example app - https://marketplace.firefox.com/app/firesea-irc?src=search

Chetan Karande (@karande_c), talks about Node.js App security and ways developers can prevent attacks. He goes into detail about working with Express.js in particular, NodeGoat, & his work with OWASP. Chetan is a team lead and senior software engineer at Omgeo and frequently speaks at conferences about JavaScript, Front End Technologies, Java, & Node.js.Resources: Chetan’s Twitter - https://twitter.com/karande_c Chetan’s G+ - https://plus.google.com/103318808082524392883 FluentConf Interview - https://www.youtube.com/watch?v=BLd5xLXSz1A&index=29&list=PL055Epbe6d5bab7rZ3i83OtMmD-d9uq2K FluentConf Slides - https://speakerdeck.com/ckarande/top-overlooked-security-threats-to-node-dot-js-web-applications jssummit - http://environmentsforhumans.com/2014/javascript-summit/ omgeo- https://www.omgeo.com/ node.js vulnerabilities http://blog.nodejs.org/vulnerability/ Express vulnerabilities - http://expressjs.com/advanced/security-updates.html node security project - https://nodesecurity.io/advisories node-goat - https://www.owasp.org/index.php/OWASP_Node_js_Goat_Project retire.js - http://open.bekk.no/retire-js-what-you-require-you-must-also-retire OWASP ZAP Proxy - https://www.owasp.org/index.php/OWASP_Zed_Attack_Proxy_Project grunt-zap - https://www.npmjs.org/package/grunt-zaproxy chetan github - https://github.com/ckarande CVSS (Common vulnerability  Scoring System) - http://nvd.nist.gov/cvss.cfm?calculator&version=2 ReDos RegEx Test Tools - RXRR - http://www.cs.bham.ac.uk/~hxt/research/rxxr-download.shtml) SDL RegEX Fuzzer -  http://www.microsoft.com/en-us/download/details.aspx?id=20095  

We covered the basics of WebRTC (Web Real Time Communication) & Real Time Application Development in episode 7 of the podcast with Agility Feat and now, with the recent news that Microsoft has decided to start implementing ORTC (Object Real Time Communication), we felt it was time to get a closer look at this ‘peer-to-peer’ technology and how we can start using it today. ORTC is an ‘evolution’ of WebRTC (AKA Web RTC 1.1) and it changes a few things to the underlying way Web RTC works. Despite this, ORTC seems to retain all of its previous API’s and functionality.   Our guest Tsahi Levent-Levi (@tsahil) goes through the API's associated with ORTC, sharing his experiences with each piece of the technology. He takes us through possible client strategies ,deployment 'gotchas', what is relevant and working today, the misconceptions, and the power of peer-to-peer communication & media interactivity.      Resources ORTC news - http://www.infoq.com/news/2014/08/ortc-webrtc Skype article - http://bloggeek.me/microsoft-ie-ortc-webrtc-skype-h-264/ REST & Web RTC - http://bloggeek.me/rest-webrtc-api/ Tsahil’s Web RTC & VOIP Blog - http://bloggeek.me/ Web Socket Throw back - http://www.joelonsoftware.com/items/2012/01/06.html ORTC - http://ortc.org/ Web RTC - http://webrtc.org Sign up for DevFest 2014 - http://devfestdc.org  

Defender of Magic, wizardry and the web, and CEO of Famo.us, Steve Newcomb (@stevenewcomb), walks us through the current state of Famo.us. Steve talks about how they are innovating the web and what we can expect in the future of “mobile first” web development from Famo.us.   Famo.us utilizes the power of a Virtual DOM combined with several engines that optimize the power of “cpu bound” performance. Famo.us claims to have mobile performance improvements that eliminate ‘janky’ animations and blur the lines between native device apps and mobile web apps.   Steve goes on to talk about how in April Famo.us will be releasing several features that will enable designers to easily pair with developers and also a new way of building with the framework that will “marry” native and web technology. “Mixed Mode” is a breakthrough for the team and apps built with this new feature will likely have native or even better than native UX & performance. Resources   Famo.us Crunchbase - http://www.crunchbase.com/organization/famo-us Famo.us Angular - http://www.famo.us/integrations/angular/#/intro Famo.us - http://famo.us Famo.us University - http://famo.us/university/home/#/ Steve NewComb Twitter - https://twitter.com/stevenewcomb ASM.js - http://asmjs.org/ “3D Physics for DOMies” - https://www.youtube.com/watch?v=83MX4wsoMzU Polymer - https://www.polymer-project.org React - http://facebook.github.io/react/ Angular - https://angularjs.org/ Famo.us YouTube Channel - https://www.youtube.com/channel/UCiFhuK7AExmfhl8iUzw2g4w Ionic Framework - http://ionicframework.com/ Elm - http://elm-lang.org/ Release 0.3.0 - https://github.com/Famous/famous/releases/tag/0.3.0 Browserify - http://browserify.org/

Pair Programming is an agile software development technique in which two programmers work together on the same development work at the same time. Many variants exist for this practice, each having there own merits and drawbacks.   From a business perspective, many companies are skeptical and critical of this practice because it incurs cost. Whether that cost is measured by time or by labor hours, determining a measure of success for pair programming is not an easy thing to do. In a world where metrics and numbers define ‘the bottom line’ it is no surprise that pair programming is not used everywhere.   What does it provide for the business of product & software development? The benefits definitely outweigh the drawbacks from a developer perspective. Our Evan Light talks about the aspects of testing practices in pairing, tools, and many other secrets to unlocking the power pairing.   Evan Light (@elight) is a software developer with nearly 20 years of professional experience. Having a passion for community service, Evan has spent several years as a volunteer EMT. In 2008 Evan founded the Ruby DCamp “unconference” which he continues to organize and run each year. He is a respected member of the Ruby programming community and has spoken at several Ruby-related conferences over the years.   Evan has an extensive background in remote pair programming and recently spoke at RubyNation in Silver Springs, Maryland on the subject. Evan’s talk was titled “Remote Pairing From the Comfort of Your Own Shell” where he spoke about his challenges & experiences in pair programming over the years and what has tools he uses today. Resources eXtreme Programming Explained - http://www.amazon.com/Extreme-Programming-Explained-Embrace-Change/dp/0201616416 Pomodoro technique - Agile Definition of Pair Programming -  http://en.wikipedia.org/wiki/Pair_programming #PairWithMe - http://www.pairprogramwith.me/ Ruby DCamp - http://rubydcamp.org and http://evan.tiggerpalace.com/articles/2012/10/06/the-dcamp-manifesto/ Vagrant - https://www.vagrantup.com/ Tmux - http://tmux.sourceforge.net/ Tmate - http://tmate.io/ Vimux - https://github.com/benmills/vimux My .emacs.d - https://github.com/elight/.emacs.d Pomodoro Technique - http://en.wikipedia.org/wiki/Pomodoro_Technique RubyMine - https://www.jetbrains.com/ruby/ Readme Driven Development - https://oncletom.io/talks/2014/okfestival/#/ J.B. Rainsberger “Integration Tests are a Scam” - http://vimeo.com/80533536 nitrous.io - https://www.nitrous.io/ Screen Hero - https://screenhero.com/ RubyNaition - http://www.rubynation.org/schedule/index Pairing Staircase - http://itnaut.com/pairing_staircase Evan on Twitter - https://twitter.com/elight: @elight   Evan’s Site - http://tripledogdare.net or http://evan.tiggerpalace.com  

Episode 15 deep dives into the programming experiences of Adam Solove (@asolove), Head of Engineering at Pagemodo. Adam has spent the last ten years building web interfaces various technologies such as CGI, Flash, DHTML, RJS, jQuery, and many MVC JavaScript frameworks. Adam has found over his career that working with a more functional style of programming is much more rewarding in many ways.   Functional programming and FRP (Functional Reactive Programming) provides improvements in performance and purposely avoids changing-state and mutable data. This can be an extremely effective technique in web application development because of the stateful nature of DOM (Document Object Model) implementations in the browser. Adam evangelizes and works with several languages and tools to provide incredible functional style applications including, but not limited to, Elm, ClojureScript, OM, & React.js.   Facebook’s React.js, met with mixed reviews when it was first released in 2013.  Since then it has been stirring up support in droves within the JavaScript development community do to it’s high UI performance output in browsers. It’s Virtual DOM and ways of solving data & DOM performance problems have been highly criticized but hard to ignore. React has an effective unorthodox way of thinking about UI.   Elm, a functional reactive language for interactive applications, combines core features of functional languages like immutability & type inference with FRP to Create highly interactive applications without callbacks or shared state. Elm is similar in syntax to Haskell and it compiles to HTML, CSS, and JavaScript that uses a Virtual DOM model similar in concepts to that of react.js. According to Elm’s internal benchmarks, using it’s compiled JavaScript code is actually faster than any JavaScript framework tested by a extreme margin.     ClojureScript, is a new compiler for Clojure that targets JavaScript. It is designed to emit JavaScript code which is compatible with the advanced compilation mode of the Google Closure optimizing compiler. David Nolen, has taken ClojureScript and created an interface for react.js called OM. Om allows for simple represention of Web Application User Interfaces as an EDN. ClojureScript data is immutable data, which means that Om can always rapidly re-render the UI from the root.  According to the project description, UIs created with Om are inherently able to create & manage historical snapshots with no implementation complexity and little overhead.   Resources Why use Functional Style? - http://stackoverflow.com/questions/36504/why-functional-languages Lambda: the ultimate syntax-semantics interface - http://okmij.org/ftp/gengo/NASSLLI10/ Haskell -http://www.haskell.org/haskellwiki/Haskell Adam Solove - http://adamsolove.com/ Adam’s talk on ClojureScript/OM - http://adamsolove.com/js/clojure/2014/05/08/react-js-and-om.html Elm Elm’s Virtual DOM - http://elm-lang.org/blog/Blazing-Fast-Html.elm Elm’s Time Travelling Debugger - http://debug.elm-lang.org/ ClojureScript & OM ClojureScript Intro 2011 - http://clojure.com/blog/2011/07/22/introducing-clojurescript.html A feature comparison to JavaScript - http://himera.herokuapp.com/synonym.html David Nolen - https://twitter.com/swannodette/ David Nolen’s Benchmarks - http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/ Todo MVC - https://github.com/swannodette/todomvc/tree/gh-pages/labs/architecture-examples/om/src/todomvc React.js   Reactjs - http://facebook.github.io/react/ Secrets of The Virtual DOM - http://fluentconf.com/fluent2014/public/schedule/detail/32395 React Demystified - React Diff Algorithm - http://calendar.perfplanet.com/2013/diff/

Today, Web Components have emerged from cutting edge technologies to technologies we can implement in our small scale production. It won’t be long before we are building large scale applications with Custom Elements, HTML Imports, Template Tags, and the infamous Shadow DOM. In embracing this type of developer environment, with it’s flexibility and compositional nature, consider interoperabilty as a core concept.   If you need a custom element for a card layout, as an example, you should be able to use any Web Component out there in the ecosystem regardless of which library or toolchain it comes from. If the component provides the desired functionality and styling you would require it should work seamlessly in your application. Furthermore, toolsets should not limit the the extending and composition of these custom elements. In practice, this may or may not always be the case and library & toolchain creators will need to be aware of these concerns.   Rob Dodson (@rob_dodson), Developer Advocate on the Google Chrome team, talks about his thoughts on the subject. Rob is helping to educate developers, not just about Google’s Polymer Library built on top of Web Components, but across the entire Web Components community.   Rob goes through many of the changes made to Polymer 0.4.2, including accessibility and performance that help in making applications more integrated and how Google is working to share what the Blink Team has learned from implementing Web Components in Chrome with other browser vendors and developers.   Working closely with Mozilla developers on his SFHTML 5 Meetup talk on Web Components Mashups, Rob was able to collaborate and share ideas so that Web Components could alleviate many of the concerns we had when migrating from one JavaScript library to another. It is painful for developers to have to remake components every time they switch libraries or frameworks. Web Components aims to make that a thing of the past and Rob has done much more on this topic since that talk. Have a listen and hear what he has to say. Resources Rob’s Blog - http://robdodson.me/ I/O Presentation - http://webcomponents.org/presentations/unlock-the-next-era-of-ui-development-with-polymer-at-io/ Accessible Web Components Part 1 -https://www.polymer-project.org/articles/accessible-web-components.html SFHTML Mashup Video -https://www.youtube.com/watch?v=75EuHl6CSTo The Web Platform Status for IE - https://status.modern.ie/ IE Beta Channel - http://www.microsoft.com/en-us/download/details.aspx?id=43360 Polytechnic Events - http://itshackademic.com/ Polycast Playlist - https://www.youtube.com/playlist?list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN Custom Elements on GitHub - https://twitter.com/polymer/status/464103568392200193 IE Platform Voting -https://wpdev.uservoice.com/forums/257854-internet-explorer-platform customelements.io - http://customelements.io/ Webcomponents.org -http://webcomponents.org/ Bosonic Shadow DOM Issue (#4) - https://github.com/bosonic/bosonic/issues/4 The Bower Package Manager - http://bower.io/ Divshot - http://divshot.io Divshot Blog - https://divshot.com/blog/ BuiltWithPolymer - http://builtwithpolymer.org/ Divshot’s Web Component Playground - https://ele.io/ Angular 2 Web Components Data Binding Document - https://docs.google.com/document/d/1kpuR512G1b0D8egl9245OHaG0cFh0ST0ekhD_g8sxtI/edit?hl=en&forcehl=1&pli=1#heading=h.xgjl2srtytjt ReadTheSource - http://hangouts.readthesource.io/hangouts/divshot-superstatic/ RailsCasts -http://railscasts.com/ PhantomJS -https://github.com/ariya/phantomjs/wiki/PhantomJS-2 saucelabs -https://saucelabs.com/ People Alex Russel -https://twitter.com/slightlylate Alice Boxhall -https://twitter.com/sundress Raphael Rugeron - https://twitter.com/goldoraf Jonathon Sampson  -https://twitter.com/jonathansampson Arron Schaar - https://github.com/pennyfx Michael Bleigh - https://twitter.com/mbleigh Scott Corgan - https://twitter.com/scottcorgan Projects Reactive Elements -https://github.com/PixelsCommander/ReactiveElements X-Tags Imports - https://github.com/x-tag/x-tag-imports Enyo -http://enyojs.com/ React.js -http://facebook.github.io/react/ Famo.us -http://famo.us/ Chromium Blink -http://www.chromium.org/blink Polymer 0.4.2 -https://github.com/Polymer/polymer/releases/tag/0.4.2 Brick 2.0 -http://brick.mozilla.io/ X-Tags -http://www.x-tags.org/ Polymer -https://www.polymer-project.org/ Bosonic -https://bosonic.github.io/ Vulcanize - https://github.com/polymer/vulcanize generator-element -https://github.com/webcomponents/generator-element Firefox OS - https://www.mozilla.org/en-US/firefox/os/ web-component-tester -https://github.com/Polymer/web-component-tester Topeka -https://github.com/polymer/topeka Jquery UI -http://jqueryui.com/ Components core-a11ykeys -https://github.com/Polymer/core-a11y-keys core-list -https://github.com/Polymer/core-list core-animated-pages -https://github.com/Polymer/core-animated-pages Brick Components -http://brick.mozilla.io/v2.0/docs WinJS Polymer Samples -https://github.com/banguero/winjs-polymer-samples core-ajax - https://github.com/polymer/core-ajax google-map - https://github.com/GoogleWebComponents/google-map core-shared-lib - https://github.com/Polymer/core-shared-lib google-apis - https://github.com/GoogleWebComponents/google-apis core-selector - https://github.com/polymer/core-selector paper-menu-button - https://github.com/Polymer/paper-menu-button paper-tabs - https://github.com/Polymer/paper-tabs paper-elements - https://www.polymer-project.org/docs/elements/paper-elements.html core-signals -https://github.com/Polymer/core-signals

Connectivity and ubiquity will play a huge role in how web development for connected devices evolves. The rise of makers & builders in the development community is sparking innovation as well as curiosity in the business world. From connected cars & living spaces to fashion and novelty, The Internet of Things (#IoT) stretches far and wide. We are seeing more and more that our clients and users are demanding applications that integrate seamlessly not just w/ their phones, tablets, and computers but with their tv’s, security systems. Many companies are now seeing the viability & market for connected IoT. Many of these companies want to unify product experiences and blur the lines between the physical and digital worlds. With that said, how can we start building our skills and becoming the experts in this development arena?   Whether you are interested in building assembly line robotics, medical technology solutions, or even a simple product with blinking LED’s, developers will need to know many things. The security, product development cycles, how to connect devices to together, & how to share and assimilate firmware & software packages are very important. Standardization and assimilation of devices in a secure manner is critical for businesses.   JavaScript’s ubiquity & evented I/O model lends itself well to easily build IoT devices. Other languages are just as viable and debatably better at many aspects of IoT but JavaScript makes it easier, approachable, and portable.   NPM (@npmjs), the Node Package Manager, is used across the world as the standard JavaScript package manager for Node.js JavaScript primarily for the web. NPM, Inc. aims to change that and be more than a web tool. I aims to be the JavaScript ecosystem package manager for all development platforms from front end development to IoT and more. Raquel Velez (@rockbot), Software Engineer at NPM, Inc., speaks to this, the impact of NodeBots on the development community, education of IoT, and robotics & web technologies in IoT.Chris Matthieu (@chrismatthieu), Co-founder & CTO of Octoblu (@Octoblu), discusses Octoblu’s platform and specifically #MeshBlu (AKA SkyNet.im), the scalable & universal cloud-based MQTT & CoAP-powered network for smart devices, sensors, cloud resources, drones, Arduinos, Raspberry Pis, and more.   Mike Schwartz(@nynymike), CEO of Gluu, shares his feelings on IoT security, open security standards, development practices and the pitfalls of a connected platform for IoT devices.     Kenal Shah (@KenalShah), Product Manager at 3Pillar Global, talks to the product side of IoT and how the business side of developing for connected devices impacts the development practices.   Standards are constantly debated and the rise of the machines is upon us. We need to decide as a community what these standards are so our clients can trust us to develop their IoT integration products. It is “The Wild Wild West” of IoT yet production and shipping capablities are here with tools like Node.js, NPM, and Octoblu. Once we solidify the standards, will you be ready to deliver?   https://twitter.com/chrismatthieu/status/458381648816377857   Upcoming Related Events http://hangouts.readthesource.io/hangouts/octoblu-meshblu/   Resources http://www.smartthings.com/ http://openinterconnect.org/ http://2014.robotsconf.com/ https://www.docker.com/ http://iot.sys-con.com/node/3178979 http://webrtc.sys-con.com/node/3123286 https://allseenalliance.org/sites/default/files/AllSeen-Alliance-DataSheet-09092014-8x11.pdf https://allseenalliance.org/developer-resources/alljoyn-open-source-project https://localmotors.com/awest/connected-car-project-internet-of-things/ http://javascriptjabber.com/103-jsj-robots-with-raquel-velez/ https://www.spark.io/ https://tessel.io/ http://www.arduino.cc/ http://www.raspberrypi.org/ http://www.intel.com/content/www/us/en/intelligent-systems/alliance-overview.html http://nodebots.io/ http://www.3pillarglobal.com/   All Seen Alliance https://allseenalliance.org/   NPM http://rckbt.me/ https://twitter.com/rockbot https://www.npmjs.org/   Octoblu http://chrismatthieu.com https://twitter.com/chrismatthieu https://github.com/chrismatthieu http://www.octoblu.com/ https://twitter.com/octoblu https://github.com/octoblu https://developer.octoblu.com/ https://plus.google.com/u/0/+ChrisMatthieu https://github.com/octoblu/meshblu https://itunes.apple.com/us/app/mobiblu/id915566405?mt=8   Gluu http://www.gluu.org/blog/ http://www.gluu.org/blog/nstic-announce/ http://www.gluu.org/gluu-server/overview/  

“Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.” - Facebook’s Flux Architecture Home Page -   Bill Fisher (@fisherwebdev), Facebook Software Engineer & Lead Developer of the Flux Documentation, joins The Web Platform Podcast for ‘Episode 12:  Flux Application Architecture & ReactJS.’   Bill talks with hosts Nick Niemeir (@nickniemeir) & Erik Isaksen (@eisaksen) about Flux, an application architecture similar in ideas to CQRS & Data Flow Programming. It was created to alleviate the performance & scalability problems that Facebook encountered in building Facebook Messenger (Watch ‘Hacker Way: Rethinking Web App Development at Facebook’ - a presentation by Jing Chen, Software Engineer at Facebook, for further information). Flux promotes a unidirectional data flow model through an application. In contrast to MVC, Flux mainly consists of Stores, a central Dispatcher, and Controller-Views. Facebook has React.js as its view layer and and Flux is quickly becoming the architectural design of choice for many of its other web applications. The support, power, and marketing behind the Angular.js and Ember.js frameworks is undeniable and when Facebook released React.js many developers misunderstood its Virtual DOM approach because it was not like the frameworks developers are used too. Despite that, Facebook has proved itself a ‘contender’ in the eyes of many in the development community and many developers and engineering teams are switching their ‘framework of choice’ to React.js.   Flux combined with React.js offers many appealing possibilities but it is not limited to use with just React.js. Flux is an application architecture and it can be used as a pattern in almost any technology stack for web application development.   Flux & React Resources Introduction - http://facebook.github.io/react/docs/flux-overview.html Github Source Code - https://github.com/facebook/flux Chat Example Tutorial  -http://facebook.github.io/flux/docs/chat.html#content ReactiveElement Article - http://addyosmani.github.io/react-interop/demo.html Flux Home Page - http://facebook.github.io/flux/ PropTypes - https://github.com/facebook/react/blob/master/src/core/ReactPropTypes.js Testing Article - http://facebook.github.io/react/blog/2014/09/24/testing-flux-applications.html Facebook’s Jest  - http://facebook.github.io/jest/ OM ClojureScript Interface to React - https://github.com/swannodette/om   React.js - http://facebook.github.io/react/ Roundup - http://facebook.github.io/react/blog/2014/09/12/community-round-up-22.html Hacker Way: Rethinking Web App Development at Facebook - https://www.youtube.com/watch?v=nYkdrAPrdcw&list=PLb0IAmt7-GS188xDYE-u1ShQmFFGbrk0v   Flux Projects In Progress Adobe Brackets - http://brackets.io/ Yahoo Mail -  http://mail.yahoo.com   Flux Implementations Reactive Elements - http://pixelscommander.com/polygon/reactive-elements/example/#.VCVD7yldXkR ReFlux - https://github.com/spoike/refluxjs Fluxxor - http://fluxxor.com/ Fluxie - https://github.com/jmreidy/fluxy DeLorean - http://deloreanjs.com/   React Channels Facebook Support - http://facebook.github.io/flux/support.html Stackoverflow - http://stackoverflow.com/search?q=flux+react IRC - irc://chat.freenode.net/reactjs Google Group - https://groups.google.com/forum/#!forum/reactjs  

Raphael Rougeron joins us from Toulouse, France to talk about The Bosonic Project.  Raphael and his team of developers mostly focus their development efforts working in the Financial Industry, building out secure and robust applications as well as intricate cross browser UI Components. The UI components part of his work is especially interesting in that it led him to create The Bosonic Project.   Raphael was frustrated, like most of us, with having to constantly rewrite all of his components every time his team shifted technologies so he created The Bosonic Project. Bosonic, deriving its name from the word Boson, which is a subatomic particle that has zero or integral spin, is a philosophy and supporting tool chain to assist in building better UI components as the standardized Web Component specs (Custom Elements, HTML Imports, Shadow DOM, Templates, and CSS Decorators) describe them. This approach shields components against potential spec changes and provides support for “not-so-modern” browsers like Internet Explorer 9 (IE9).   Resources https://bosonic.github.io/ https://github.com/bosonic/grunt-bosonic https://github.com/bosonic/bosonic https://bosonic.github.io/getting-started.html https://raw.githubusercontent.com/bosonic/bosonic/master/dist/bosonic-polyfills.js https://github.com/bosonic/transpiler http://blog.raphael-rougeron.com/ https://twitter.com/goldoraf

In the future, CSS visualizations will dramatically change. How they will change is debatable but they will enable developers to do a lot more than they may think. We may see custom properties like variables to further improve DRY (Don’t Repeat Yourself) code & on-the-fly cascading calculations, CSS Extensions to create our own custom selector properties, custom functions, & custom selector combinations.  Some of these rules are even starting to be implemented in browsers today like “will-change” to pre-optimize changes in DOM structures and CSS Shapes. These will further help us define display, flow, & wrapping of content and it’s containers. CSS is moving rapidly and this is just the tip of what is to come for web development in the coming years or even months in some cases.   It used to be to create powerful visualizations in a browser you needed to use Flash or some non-standard tool to get the performance & consistency you needed from complicated animations. Today we have help in bridging the gaps of today and tomorrow. CSS Preprocessors given us powerful features in our CSS code. Some of the more notable ones are loops, conditionals, variables, custom mixins/functions, and heavy grade math calculations. While these are extremely useful, they only help us, currently, before we even see CSS in the browser. Online tools like Codepen.io help us quickly build and view CSS, HTML, & JavaScript that can be easily shared and updated without the overhead of understanding setup, build processess, or dependency management. Although extremely powerful, this means that the tools we have only have the ability to allow CSS to react to change in the DOM in a limited capacity. Looking at todays standard CSS, we now have ways of doing some dynamic calculations and conditions in the browser and device viewers. Directives like @supports and @media give us powerful conditionals. We have several types units of measurement, such as viewport units, frequency units, time units, & resolution units. Rules like ‘calc’ give us the ability to computationally react to mutations in the DOM tree. Keyframe Directives give us robust animation, the ‘transform’ rule yields great power to setup and animate DOM structures and also dynamically change rotation, skewing, scaling, and translation both 2D and 3D space, all without needing one line of JavaScript. Resources http://davidwalsh.name http://codepen.io/thebabydino/live/08634ee35593c97bd8cfb2ddd9324c24 http://davidwalsh.name/css-supports http://www.w3.org/TR/css3-values/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transforms http://css-tricks.com/five-questions-with-david-walsh/ http://codepen.io/collection/wHune/ http://codepen.io/thebabydino/pen/jgtof http://codepen.io/thebabydino/ http://techblog.rga.com/math-driven-css/ http://davidwalsh.name/css-flip http://css-tricks.com/a-couple-of-use-cases-for-calc/ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_animations http://stackoverflow.com/users/1397351/ana http://davidwalsh.name/svg-animation http://stackoverflow.com/users/1397351/ana http://stackoverflow.com/help/badges/17/necromancer?userid=1878132 http://sass-lang.com/ http://www.myth.io/ http://dev.w3.org/csswg/css-extensions/ http://sarasoueidan.com/ http://shoptalkshow.com/episodes/129-sara-soueidan/ http://5by5.tv/webahead/81 http://www.sitepoint.com/css-variables-can-preprocessors-cant/ http://codepen.io/shankarcabus/pen/jcyDA http://daneden.github.io/animate.css/ http://codepen.io/thebabydino/tag/calc()/ http://figures.spec.whatwg.org/

In Episode 9, ‘Web Accessibility for JavaScript Components and Custom Elements’. Steve Faulkner (@stevefaulkner) from The Paciello Group and Marcy Sutton (@marcysutton) from Substantial discuss the lack of focus in product development today in building accessible applications & services. Many times web accessibility becomes an afterthought in creating a software product, having little prioritization from the business side until it is a problem. Retrofitting such an important part of our development can make web accessibility seem more like a chore with low ROI for the the time taken to implement it. It can be easy if developers know how to do it and hardly any work when it is successfully incorporated into a development process and it’s valued at the business level.   With recent advances in the past few years in JavaScript MV* frameworks like Angular, React, & Ember we are seeing the need for web accessibility more and more. Heavy JavaScript applications tend to provide little or wrong functionality for things we take for granted like keyboard access. Examples on modifying these to better attend to user experience traditionally meant lots of overhead in development by forking the framework and updating it constantly. Based on the resources developers typically find in online searches & Roles the lack of good developer examples, WAI ARIA & even simple accessibility is easy to misunderstand.   Many newer client side frameworks focus on componentization of HTML elements. Angular Directives, Ember Components, React Classes and Web Components. Componentization gives developers a chance to build much faster and easier Web Accessibility using various tools like WAI ARIA roles at a much more focused & reusable level. What is the future of Web Accessibility with these technologies? Why are we so concerned about Web Accessibility?   References: https://github.com/marcysutton/accessibility-of-mvcs http://www.w3.org/TR/wai-aria/appendices#a_schemata https://www.youtube.com/watch?v=BgvDZZ8Ms8c https://www.youtube.com/watch?v=ZPsb-RR8SC0 http://w3c.github.io/aria-in-html/ https://www.youtube.com/watch?v=_IBiXfxhF-A http://www.polymer-project.org/articles/accessible-web-components.html http://marcysutton.com/target-corporate-website/ http://www.w3.org/TR/2013/WD-components-intro-20130606/#decorator-section http://www.paciellogroup.com/blog/ http://www.paciellogroup.com/resources/wat/ http://www.w3.org/WAI/intro/aria http://webaim.org/ https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA  

Dart was originally a Google language revealed in 2011 and is now an ECMA Standard known as TC52. When Dart first came into being it was annoounced it's purpose was to "ultimately to replace JavaScript as the 'lingua franca' of web development on the open web platform". It's a far stretch from JavaScript's flexible dynamic scripting approach in that It is statically typed and relies on source-to-source compilation. Now that Dart has evolved into a platform with it's own package manager, tooling, full stack implementations, & libraries,  it's community is growing and moving closer and closer toward it's original purpose.   Combined with powerful libraries like  “polymer.dart”, a Dart port of Polymer to build structured, encapsulated, client-side web apps with Dart and web components, can Dart become a first class browser language & the platform of choice for our development?   Chris Strom (@eee_c), our guest in this episode and owner of EEE Computes LLC, is a code explorer, daily blogger, and community leader in JavaScript, Ruby, & Dart. He is the author of3D Game Programming for Kids,Patterns in Polymer,Dart for Hipsters,The SPDY Book and Co-author ofRecipes with Backbone. He prefers to code with Dart but also builds with JavaScript, Ruby, Go and more.   Chris uses his ICE Code Editor project, written in Dart & Polymer, to teach kids how to code. Lately, he pair programs nightly and blogs daily on Dart, Polymer, and mentoring. Chris talks with Christian(@anvilhacks) & Erik (@eisaksen) about his writings, pairing experiences, teaching, and thoughts on Dart, Polymer, and the current state and possible futures of Dart as a platform of choice.   Resources:   https://www.dartlang.org/ http://japhr.blogspot.com https://github.com/lvivski/start http://pragprog.com/book/csdart/dart-for-hipsters http://pragprog.com/book/csjava/3d-game-programming-for-kids http://recipeswithbackbone.com/ http://spdybook.com/ https://github.com/eee-c/ice-code-editor http://eeecomputes.com Patterns in Polymer http://www.sitepoint.com/client-server-dart-app-getting-started/ http://www.ecma-international.org/memento/TC52.htm http://en.wikipedia.org/wiki/Dart_(programming_language) https://www.dartlang.org/polymer/ http://www.polymer-project.org   http://designpatternsindart.com/

In episode 7 of the web platform podcast, ‘’Web RTC and Designing Realtime Experiences”,  we talk with Agility Feat (http://agilityfeat.com/), a design and development firm in the US, Costa Rica, Nicaragua, and Honduras. Agility Feat has been not only building out real-time apps for a while now but they are also actively contributing back to the community around it as well by speaking at events, distributing a RealTime.com newsletter, and more.   Web RTC (http://www.webrtc.org/) is “a free, open project that enables web browsers with Real-Time Communications (RTC) capabilities via simple JavaScript APIs”. It is a peer-to-peer communication tool and its been around for a while. Contrary to popular belief Web RTC is not just video & chat in the browser. It is more than just that, it has data channels, screen sharing, streaming, and much more.   Web RTC is an evolving standard for realtime app development and is gaining popularity quickly in the realtime web community. More browsers are starting to implement it and Agility Feat has seen the capabilities & usefulness of Web RTC to assist in developing the user experience of realtime applications. In this episode Agilty Feat discusses how they approach designing for browsers that don’t support it and how they use Web RTC effectively in their applications.   Christian Smith (@anvilhacks) and Erik Isaksen (@eisaksen) host this episode with guests Allan Naranjo (@OrangeSoftware), Mariana Lopez (@nanalq), & Arin Sime (@ArinSime) The AgilityFeat team talks with us about the user experience considerations in building realtime applications and the technologies involved.   Allan Naranjo (@OrangeSoftware) is a core member of the development team at AgiltyFeat. He is a leader in creating detailed mobile experiences with heavy client side frameworks. Allan was the winner of  ‘The  Access Innovation Prize’ in 2012 for one of his Facebook Applications.   Mariana Lopez (@nanalq) is the UX lead at AgilityFeat. She designs real-time applications for clients across a variety of industries.  Mariana studied Human Computer Interaction at Carnegie Mellon University, and is also a professor of Interaction Design at the Universidad Veritas (Costa Rica) and Universidad de Costa Rica.   Arin Sime (@ArinSime) is co-founder of AgilityFeat. Arin has over 16 years of experience as a developer, entrepreneur, consultant, and trainer for everything from small startups to Fortune 100′s and federal agencies.   Resources http://www.realtimeweekly.com http://agilityfeat.com/blog http://iswebrtcreadyyet.com http://techcrunch.com/2014/06/27/google-hangouts-will-no-longer-require-a-plugin-for-chrome-users/ http://www.agilityfeat.com/blog/2014/05/real-time-ux-design-video/ http://www.nojitter.com/post/240168527/webrtc--the-good-and-the-bad https://plus.google.com/u/0/communities/106044262972906929746/stream/8faf729a-47a6-48d5-810f-e3f261ff585a https://www.accessnow.org/blog/2012/12/11/first-annual-access-innovation-awards-prize-winners-announced http://bloggeek.me/amazon-fire-phone-webrtc/ http://www.realtimeweb.co/ http://youtu.be/vvg_uFEu9Kk http://webrtchacks.com/ http://learnfromlisa.com/learn-webrtc/ http://www.html5rocks.com/en/tutorials/webrtc/basics/ http://www.html5rocks.com/en/tutorials/webrtc/infrastructure/ http://www.html5rocks.com/en/tutorials/webrtc/datachannels/ https://developer.mozilla.org/en-US/docs/Web/Guide/API/WebRTC/Peer-to-peer_communications_with_WebRTC https://github.com/html5rocks/www.html5rocks.com/tree/master/content/tutorials/webrtc

Agile is a buzzword that, for better or worse, has caused emotional reactions that are both negative and positive. It is a highly overused and misunderstood term in our industry but it has shaped the way web software has been built for years. Agile is a flexible set of tools and practices that enable businesses to rapidly produce software that is extremely versatile to change. It has spawned many variants in its implementation and has endured much scrutiny. Agile strives to create quality software that embraces collaboration & individuals over interactions. James Shore (@JamesShore), creator of LetsCodeJavaScript.com (http://www.letscodejavascript.com/) and co-author of the book ‘The Art of Agile Development’ (http://shop.oreilly.com/product/9780596527679.do), talks with us in our 6th episode - ‘What Agile Brings to Products & Teams -Why TDD is Not Dead’. This episode, at its core, is about Agile software development and how Test Driven Development (TDD) can help us, as programmers, build better quality software products & services. Development is not just about coding, it’s about people and working together to build software that can easily change and adapt over time. The way we build products & services varies in techniques & implementation depending on the project. By using one or many Agile methodologies such as TDD we may be able to get there faster and with a better degree of maintainability, quality, and user experience. James is an author, thought leader, and software testing guru. He believes that great software development teams consistently deliver market success, technical success, and personal success for team members and stakeholders. He is one of the early pioneers of Agile software development and an incredible mentor.

Web Components are a set of emerging and rapidly changing technologies alter the way many developers are starting to build web applications. Zeno Rocha (@zenorocha), a dominant force in the front end development community talks with hosts Erik Isaksen (@eisaksen) & Christian Smith(@anvilhacks) on how developers can get started building with these technologies today & how to build their own components, tooling & using the Github & Bower communities, and other front end developer goodness. Zeno, began a small project, CustomElements.io ( http://customelements.io/), that was meant to track his and others Web Components. CustomElements.io, now used by Mozilla as their X-Tags (http://www.x-tags.org/) registry, has become much more than that and is now a central place for developers to share, publish, and maintain their Web Components. The project spawned an incredible amount of support from the web development community that grew into several other related projects such as ‘WebComponents.org’ ( http://webcomponents.org/ ) & the boilerplate Yeoman project ‘generator-element’ ( https://github.com/webcomponents/generator-element ). 

“The Rise of BAAS : Static Application Hosting & All Things Firebase”,  episode 4, is the second of our exploration into Backend As A Service (BAAS) and how it’s changing how we build applications today. Static Application development is on the rise & the tools that help us quickly host and iterate on these applications are emerging rapidly. With the exit of GoInstant as a BAAS, can we safely rely on these services as dedicated backends or do we solely use BAAS for real time interaction, prototyping, or something else? Ossama Alami, VP of Developer Happiness, at Firebase talks with us about the recent Firebase Hosting service, deploy tools, open data sets, static hosting & BAAS applications and everything Firebase. Firebase, a young but influential player in BAAS was founded in 2012. At it’s core, it is a backend that lets developers store and sync data in real time. Ossama has dedicated himself to empowering developers and ensuring Firebase remains a force for good in the developer community.

“The Rise of BAAS : GoAngular & The GoInstant (@GoInstant) Platform”,  episode 3, is the first of our exploration into Backend As A Service (BAAS) and how it’s changing how we build applications today. Matt Creager (@Matt_Creager), lead developer on the GoAngular project, talks with us about GoInstant, a powerful BAAS. The rise of BAAS has caused mixed feelings in the developer community. Static application development is rapidly increasing and evolving & the toolsets to build these are getting more detailed. This is due to many factors and static applications are quickly being recognized as solving more & more problems & pain points in application development today. Why would you build your applications with BAAS & how can you leverage the developer tools / frameworks out there? Matt tells his perspective in this episode.   

Episode #2 features Engineers Adi Chikara (@adi_ads) & Pam Selle (@pamasaur) on Prototyping strategies and goals. Building HTML, CSS, JavaScript prototypes is becoming more and more prevalent in our work. The fast development time and information yielded by a prototype can save your clients so much time, money, and headaches. Much of our discussion focuses on why & when you would want to prototype, strategies for purposeful prototype construction, and how all of this could impact business outcomes.

This is Episode #1 featuring live interviews from RubyNation 2014,  a regional Ruby Conference in Silver Springs, MD. It showcases the importance of building meaningful digital experiences,  development culture & community, & the value sharing knowledge.