The Web Platform Podcast

This week on the Web Platform Podcast Danny Blue and Amal Hussein chat with Tom Greever (@tomgreever), Author of ”Articulating Design Decisions”. Tom helps our hosts learn how to help communicate more effectively and we learn that maybe Danny is a jerk. Learn how design and dev can work together, how to avoid the “CEO button” and more!

Resources

• Articulating Design Decisions: https://www.amazon.com/gp/product/1491921560/ref=as_li_ss_tl?ie=UTF8&linkCode=sl1&tag=tgcom-20&linkId=84214e9d9eb43548e949ad37c2e43f6c
• Articulating Design Decisions video series, training: https://player.oreilly.com/videos/9781491921579
• Tom speaking at Mad+UX last year https://www.youtube.com/watch?v=x-FYe53LRA4
• Style Guide Driven Development: http://blog.bitovi.com/style-guide-driven-development/ && https://www.smashingmagazine.com/2016/06/designing-modular-ui-systems-via-style-guide-driven-development/
• Tom on Twitter: https://twitter.com/atomgroom

Brian Kardell (@briankardell) chats with us on Web Development and how it has evolved over the years. We discuss the beginnings of HTML, Web standards bodies, the inception of The Extensible Web Manifesto, Chapters.io, and more.

Resources

• Brians recent presentation on Chapters.io & Web Standards - https://www.youtube.com/watch?v=rwWEQPc5GRE
• Web Incubator Group - https://www.w3.org/community/wicg/
• Chapters.io - http://chapters.io/
• SGML > HTML > XML
• • https://www.youtube.com/playlist?list=PLzH6n4zXuckqTQBIEuBTyjsO-Ef7562_Z
• Brians Blog - https://briankardell.wordpress.com/

Denis Radin (@PixelsCommander), Web Component advocate, has started work on a project called Polymer Native to enable developers to create part-hybrid, part-native applications using Web Components.

This project aims to make it easier to get device specific look and feel in your applications by leveraging native elements on devices. Currently, the project supports iOS and it is hoped that more people will come onboard to help the open source project grow to other platforms such as Android and even TV platforms.

Resources

• Polymer Native - https://github.com/PixelsCommander/polymer-native
• Polymer - https://github.com/Polymer/polymer
• Cordova SW Plugin - https://www.npmjs.com/package/cordova-plugin-service-worker
• HTML-GL - https://github.com/PixelsCommander/HTML-GL

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.

• 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’s Virtual DOM - http://elm-lang.org/blog/Blazing-Fast-Html.elm
• Elm’s Time Travelling Debugger - http://debug.elm-lang.org/

• 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://twitt...

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.

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

• Erik Isaksen ( @eisaksen) - Chrome HTML5 Google Developer Expert
• Danny Blue ( @dee_bloo) - Front End Engineer at Deloitte Digital