devMode.fm

By Andrew Welch, Ryan Irelan

devMode.fm is a bi-weekly podcast dedicated to the tools, techniques, and technologies used in modern web development. We cover JavaScript frameworks like React, Vue.js, and Svelte, tooling like webpa... more

4.7

3232 ratings

Download on the App Store

Download on the App Store

Get it on Google Play

FAQs about devMode.fm:

How many episodes does devMode.fm have?

The podcast currently has 134 episodes available.

devMode.fm episodes:

June 24, 2019Svelte 3's radical new approach to web frameworks
In this episode we have on Rich Harris, the creator the Svelte JavaScript framework. Rich leads us through the new Svelte 3.0 release, and how it moves away from a traditional JavaScript framework into a JavaScript framework compiler.

This means you don’t end up shipping a monolithic framework, but rather only the JavaScript needed to do the thing. You might even call it svelte.

We got on to discuss how this change in mindset allows for greater performance in areas that matter, and that React isn’t actually reactive but Svelte is! We talk about how his background in doing data visualization at various major new organizations (now the New York Times) influenced Svelte.

Really an intriguing conversation even if you use another JavaScript framework, or don’t use one at all! No mustaches were harmed during this production.
Svelte: Cybernetically enhanced web apps

Svelte 3: Rethinking reactivity

Svelte Interactive Tutorial

Rethinking Reactivity video presenation

What is Reactive Programming?

Svelte 3 Reaction & QuickStart Tutorial

Why I don't use web components

Write Less Code

Build and Deploy Realtime Svelte 3 Apps Using GraphQL

Computer, Build Me an App video presentaiton

Fast, Bump-Allocated Virtual DOMs with Rust and Wasm

Mustache Surfing
...more
1h 0min
June 10, 2019Developers… Assemble! WebAssembly is here!
On this episode we have on @GoogleDevExpert Jay Phelps from Citadel Securities about WebAssembly. We talk about what WebAssembly (or Wasm) is, and how it’s a “BIG IDEA” that’s going to impact you in the future.

We talk about why there’s a need for something like WebAssembly, and what use-cases it solves. Then we dive deep to talk about the nitty gritty in terms of what Wasm is, and how it’s implemented under the hood.

We also reveal the surprising fact that the devMode.fm team has been using WebAssembly without knowing it… and so have you!

Even if you’ve only vaguely heard whispers about WebAssembly, this podcast is sure to be interesting and informative for you!
WebAssembly

Wasm Explorer

Jay Phelps on Twitter

WebAssembly Demystified video

A cartoon intro to WebAssembly

Crazy WebAssembly demo from Dan Callahan

Docker co-founder Solomon Hykes on WebAssembly

Wasm modules on npm!

WebAssembly at eBay: A Real-World Use Case

Cloudflare Add WebAssembly Support

WebAssembly as target for linux kernel
...more
1h 2min
June 03, 2019Una Kravets on Google Material Design & web trends
In this episode we have the one and only Una Kravets on to discuss her new status as a Googler in the Material Design Web department. We talk to Una about what exactly Google’s Material Design is, and how it’s far more than just Google’s UX for the web.

In fact, Google’s Material Design is entirely theme-able, and is a broad umbrella under which Google’s web products, Android UX, and many other things fall.

We go on to have a rollicking discussion about the JavaScript world, how YouTube conspired to kill IE 6, supporting older browsers through progressive enhancement, dark mode, emotional mode, RAGE CLICKS and more!
Una Kravets on the web

Una Kravets on Twitter

Una Kravets the Googler

Material Design

Material Components for the web

Github for Material Design Web

Material compatibility with Google AMP

Toolsday podcast

A YouTube Conspiracy To Kill IE6

Grid to Flex

Dart

Flutter
...more
54min
May 27, 2019webpack inside & out with Sean Larkin
In this episode, we talk to webpack core maintainer Sean Larkin about what webpack is, who it’s intended for, and where it’s going in the future!

We discuss the serendipitous history of how Sean came to be a webpack core maintainer, and how his job at Microsoft came about as a result of it.

Join by guest host Jake Dohm, we then go on to discuss a whole lot of gritty technical detail of how webpack works, go through the various terminology, talk about Web Assembly, and what the future holds for webpack 5 and beyond.

Sean also drops some truth-bombs about CSS being flawed, and browser makers conspiring to kill off webpack. Tune in for the good stuff!
webpack concepts

webpack in Wikipedie

Webpack 4 Fundamentals videos

Webpack — The Confusing Parts

An Annotated webpack 4 Config for Frontend Web Development

A tale of Webpack 4 and how to finally configure it in the right way.
...more
1h 17min
May 13, 2019Flat is Beautiful: Statamic 3 with Jack McDade
In this episode of devMode.fm we talk with Jack McDade about his flat file CMS Statamic. We talk about the original problem of developer workflow that Statamic was intended to solve, and then move on to how it all works at a nuts & bolts level.

Then we move on to discussing the major new version the Statamic team has been hard at work on: Statamic 3. We hop, skip, and jump around some of the very cool features coming in Statamic 3, such as Stacks, Conditional Fields, the Bard longform content field, and a whole lot more.

Then we talk about the coup d’é·tat of an abstracted data layer in Statamic 3 that lets you connect to… whatever your heart desires. Join us for a really enjoyable discussion!
Statamic 3 Dev Blog

Stacks on Stacks on Stacks

Unconditional Conditional Field Love

Bard. Reimagined. Again.

Go Read Statamic at Spiegel Scale

Multi-User Editing

Jack McDade

Synthwave Mixtapes Vol 1

Synthwave Mixtapes Vol 2

Synthwave Mixtapes Vol 3

Synthwave Mixtapes Vol 4

Captain Underpants Flip-O-Rama
...more
1h 2min
April 29, 2019@pika/web brings 2014 simplicity to 2019 JavaScript
In this episode, we talk with Fred K. Schott from the Pika Project about a future without webpack. Instead of having a massive build system just to use some node packages on the frontend, we can use @pika/web!

@pika/web aims to tame some of the insanity that has come with modern JavaScript tooling. We talk about how it works to create a ‘web_modules‘ folder right next to your ‘node_modules‘ folder, and that you can just use
What is Pika?

@pika/web - Run npm dependencies directly in the browser

A Future Without Webpack

Pika Project Twitter

Pika Web: a new way to build Web Applications

The Great Divide

An Annotated webpack 4 Config for Frontend Web Development

rollup.js

Svelte 3

American Pikas Calling Out ~ Cute Animals in Nature
...more
1h 7min
April 15, 2019Slack is Destroying Communities
On this episode, we have Zach Shallbetter, co-founder of Uxiliary on to discuss the “Frontend Developers” community he started on Slack.

We talk about its sudden rise to fame, and then a devolution that happened as a result of Slack’s policies towards public communities. We discuss the scourges of recruiters, trolls, and horrible people that helped to make the community turn from a vibrant one to a toxic one.

We also talk about how the Craft CMS Slack suffered attacks from people spamming it with unmentionables, causing a move to Discord, for better administrative controls.

Then like any good redemption story, Zach tells us about how the move to Discord saved the community, and allowed for open and productive conversions between frontend developers again.
Slack is Destroying Communities

Uxiliary

Craft CMS "Join us on Discord"

Slack and your boss reading your direct messages

Slack

Discord
...more
59min
April 01, 2019SEO for Web Developers: The Silence of the Chickens
In this episode, we have Simon Cox from Cox & Co Creative on to talk about what web developers need to know about the science of Search Engine Optimization (SEO) vs. the “sacrificing chickens” voodoo.

We start off by talking about the sometimes problematic relationship between web developers and SEO consultants, and how that relationship can be most productive. Horror stories are shared.

We talk about how performance, accessibility, and SEO are all intimately related. Then we slide into talking about a wide ranging number of misconceptions about SEO, meta tags, titles, descriptions, sitemaps, structured data etc, etc. and discuss how to focus on what really matter when it comes to SEO.

Also, learn the best angle to staple paper.
Simon Cox SEO Articles

Cox & Co Creative

Barkley Marathons

Screaming Frog

Google Structured Data Search Gallery

Structured Data Guidelines

How Google Search indexes JavaScript sites

JSON-LD, Structured Data and Erotica

Modern SEO: Snake Oil vs. Substance

Crafting Modern SEO presentation

SEOmatic Craft CMS plugin

Retour Craft CMS plugin
...more
1h 14min
March 18, 2019Modern Design Systems, Tooling, and Tokens
In this episode we talk to Dominik Wilkowski of Thinkmill about design systems from a modern tooling point of view. We talk about how the real goal is to bridge the gap between design and development, and what role tooling can have in making this easier.

We also go on to talk in broader terms about how using a design token system as an abstraction layer can give you the benefits of utility first CSS, but without some of the baggage.

And finally, we learn that we test in production, and so do you.
Thinkmill

Design Systems are for People

Why Design Systems are Going to Shape the Internet

Figma

Sketch

Storybook.js

Interplay

Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of

Design Tokens

Design Tokens for Dummies

I test in production & so do you.
...more
1h 10min
March 04, 2019Pricing Medium to Large Sized Projects
In this episode we have on Jennifer Blumberg from Next/Solutions to talk about pricing medium to large sized projects. We’re talking about projects that are firmly in the 5 figure range, venturing on up into the 6 figure range.

But how do we determine what that figure should be, exactly? Should it be strictly hourly billing, or should it be value-based? And what exactly does it mean to have “value-based pricing” for your client projects?

This is a really interesting bizdev discussion with some people who have been doing it for some time. Learn from what we’ve learned, and avoid our mistakes.
Next/Solutions

Craft CMS Discord

Mastering the Complex Sale

Design is a Job e-book

F*ck You. Pay Me.

Six Figure Freelancer

How I went from $100-an-hour programming to $X0,000-a-week consulting.

Warby Parker: Dave Gilboa & Neil Blumenthal

Hockey Night in Canada
...more
1h 12min

FAQs about devMode.fm:

How many episodes does devMode.fm have?

The podcast currently has 134 episodes available.