Modern Web

S05E02 Proposals Coming to your Browser with Ben Lesh, Tracy Lee, Jake Archibald, and Jay Phelps

February 23, 2018

In this Modern Web Podcast Tracy Lee (@ladyleet) and Ben Lesh (@benlesh) speak with guests Jake Archibald (@jaffathecake) and Jay Phelps (@_jayphelps) to talk about upcoming proposals in TC39 and WHATWG.

Proposals discussed:
EventTarget Observable Proposal in WHATWG
Observable Proposal in TC39
https://github.com/tc39/proposal-observable

BigInt Proposal in TC39
https://github.com/tc39/proposal-bigint

Structure Cloning in WHATWG
https://github.com/whatwg/html/issues/793

Pipeline operator in TC39
https://github.com/tc39/proposal-pipeline-operator

Other topics:
How to get involved if you care about a proposal
What Ben looks like with yogurt on his nose
Tracy’s BF said “let’s git committed!"

To learn more visit www.thisdot.co

Follow us on Twitter @moderndotweb

http://moderndotweb.com

S05E01 State Management with Taras Mankovski, Tim Dorr, Michel Weststrate, and Charles Lowell

February 8, 2018

In this Modern Web Podcast This Dot Labs CTO, Taras Mankovski @tarasm, discusses State Management with guests...

Charles Lowell @cowboyd (Frontside),

Michel Weststrate @mweststrate (Mobx),

and Tim Dorr @timdorr (React, Redux Router)

Topics covered:

- MobX tracking changes in objects
- Redux changes to accommodate async rendering in React
- Best practices around batch operations in Redux
- Immer.js

To learn more visit www.thisdot.co

Follow us on Twitter @moderndotweb

S04E12 - Web A11y with Jen Luker and Necoline Hubner

January 4, 2018

In this Modern Web podcast Necoline Hubner discusses the web accessibility with Jen Luker.

Topics covered:

-What is accessibility

-How to write more accessible code

Follow Necoline and Jen on Twitter @necolinesan and @knitcodemonkey

Listen to more podcasts at http://moderndotweb.com

ESPN a11y guide: http://www.espn.com/core/toolkit/page/webAccessibilityGuide

checklist: https://a11yproject.com/checklist.html

a11y es-lint plugin: https://www.npmjs.com/package/eslint-plugin-jsx-a11y

http://styling-react-for-reuse.surge.sh/#/8

gov specs: https://www.usability.gov/what-and-why/accessibility.html

S04E14 Current State of WebAssembly with Sean Larkin, Jay Phelps, Ben Lesh, and Tracy Lee

January 3, 2018

In this Modern Web podcast 4 JavaScripters discuss WebAssembly.

Sean Larkin (@thelarkinn), core team member webpack

Jay Phelps (@_jayphelps), co-author redux-observable, wasm enthusiast, compiler freak

Tracy Lee (@ladyleet), RxJS core team, Google Developer Expert, co-founder This Dot Labs

Ben Lesh (@benlesh), RxJS core team, engineer at Google, RxWorkshop

Topics covered:

- Should you care about WebAssembly?
- How is webpack involved with WebAssembly?
- What can you do now with wasm?
- How is the wasm spec being formed and advancing?
- How can you get involved with wasm?

Listen to more podcasts at http://moderndotweb.com or find more events, content, and more at http://thisdot.co

S04E11 - The Future of RxJS 6 & 7 - Roadmapping Operators with Ben Lesh and Tracy Lee

July 18, 2017

In this Modern Web podcast Ben Lesh discusses the future of RxJS with Tracy Lee.

Topics covered:

- Decreasing the bundle size of RxJS
- Implementing new operators
- Lettable operators
- A more functional RxJS
- Using RxJS in frameworks

To learn RxJS, visit http://reactivex.io/rxjs.
Follow Ben and Tracy on Twitter @benlesh and @ladyleet
Listen to more podcasts at http://moderndotweb.com

S04E10 - The New Payment Request API with Molly Dalton, Zach Koch, and Ray Shan

July 18, 2017

Making and accepting payments on the web is quite cumbersome.

Thankfully, the new Payment Request API and vendors like Apple and Stripe make the implementation simple and secure. Molly Dalton and Zach Koch, who work closely with Edge, Chrome and the Payment Request API, join us to discuss how to use this new standard for seamless payments on the web.

Panelists

Molly Dalton @mollyadalton

Zach Koch @zachk

Host

Ray Shan @rayshan https://shan.io

Links

W3C Payment Request API

https://w3c.github.io/browser-payment-api/

W3C Technical Report Development Process with various stages

https://www.w3.org/2017/Process-20170301/#recs-and-notes

Microsoft Edge

https://www.microsoft.com/en-us/windows/microsoft-edge

Google Chrome

https://www.google.com/chrome/

Apple Pay JS

https://developer.apple.com/reference/applepayjs/

Stripe

https://stripe.com/

Authorize.Net

https://www.authorize.net/

Firefox Payment Request API implementation tracking

https://bugzilla.mozilla.org/show_bug.cgi?id=1318984

Washington Post integrates Payment Request API

https://www.washingtonpost.com/pr/wp/2016/09/28/the-washington-post-expands-mobile-payment-options-to-include-chromes-service/

Payment request integration guides

Google guide

https://developers.google.com/web/fundamentals/discovery-and-monetization/payment-request/

Mozilla guide

https://developer.mozilla.org/en-US/docs/Web/API/Payment_Request_API

Microsoft guide

https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/device/payment-request-api

Live Payment Request API demos from Microsoft

https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/paymentrequest/

Google I/O 2017 - The future of web payments

https://www.youtube.com/watch?v=hU89pPBmhds

What’s new in Microsoft Edge in the Windows 10 Creators Update

https://blogs.windows.com/msedgedev/2017/04/11/introducing-edgehtml-15/

Simpler web payments: Introducing the Payment Request API

https://blogs.windows.com/msedgedev/2016/12/15/payment-request-api-edge

Simplify payments in UWP Apps with the Payment Request API from Microsoft

https://blogs.windows.com/buildingapps/2017/03/28/simplify-payments-uwp-apps-payment-request-api-microsoft

S04E09 - Promoting Diversity in TC39 with Leo Balter and Tracy Lee

June 12, 2017

Leo Balter is a software engineer at Bocoup and an active member of the TC39 technical committee. If you are unfamiliar with TC39, it is the governing body for Javascript standards.

TC39 members include individuals from Google, Netflix, Facebook, Yahoo and many others. Leo is among these individuals and attends committee meetings as a representative of the JS Foundation.

Leo and Tracy discuss topics of societal barriers, exclusion of minorities, and sexism. Many of these topics surface as deterrents to individuals who want to be involved in the tech world but feel as if they are unable to do so well.

Leo’s talks about his experience being a Brazilian male entering a male dominated, Caucasian world and how this inspired him to want to promote greater diversity within the TC39 community.

Highlighted are the importance and benefits of having a wide range of diversity coming together to further the advancement of technology.

TC39

https://github.com/tc39

Bocoup

https://bocoup.com/

Leo Balter Twitter

https://twitter.com/leobalter

Leo Balter Github

https://github.com/leobalter

S04E08 - Vue.js with Evan You and Sarah Drasner

April 27, 2017

Topic

Vue.js with creator Evan You and Sarah Drasner

Summary

Vue.js is a JavaScript UI framework built to be approachable, versatile and performant. Its creator Evan You and the award winning writer of CSS-Tricks Sarah Drasner join us to discuss the creation of Vue.js, the beginner learning curve, how it handles data and animations, and how it differs from Angular and React.

Panelists

Evan You @youyuxi http://evanyou.me/

Sarah Drasner @sarah_edo https://sarahdrasnerdesign.com/

Host

Ray Shan @rayshan https://shan.io

Links

Vue.js

https://vuejs.org/

Angular

https://angular.io/

Laravel

https://laravel.com/

Object.defineProperty()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

Getter / setters in JavaScript

http://speakingjs.com/es5/ch17.html#getters_setters

http://exploringjs.com/es6/ch_classes.html#_getters-and-setters

Animations in Angular

https://angular.io/docs/ts/latest/guide/animations.html

React Motion

https://github.com/chenglou/react-motion

Redux

http://redux.js.org/

Vuex

https://vuex.vuejs.org/

MobX

https://mobx.js.org/

RxJS

http://reactivex.io/

Ben Lesh

https://twitter.com/BenLesh

Chris Fritz

https://github.com/chrisvfritz

Evan’s Patreon

https://www.patreon.com/evanyou

Sarah’s CodePen

http://codepen.io/sdras/

Upcoming VueConf in Poland, June 2017

https://conf.vuejs.org/

S04E07 - Accessibility with Rob Dodson and Alice Boxhall

March 27, 2017

Topic

Accessibility on the Web

Summary

This episode is all about web accessibility. We’re joined by Rob Dodson, developer advocate at Google, and Alice Boxhall, software engineer at Google. We talk about why accessibility matters to everyone, even beyond people with disabilities. We dive into the implementation details, such as navigation, semantics and styling, based on Rob and Alice’s Web Accessibility course. We explore various guidelines and learning resources to improve your design and implementation.

Panelists

Rob Dodson @rob_dodson

Alice Boxhall @sundress

Host

Ray Shan @rayshan https://shan.io

Links

Web Content Accessibility Guidelines (WCAG) 2.0

https://www.w3.org/TR/WCAG20/

U.S. Section 508 of the Rehabilitation Act

https://www.section508.gov/

Free Udacity Web Accessibility course by Google

https://www.udacity.com/course/web-accessibility--ud891

tabindex attribute

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

Heydon Pickering

http://www.heydonworks.com/

Inclusive Design at Microsoft

https://www.microsoft.com/en-us/design/inclusive

Webkit no longer respects user-scalable=no

https://webkit.org/blog/7367/new-interaction-behaviors-in-ios-10/

Testing tools

aXe / axe-cli

https://github.com/dequelabs/axe-core

https://github.com/dequelabs/axe-cli

WAVE

http://wave.webaim.org/

tota11y

http://khan.github.io/tota11y/

Lighthouse for progressive web apps

https://developers.google.com/web/tools/lighthouse/

Accessibility tools in Chrome DevTools

https://www.youtube.com/watch?v=pBJZsp5LsOE

macOS VoiceOver

https://help.apple.com/voiceover/info/guide/10.12/

NVDA (NonVisual Desktop Access)

https://www.nvaccess.org/

Learning Resources

Google Developers - Web Fundamentals - Accessibility

https://developers.google.com/web/fundamentals/accessibility/

A11ycasts

https://www.youtube.com/watch?v=g9Qff0b-lHk&list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g

WebAIM and its mailing list

http://webaim.org/

Web Accessibility Slack

https://web-a11y.herokuapp.com/

Accessible Rich Internet Applications (WAI-ARIA) specs and Authoring Practices

https://www.w3.org/TR/wai-aria/

https://www.w3.org/TR/wai-aria-practices-1.1/

Good accessibility reference implementations

Bootstrap http://v4-alpha.getbootstrap.com/getting-started/accessibility/

Medium https://medium.com/

Apple https://www.apple.com/

GitHub https://github.com/

Accessibility Wins

https://a11ywins.tumblr.com/

S04E06 - Web Analytics with Andy Elliott (Google) and Calvin French-Owen (Segment)

February 21, 2017

Topic

The What, Why and How of Web Analytics

Summary

Calvin French-Owen, CTO of Segment, and Andy Elliott, business analyst at Google, join us to discuss analytics. We talk about what business metrics to measure and how to select analytics vendors for businesses large and small. We also discuss the technical challenges of analytics instrumentation, such as measuring web apps vs. websites, automation and data schema design.

Panelists

Calvin French-Owen @calvinfo http://calv.info

Andy Elliott https://www.linkedin.com/in/andrewwelliott

Host

Ray Shan @rayshan https://shan.io

Links

Segment

https://segment.com/

Google Analytics

https://www.google.com/analytics/#?modal_active=none

Mixpanel pushing for meaningful metrics beyond pageviews

http://allthingsd.com/20121217/andreessen-and-mixpanel-call-for-an-end-to-bullshit-metrics/