The Web Platform Podcast

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 - [email protected]

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 Samp

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/