The Web Platform Podcast

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.

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 Engi

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 Par

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’Re

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 mo

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 ju

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 he

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 o