Modern Web

Modern Web Podcast on Blockchain with Preethi Kasireddy, Nik Kalyani, Fred Schott, Kyle Simpson and Tracy Lee.   Kyle Simpson @getify - Open Web Evangelist, Founder/Owner DevGo, Inc. Preethi Kasireddy @iam_preethi - Blockchain Engineer + Founder & CEO at Schelling Nik Kalyani @techbubble - CTO/Founder of Whenhub + Web/Blockchain Architect Fred Schott @FredKSchott - Frontend Engineer at Ripple, previously Google Polymer Tracy Lee @Ladyleet - CTO of This Dot, Google Developer Expert   Topics: - How to get started in blockchain and the main concepts - What use cases are there for blockchain - What tools can you use? - Why are some people skeptical about blockchain? - Cool projects and the future of blockchain technology

Tracy Lee (@Ladyleet, Co-founder of This Dot, GDE, RxJS core team) and Ben Lesh (@benlesh, RxJS core team, Angular core team, Co-founder of This Dot) discuss Async React and the context API with... Michael Jackson (@mjackson, Founder of React Training, creator of unpkg) and Jay Phelps (@_jayphelps, RxJS core team, GDE, Chief Software Architect @ This Dot)   To learn more visit thisdot.co Follow us on Twitter @moderndotweb

Modern Web Podcast on React Native with Jay Phelps @_jayphelps   Guests: Bent Vatne @notbrent - Front-end web/mobile developer working on Expo (https://expo.io ) and React Native Mike Grabowski @grabbou - React Native @callstackio, member of @reactnative core team. Eric Vicenti @EricVicenti - Open Source Entrepreneur, creator of Aven_Cloud and ReactNavigation. Formerly Facebook OpenSource ReactNative Ken Wheeler @ken_wheeler - Director of OSS at FormidableLabsTopics: - What is React Native?- When you should (or shouldn't) use it - What is Expo? - Gesture support on Native vs web- What is Flutter and Dart?- How Flutter/Dart compare to React Native

In this Modern Web Podcast Tracy Lee (@ladyleet) & Ben Lesh (@benlesh) ask questions regarding “What’s going on in VR?” with guests Aysegul Yonet (@AysSomething) and Martin Splitt (@g33konaut).   Hosts: Tracy (@ladyleet) - RxJS core team, Google Developer Expert, co-founder This Dot Labs Ben (@benlesh) - RxJS core team, engineer at Google, RxWorkshop   Guests: Aysegul Yonet (@AysSomething) - Senior Angular Engineer at Narwhal Technologies Inc, GDE Martin Splitt (@g33konaut) - Senior software engineer @ Archilogic3D   Topics/Questions: - How to get started in VR.- Equipment you need to get started.- Practical applications of VR.- Where is VR used now?- Difference between Unity and VR- VR standards Places you can get started:vizor.ioplay.autodesk.comaws.amazon.com/sumerian Where to find 3D content - poly.google.comvr.google.com/blocks Art installation in Zurich - Birdly - http://iad.zhdk.ch/en/projects/birdly/ To learn more visit www.thisdot.co Follow today's members on twitter! @Ladyleet, @Benlesh, @AysSomething, @g33konaut, @moderndotweb Listen to more podcasts at http://moderndotweb.com

In this Modern Web Podcast Jennifer Luker and Necoline Hubner discuss CSS Grid with Rachel Andrew. Hosts:Jen Luker @knitcodemonkey - Lead software engineer with Deseret Digital MediaNecoline Hubner @Necolinesan - Software Developer at Google Fiber (Adecco) Guest:Rachel Andrew @rachelandrew - Web Dev, Co-founder of CMS Perch, CSS Working Group Invited Expert. Smashing Mag Editor in Chief. Topics Discussed:- History of CSS Grid- Benefits of using CSS grid- Browser compatibility and overcoming pain points of transitioning to CSS grid- Accessibility in grid layout- Future of grid https://www.smashingmagazine.com/2017/11/css-grid-supporting-browsers-without-grid/ https://rachelandrew.co.uk/css/cheatsheets/grid-fallbacks https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility   To learn more visit thisdot.co Follow us on Twitter @moderndotweb Listen to more podcasts @ moderndotweb.com

In this Modern Web Podcast Tierney Cyren (NodeSource), Tara Manicsic (Progress Developer Advocate for KendoUI, GDE), and Simona Cotin (Developer Advocate at Microsoft) discuss developer relations with Tracy Lee (GDE, This Dot Co-founder).   Topics covered: What is developer relations? What are some of the different types of developer relations? How do you balance all the tasks as devrel people? Is Developer Relations an easy job? How are you effectively measured in your job?     To learn more visit www.thisdot.co   Follow @bitandbang, @TZMANICS, @simona_cotin, @ladyleet & @moderndotweb on Twitter!   Listen to more podcasts at http://moderndotweb.com

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 WHATWGObservable Proposal in TC39 https://github.com/tc39/proposal-observable BigInt Proposal in TC39https://github.com/tc39/proposal-bigint Structure Cloning in WHATWGhttps://github.com/whatwg/html/issues/793 Pipeline operator in TC39https://github.com/tc39/proposal-pipeline-operator Other topics:How to get involved if you care about a proposalWhat Ben looks like with yogurt on his noseTracy’s BF said “let’s git committed!"   To learn more visit www.thisdot.co   Follow us on Twitter @moderndotweb http://moderndotweb.com

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

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  

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    

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 @ladyleetListen to more podcasts at http://moderndotweb.com

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  

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

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

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/