Modern Web

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.

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/

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.

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.

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.

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

Uri Goldshtein - Founder The Guild -@UriGoldshteinTanmai Gopal - Founder @Hasura - @tanmaigoTracy Lee - @ladyleetRob Ocel - @robocell

Topics covered:Why is GraphQL exploding in popularityWhy GraphQL isn't a fadHow to get started with GraphQLWhat are the full-stack benefits of GraphQLHow to sell GraphQL to your teamHow to migrate to GraphQLWhat happens to clients that still use your REST APIsHow does GraphQL help front-end component-based architecturesHow can GraphQL help with real-time dataHow can you get involved in the GraphQL community

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

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

This episode is sponsored by NativeScript & This Dot Labs.

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.

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

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.

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