S06E7 Modern Web Podcast - Animations with Lisi Linhart, Matias Niemelä, Jake Dohm, & Rob Ocel

In this episode of the Modern Web podcast, our hosts Rob Ocel & Jake Dohm speak with Lisi Linhart and Matias Niemelä about animations.

Our Guests:

Lisi Linhart (@lisi_linhart) - Lecturer at the University of Applied Sciences Salzburg in the Multimedia Technology course

Matias Niemelä (@yearofmoo) - Angular Core Team @ Google

Topics covered:

• Types of Animations (CSS/JS/etc.)
• Web Animation API
• Houdini Animation Workout
• Framework APIs (Vue/Angular)
• Tools for building animations
• Animation performance
• Micro-interactions
• Favorite animations

This episode is sponsored by NativeScript & This Dot Labs.

S06E6 Modern Web Podcast - A Look into Node’s Mentor Program with Ahmad Bamieh, Benjamin Coe, Jennifer Bland, Princiya Sequeira, and Tracy Lee

In this episode, we speak to Node mentors and mentees about the Node mentor program, an ongoing program focused on helping get more contributors into the Node ecosystem.

Our Guests:

Ahmad Bamieh (@ahmadbamieh), Software Engineer at Elastic who leads the mentor program

Benjamin Coe (@benjamincoe), Developer Programs Engineer Google and Node Collaborator

Jennifer Bland (@ratracegrad), SSR at Stanley Black & Decker

Princiya Sequeira (@princi_ya), Lead front end engineer at smartHelios

Topics covered:

- What is the mentor initiative?

- What have been the experiences you went through as a mentor and mentee?

- How do you get involved in mentor program?

- What are the metrics of success that you track for this?

- What advice do you have for mentees to get the most out of a mentorship?

- What can mentors do to facilitate a great mentor program?

This episode is sponsored by NativeScript & This Dot Labs.

LINKS:

https://princiya777.wordpress.com/2018/09/09/node-js-diagnostics/

https://www.youtube.com/playlist?list=PLjJlQgygxY7e_7FMBvkUFkUwIPC5vg5OL

https://medium.com/the-node-js-collection/how-i-got-into-node-jennifer-bland-3060d02654b3

https://medium.freecodecamp.org/contributing-to-open-source-is-not-hard-here-is-my-journey-to-contributing-to-nodejs-d10760e31194

https://princiya777.wordpress.com/2018/10/14/node-js-mentorship/

S06E5 Modern Web Podcast - The Latest Updates in ReactJS with Nate Hunzaker and Philipp Spiess

In this episode of the Modern Web podcast, Tracy Lee speaks with Nate Hunzaker and Philipp Spiess, two members of the React DOM team.

Topics covered:

REACT HOOKS What is hooks? Should you use it? Is it critical to your upgrade path for react? Are developers starting to refactor their applications to use hooks? Are hooks easier to learn than the class API? How does this change people learning react for the first time?

COMMUNITY Rachel Nabors joins the react core team

REACT LAZY AND REACT SUSPENSE Code splitting with react.lazy(); and react.suspense REACT FIRE How can you get involved, what is it, and what should you be expecting?

REACT DEVTOOLS Devtool updates : react.warn() and react.error()

DOCUMENTATION Documentation localization efforts - get involved!

For more podcasts, visit https://www.thisdot.co/modern-web

This episode is sponsored by NativeScript & This Dot Labs.

S06E4 Modern Web Podcast - Vue Updates with Chris Fitz, Jake Dohm, and Rob Ocel

In this Modern Web podcast, Rob Ocel and Jake Dohm speak about the Vue.js latest updates with Chris Fritz, a Vue Core Team member.

Topics Covered:
- What's new in Vue 2.6?
- The new V-slot directive
- The news Dynamic Directive arguments. Now we can have Dynamic event name and dynamic attribute bindings.
- Why the core team prefers to write templates.
- Backwards compatibility in Vue.
- Differences between big releases like the upcomoing 3.0 version and 2.x versions.
- Migration to newest versions. Migration guides. Documentation
- The development process that the core team follows.
- How the core team tries to hear their users and open the discussions.
- Typescript in Vue
- Vue 3.0: what changes it brings.
- Vue 3.0 performance: why is half the size and twice as fast than prior version.

This episode is sponsored by NativeScript & This Dot Labs.

S06E3 Modern Web Podcast - All About Compilers with Minko Gechev, Kristofer Baxter, Radoslav Kirov, Jake Dohm, and Rob Ocel

In this modern web podcast, Rob Ocel and Jake Dohm speak about compilers with Minko Gechev (Angular Team at Google), Kristofer Baxter (Performance expert, a Software engineer at Google) and Radoslav Kirov (TypeScript support team at Google).

Topics Covered:
- What is a compiler?
- WASM
- UX
- CSS
- Accessibility
- Node: Libraries: Express, nest, Ecosystem.
- GraphQ
- Angular Ivy
- TypeScript
- Parcel 2
- Animation
- Utility First CSS
- Performance
- CSS Grid

This episode is sponsored by NativeScript & This Dot Labs.

S06E2 Modern Web Podcast - What’s Up With GraphQL 2019 with Tracy Lee, Rob Ocel, Tanmai Gopal, and Uri Goldshtein

In this modern web podcast, Rob Ocel and Tracy Lee speak to Tanmai Gopal and Uri Goldshtein about GraphQL.

Uri Goldshtein - Founder The Guild -@UriGoldshtein
Tanmai Gopal - Founder @Hasura - @tanmaigo
Tracy Lee - @ladyleet
Rob Ocel - @robocell

Topics covered:
Why is GraphQL exploding in popularity
Why GraphQL isn't a fad
How to get started with GraphQL
What are the full-stack benefits of GraphQL
How to sell GraphQL to your team
How to migrate to GraphQL
What happens to clients that still use your REST APIs
How does GraphQL help front-end component-based architectures
How can GraphQL help with real-time data
How can you get involved in the GraphQL community

Show Notes:
Immutable User Interfaces (Lee Byron) - Full Stack Fest 2016
https://www.youtube.com/watch?v=pLvrZPSzHxo

https://github.com/chentsulin/awesome-graphql

This episode is sponsored by NativeScript & This Dot Labs.

S06E1 What is AMP and why you should care with Tracy Lee, Rob Ocel, Ben Morss, Prateek Bhatnagar, and Kristofer Baxter

Welcome to another Modern Web podcast!

In this episode, Tracy Lee and Rob Ocel will be talking with the AMP team about Accelerate Mobile Pages, an open-source library created by Google that to make publishing websites easier than ever.

Ben Morss, Prateek Bhatnagar, and Kristofer Baxter will be our guests in this discussion. We talk about PWA, a11y, performance, AMP with frameworks, AMP Script and upcoming releases.

Notes:

- The AMP Project is an open-source initiative aiming to make web performance better. The project enables the creation of websites and ads that are consistently fast, beautiful and high-performing across devices and distribution platforms.

-AMP pages are just web pages that you can link to and are controlled by you. It focuses on giving the best experience to your users, loading near instantaneously and performing great in mobiles devices.

-AMP builds on existing features and you can render it with user agents you already have set.

AMP official website: https://www.ampproject.org/

This episode is sponsored by NativeScript & This Dot Labs.

S05E20 Browser Standards with Tracy Lee, Rob Ocel, and Dominic Farolino

In this Modern Web podcast, Tracy Lee (@ladyleet) and Rob Ocel (@robocell) interview Dominic Farolino (@domfarolino) about his adventures in getting involved in browser standards and how others can get involved too.

Dominic Farolino is a WHATWG Standards Editor, Chrome Committer, Student and Software Engineer.

Topics covered:
- Actually getting involved - how do you do that? What is the process?
- What is the difference between the different standards bodies?
- How do you get started and why should you choose to contribute to W3C, WHATWG, or TC39?
- How do standards bodies work together?
- Observable proposal

S05E19 Angular Updates with Tracy Lee, Rob Ocel, and Core Team Members Hans Larsen and Ben Lesh

In this modern web podcast, Tracy Lee speaks with 2 core team members of the Angular team - Hans Larsen who leads the CLI team and Ben Lesh, author of RxJS.

Notes:
- Ivy is the biggest focus on the Angular team currently. Ivy is almost done and will make things smaller and tree shakeable.
- Hans is focused on schematics - a library to help you build and generate work flows.
- CLI - Bazel support is a focus right now to make the CLI faster
- Ng update is a smarter way to update dependencies across major versions - it will refactor your project to remove breaking changes and fix breaking changes so you won’t see something is breaking.

Topics Covered:
- What does schematics enable?
- What is ng add and ng update and how are people using them?
- What is the future of the CLI?
- Angular console

You can follow Tracy Lee on twitter @ladyleet, Hans Larsen @hanslatwork, and Ben Lesh @benlesh.

S05E18 Webint with Tracy Lee, Rob Ocel, Stephanie Drescher, and Anton Molleda Quintana

In this Modern Web podcast we will be having Stephanie Drescher and Anton Molleda Quintana talk about webhint with our hosts, Tracy Lee and Rob Ocel.

- What is webhint and how can you use it?
- What are some use cases for webhint?
- What hints does webhint give you that are helpful?
- Webhint is cross browser and cross platform, but it can be used without browsers too
- Contributing to webhint - you can too!
- Webhint is a JS Foundation project
- How to use webhint in the community
- What is coming for webhint 2019?
- How can you get involved?
- Learn about Nellie the Narwhal

To learn more about webhint, visit https://webhint.io/

For more Modern Web podcasts, visit https://www.thisdot.co/modern-web

This podcast is sponsored by This Dot Labs, a framework agnostic JavaScript consultancy that helps companies scale their teams. For JavaScript help, visit http://thisdot.co/labs