Cover image of The Web Platform Podcast

The Web Platform Podcast

A weekly show covering the latest in browser features, standards, and the tools developers use to build for the Web of today and beyond. Each week, hosts Danny, Amal, Leon, and Justin are joined by a special guest to discuss the latest developments and features that you may just want to use in your next project.

Weekly hand curated podcast episodes for learning

Popular episodes

All episodes

The best episodes ranked using user listens.

Podcast cover

12: Flux Application Architecture & React

“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


26 Sep 2014

Rank #1

Podcast cover

13: MeshBlu, NPM, and The Internet of Everywhere

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/

1hr 7mins

10 Oct 2014

Rank #2

Similar Podcasts

Podcast cover

22: LIVE - An Open Source Discussion Panel

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 channelLinks 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/

1hr 14mins

18 Dec 2014

Rank #3

Podcast cover

4: Static Application Hosting & All Things Firebase

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


5 Aug 2014

Rank #4

Most Popular Podcasts

Podcast cover

188: You Don't Know JS?

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.


18 Apr 2019

Rank #5

Podcast cover

36: Understanding PhoneGap

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


24 Mar 2015

Rank #6

Podcast cover

193: Modern Web Toolchains

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.


2 Oct 2019

Rank #7

Podcast cover

165: JS Unit Testing Tools & Best Practices

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.


5 Jul 2018

Rank #8

Podcast cover

179: Developing For Voice

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.


13 Dec 2018

Rank #9

Podcast cover

183: Web Standards, DevTools, and Browser Preview for Visual Studio Code

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.


7 Feb 2019

Rank #10

Podcast cover

191: The State of Webcomponents

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.

1hr 1min

4 Sep 2019

Rank #11

Podcast cover

101: Browser Wars & Standards Battles

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/


12 Aug 2016

Rank #12

Podcast cover

103: Articulating Design Decisions

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


26 Aug 2016

Rank #13

Podcast cover

169: Extending the DOM with Web Components

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.


23 Aug 2018

Rank #14

Podcast cover

34: Tenon.io & Web Accessibility

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


10 Mar 2015

Rank #15

Podcast cover

172: Behind the scenes of Babel 7

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.


12 Sep 2018

Rank #16

Podcast cover

167: PWAs with Alex Russell

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.


31 Jul 2018

Rank #17

Podcast cover

162: WebAssembly

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.


6 Jun 2018

Rank #18

Podcast cover

168: JavaScript & SEO

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.


15 Aug 2018

Rank #19

Podcast cover

186: How we got into web development

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.


21 Mar 2019

Rank #20