Episoder
-
In this episode of the Modern Web Podcast, Nick Taylor, Senior Software Engineer at OpenSauce discusses the current state of open source, including the challenges around funding, sustainability, and contributor burnout. Nick shares insights into how open source has impacted his career and highlights the growing importance of tools like TypeScript in the open-source ecosystem.The panel also discusses the evolution of TypeScript, its widespread adoption, and its role in shaping the modern web development landscape. They explore the nuances between JavaScript and TypeScript, the friction that developers sometimes face when working with types, and how TypeScript has grown into a default tool for many projects. Chapters00:00 - Introduction and Co-Host Introductions00:47 - Guest Introduction: Nick Taylor01:37 - The Current State of Open Source02:50 - Funding Challenges in Open Source03:54 - Open Source Success Stories and Funding Examples05:35 - Open Source Burnout and Quiet Quitting in Tech 06:43 - Challenges for Open Source Maintainers07:26 - Motivation and Incentives for Contributing to Open Source08:35 - Career Benefits of Open Source Contributions10:11 - Nick’s Journey into Open Source Contributions12:38 - The Burden of Managing Popular Open Source Projects 14:27 - Hacktoberfest and Low-Quality Contributions16:14 - Challenges for Beginners Contributing to Open Source 18:01 - The Impact of Hacktoberfest and Mitigating Spam PRs20:12 - TypeScript's Rise in Popularity23:16 - Why TypeScript Became Popular in Open Source 25:45 - The Debate Around Static Typing in JavaScript 27:08 - TypeScript vs. JavaScript: Future Considerations30:21 - The Role of Build Steps in Modern Development Frameworks 33:35 - The Complexity of TypeScript for Different Developer Levels 36:12 - Enum Usage and TypeScript's Type System38:53 - TypeScript’s Structural Typing and Its Implications 39:47 - Nick’s Contact Information and Closing RemarksFollow Nick Taylor on Social MediaTwitter: https://x.com/nickytonlineLinkedin: https://www.linkedin.com/in/nickytonline/Github: https://github.com/nickytonlineSponsored by Wix Studio: https://www.wix.com/studio
-
In this episode of the Modern Web Podcast, CSS expert Kevin Powell discusses the evolution of CSS, from the early days of CSS3 to the rapid advancements with Flexbox, Grid, and the latest innovations. Kevin explains how CSS is making strides to integrate features that previously required JavaScript, like scroll-driven animations and popovers, simplifying development and improving performance. He also touches on the importance of understanding the fundamentals of CSS, debugging techniques, and the future of tools like Tailwind and Sass.
Chapters
0:00 - Introduction and Technical Setup Issues
01:05 - Guest Introduction: Kevin Powell
02:00 - Kevin's Journey into CSS and Content Creation
03:21 - Evolution of CSS: From CSS3 to Modern Features
05:46 - The Role of JavaScript in CSS and New Features
08:08 - Popovers, Anchor Positioning, and Progressive Enhancement in CSS
10:26 - Discussion on SAS, Tailwind, and CSS Tools
12:35 - Challenges with Tailwind and Over-Componentization
14:57 - The Importance of Learning Core CSS Principles
16:56 - The "CSS is Hard" Memes and Overcoming CSS Frustration
19:12 - Formatting Contexts and Advanced CSS Concepts
21:31 - Opportunities for Junior Developers to Master CSS
23:54 - Browser Discrepancies and the Future of Web Standards
26:14 - Refactoring CSS for Performance and Best Practices
27:50 - Favorite CSS Resources and Conferences
28:26 - Imposter Syndrome and Kevin's Speaking Journey
29:55 - Closing Remarks and Where to Find Kevin Powell Online
Follow Kevin Powell on Social Media
Twitter: https://x.com/KevinJPowell
Github: https://github.com/kevin-powell
YouTube: https://www.youtube.com/kevinpowell
-
Mangler du episoder?
-
YK Sugi, Senior AI Developer Advocate at Sourcegraph and founder of CS Dojo, shares his journey from coding with MATLAB to working at Google and founding his YouTube channel, and how ChatGPT inspired his shift towards AI-driven applications. Along with our hosts, he discusses AI's impact on coding, particularly in large codebases, and the role of tools like Sourcegraph’s Cody and GitHub Copilot in improving developer workflows. They also explore how AI is evolving in code completion, legacy code, and its broader potential in development.
Chapters
Introduction and Guest Introduction 00:00
YK’s Coding Journey 02:01
AI’s Impact on YK’s Career 07:31
AI in Large Codebases 11:01
Choosing AI Models for Coding 17:01
AI for Code Completion and Development Efficiency 21:01
The Future of AI in Software Development 26:31
AI and Human Creativity 32:01
Closing Remarks and Where to Find YK 36:01
Follow YK on Social Media
Twitter: https://x.com/ykdojo
Linkedin: https://www.linkedin.com/in/ykdojo/
Github: https://github.com/ykdojo
-
Rob Ocel, Tracy Lee, Adam Rackis, and Danny Thompson sit down with Kyle Tryon, Senior Developer Advocate at Depot, to talk all things Docker, dev containers, and modern build systems. They break down how Docker simplifies development by solving those "it works on my machine" problems, how cloud-based caching speeds up builds, and why tools like Kubernetes are becoming essential for scaling modern apps. Kyle also shares his journey from fixing laptops in retail to becoming a leading voice in the dev space, plus some great insights into how Docker and Depot are changing the game for developers everywhere.
Chapters
1: Introductions (00:00 – 02:40)
2: What is Docker and Why It Matters (02:41 – 06:30)
3: Docker Files and Containers 101 (06:31 – 11:00)
4: Challenges of Environment Setup & Dev Containers (11:01 – 15:00)
5: The Power of Layer Caching in Docker (15:01 – 20:30)
6: Introduction to Depot and Cloud-Based Builds (20:31 – 25:00)
7: Optimizing Docker Builds with Depot (25:01 – 30:00)
8: Docker in the Modern Web Stack (30:01 – 35:00)
9: The Future of Cloud Builds and CI/CD Pipelines (35:01 – 40:00)
10: Final Thoughts and Where to Find More (40:01 – End)
Follow Kyle Tryon on Social Media
Twitter: https://x.com/TechSquidTV
Linkedin: https://www.linkedin.com/in/kyle-tryon/
Github: https://github.com/techsquidtvSponsored by This Dot
-
Nate Emerson is both a self-taught developer and a computer science university grad. How is that possible? In this episode, Nate talks about his unusual career trajectory, and what it has taught him about the differences between being self-taught vs. formal education in software development. Along with Tracy Lee and Jason Torres, he discusses leadership principles, such as extreme ownership, the value of confidence in engineering, and how humility and teamwork contribute to organizational success. They also highlight the importance of solving practical problems in tech and how this mindset can lead to innovation.
Here are the chapter titles with timestamps:
1: Setting the Stage – The Importance of Practical Skills in Engineering (00:00)
2: Engineering Management and Leadership Culture (04:36)
3: Extreme Ownership – A Leadership Superpower (09:12)
4: Confidence and the Developer's Journey (13:37)
5: Hiring Smarter and Building Stronger Teams (18:27)
6: Problem-Solving and Technology's Real-World Impact (23:13)
7: Leadership, Humility, and Long-Term Success (30:20)
8: Wrapping Up – Final Thoughts on Leadership and Ego (41:58)
Follow Nate Emerson on Social Media
Twitter: https://x.com/nateemerson
Linkedin: https://www.linkedin.com/in/nate-emerson
YouTube: https://www.youtube.com/channel/UC0K8hu90G3iV6327ymEViNw
-
In this episode of the Modern Web Podcast, we sit down with Shashi Lo, Senior UX Engineer at Microsoft and the founder of the Gridiron Survivor project. Shashi shares his approach to mentoring junior developers by helping them bridge the gap between boot camp and their first job in tech. We cover the challenges of onboarding, the importance of code reviews, and how companies can better support new talent by investing in mentorship and training. Shashi also talks about his experience with building a community of learners, the process of de-risking junior candidates, and why companies should be more proactive in nurturing the next generation of developers.
00:00 - Meet Shashi Lo
02:25 - The Gridiron Survivor Project
05:02 - The Importance of Code Reviews
07:25 - Teaching the Basics of Project Communication
09:47 - Code Reviews as a Learning Tool
12:06 - Why Shashi Mentors: Giving Back to the Community
14:26 - The Importance of De-Risking Junior Candidates
16:41 - Building in Public: Transparency and Learning
19:00 - Assessing Candidates for the Gridiron Survivor Project
21:25 - The Power of Simple Coding Tests
23:45 - Scaling Up Skills: From Small Tasks to Big Projects
26:07 - Should Companies Be Doing This?
28:25 - Finding Hidden Gems in the Job Market
30:47 - The Challenges of Filtering Candidates
33:02 - Where to Find Shashi Online
34:38 - Closing Remarks
Follow Shashi Lo on Social Media
Twitter: https://x.com/shashiwhocodes
Linkedin: https://www.linkedin.com/in/shashilo/
Github: https://github.com/shashiloSponsored by This Dot.
-
In this episode, Rob Ocel sits down with Gant Laborde, CIO at Infinite Red, to explore Gant's journey in the tech industry, his transition into leadership, and his role as a Chief Innovation Officer. Gant shares insights into the challenges and rewards of innovation within a company, how to manage upward and downward effectively, and the importance of trust in leadership. They also discuss the evolving landscape of AI, the significance of experimentation, and the courage needed to make bold decisions.
Chapters
1. Introduction and Opening Remarks - 00:00
2. Gant's Background and Journey in Tech - 02:05
3. Transitioning to Leadership at Infinite Red - 05:08
4. Defining Innovation at an Agency - 07:28
5. The Role of AI in React Native - 09:39
6. Navigating the Hype and Troughs of Technology - 11:35
7. The Challenges of Middle Management - 15:12
8. Building Trust and Managing Upwards - 16:25
9. Empowering Teams and Passing the Torch - 19:40
10. Developing Courage and Taking Risks - 22:30
11. Why Leadership is Worth It - 30:28
12. Final Thoughts and Wrap-Up - 31:53
Follow Gant Laborde on Social Media
Twitter: https://x.com/GantLaborde
Github: https://github.com/GantMan
Linkedin: https://www.linkedin.com/in/gant-laborde/
Mastodon: https://mastodon.social/@gantlaborde
-
In this episode of the Modern Web podcast, Tracy Lee and Rob Ocel sit down with Sarah Shook, a UI/UX engineer at Hunter Industries. They discuss the topic of Sarah’s THAT Conference talk on color theory, exploring the intricacies of RGB, HSL, and hex color models. The discussion also touches on the importance of understanding how color accessibility impacts your page’s performance.
Chapters
- 00:00 - Introduction and Guest Introduction
- 01:30 - Balancing Work and Parenthood
- 03:20 - Family-Friendly Conferences and THAT Conference Experience
- 05:45 - Overview of Sarah's Presentation on Color Theory
- 07:00 - Understanding Additive and Subtractive Color Models
- 09:00 - RGB to Hex Conversion Explained
- 11:45 - Importance of Color Theory in Web Development
- 14:00 - Accessibility and Color Luminescence
- 16:00 - Tools and Resources for Color Accessibility
- 18:30 - Sarah’s Experience with Vue and Other Frameworks
- 21:00 - Discussion on Framework Deployment and Tooling
- 23:15 - The Challenges and Benefits of Learning Multiple Frameworks
- 25:00 - Tailwind, TypeScript, and Framework Preferences
- 27:00 - Vue Community and Tooling Insights
- 29:00 - Advanced JavaScript and TypeScript Content with DropJS
- 31:00 - Sarah’s Color Utility Project and Where to Find Her
- 32:30 - Closing Thoughts and Outro
Follow Sarah Shook on Social Media
Twitter: https://x.com/shookcodes
Linkedin: https://www.linkedin.com/in/sarahshook/
Github: https://github.com/shookcodes
-
Tracy Lee and Rob Ocel sit down with Mark Thompson, aka "Mark Techson", to explore key themes around personal branding, workplace culture, and leadership. Mark shares his journey of building a strong personal brand, discussing how consistent online presence can shape public perception and create professional opportunities. The conversation provides valuable insights into the art of leading without a formal title, emphasizing the importance of cultural sensitivity and gradual influence in workplace environments.
A significant portion of the discussion is devoted to Mark's motto of "Do what matters with who matters while it matters." This practical approach encourages listeners to focus on meaningful work, prioritize important relationships, and make the most of their time. Mark also reflects on the challenges of maintaining resilience in the face of personal adversity, offering a candid look at how to balance personal and professional life effectively.
Listeners will find actionable advice on how to take control of their career trajectory, foster a positive work culture, and navigate the complexities of leadership, all while staying true to themselves.
Chapters
[00:00] Introduction
[02:19] Personal Branding and Online Presence
[06:36] Navigating Workplace Culture
[08:56] The Story Behind 'Well Dressed Wednesdays'
[11:12] Developing the "Do What Matters" Framework
[13:29] Balancing Public and Private Life
[18:10] Overcoming Personal Challenges
[20:28] Taking Control of Your Career
[22:49] Practical Takeaways for Listeners
Follow Mark on Social Media
Twitter: https://x.com/marktechson
Linkedin: https://www.linkedin.com/in/marktechson/
Github: https://github.com/MarkTechson
Bluesky: https://bsky.app/profile/marktechson.com
Sponsored by Wix Studio.
-
In this episode of the Modern Web Podcast, Anthony D. Mays discusses code exercises, landing your first job, and how to succeed in interviews. He shares his personal journey to becoming a software engineer and career coach, and emphasizes the importance of not only having technical knowledge but also a strong problem-solving process. The conversation also touches on the role of senior engineers in guiding and empowering junior engineers, the interview processes at different companies, and tips for success in interviews. In this conversation, Anthony covers the interview process and how candidates can best prepare for technical interviews. emphasizing the importance of collaborative problem-solving and being authentic in interviews. They also explore the idea of secret questions and whether or not they are effective in assessing a candidate's skills.
Chapters
00:00 Introduction and Guest Introduction
03:24 The Importance of Problem-Solving Process in Interviews
06:32 Guiding and Empowering Junior Engineers
10:20 Understanding Different Interview Processes
19:51 Tips for Success in Interviews
24:57 Collaborative Problem-Solving in Technical Interviews
26:26 The Effectiveness of Secret Questions
29:42 Defining the Interview Process
30:37 The Importance of Authenticity
32:30 Interviewer Training and Feedback
35:18 Selecting the Right Opportunity
Follow Anthony D. Mays Social Media
Twitter: https://x.com/anthonydmays
Linkedin: https://www.linkedin.com/in/anthonydmays/
Github: https://github.com/anthonydmays
Bluesky: https://bsky.app/profile/anthonydmays.com
-
Kent C. Dodds joins Tracy Lee and Rob Ocel at THAT Conference-WI for a discussion about his journey from being an Angular developer to becoming a leading figure in the React community. Kent shares his motivations for making the switch, detailing how React's focus on JavaScript fundamentals and its incremental adoption of new features appealed to him. He also reviews his current and upcoming projects, including the launch of EpicWeb.dev, a comprehensive platform designed to provide end-to-end web development education. Kent talks about the updates coming to EpicReact.dev, including a new tutorial where developers can build useState and useEffect from scratch, aimed at deepening their understanding of React hooks.
Chapters
00:00 Introduction and Background
02:41 Preparing for a 90-Minute Keynote
05:37 Writing a Book and Other Projects
08:04 Surrounded by Ambitious People
09:01 Personal Stories and Balance
10:22 Lessons from Domo and Joe Eames
11:21 Learning from Experienced Engineers
12:41 The Importance of Surroundings
13:33 Choosing the Right People to Associate With
14:46 Kent's Organizational Skills
15:41 Balancing Work and Family
17:06 Committing to Big Things
18:04 Avoiding Burnout and Assessing Priorities
19:26 Sharing Personal Stories in Talks
20:21 Finding Effectiveness and Efficiency
21:17 Dealing with Burnout and Overwhelm
22:46 The Entrepreneurial Mentality
23:15 Running to the Top and Figuring It Out
24:14 Kent's Various Projects
25:41 Transitioning from Angular to React
Follow Kent C Dodds on Social Media
Twitter: https://x.com/kentcdodds
Linkedin: https://www.linkedin.com/in/kentcdodds/
Bluesky: https://bsky.app/profile/kentcdodds.com
Github: https://github.com/kentcdodds
EpicWeb.dev: https://www.epicweb.dev/
EpicReact.dev: https://www.epicreact.dev/
Learn More About THAT Conference Wisconsin 2024: https://thatconference.com/wi/2024/
-
Rachel Lee Nabors talks about the challenge of remaining current with new APIs and libraries, and how to prioritize which technologies you should invest your time in. Along with Tracy Lee, Rachel discusses their project of refactoring a demo using modern APIs and the benefits of challenging oneself with browser native APIs. The conversation also covers Rachel's involvement in standards development, and the evolving web technologies landscape.
Sponsored by This Dot
Watch this episode on our YouTube Channel
Read more on our blog
Timestamps
[00:00:00] Intro.
[00:03:10] Refactored code, removed external libraries, streamlined.
[00:04:35] Understanding web APIs requires deep knowledge.
[00:05:19] Focus on problem solving, not memorization.
[00:06:39] Many regions, new technologies, use cases.
[00:10:03] React Docs collaboration inspires Angular.
[00:12:17] Career advice and success stories.
Rachel Nabors' Social Media
Bluesky: nabors.bsky.social (Bluesky Social).
Instagram: https://www.instagram.com/rachelnabors/?hl=en
Twitter: https://x.com/rachelnabors
GitHub: https://github.com/rachelnabors
LinkedIn: https://www.linkedin.com/in/rachelnabors/
Substack: The Tech Career Survival Guide (The Scrimba Podcast).
Additional Links
CascadiaJS: https://cascadiajs.com/
Rachel Nabors’ “Alice” Project: https://dribbble.com/rachelthegreat/projects/350942-Alice-in-Web-Animation-API-Land
-
Tim Neutkens, Co-author and Tech Lead for Next.js, discusses how open source maintainers are simplifying the web, and covers the challenges faced with the current Next.js setup. Tim talks about TurboPack, a solution that optimizes bundling, improves parallelism, caching, and module graph calculations. He also talks about TurboAC, which focuses on addressing performance and compatibility issues, providing seamless transitions for Next.js users. Tim highlights the importance of efficient bundling processes to avoid excessive recompilation and discusses the updates in Next.js versions to enhance caching, rendering behavior, and client-side caching. Tim also discusses some exciting upcoming features in Next.js 15.
Socials
Twitter: @timneutkens
GitHub: timneutkens
Bluesky: timneutkens.bsky.social
Website: https://timn.tech/
Links
Vercel on Twitter, LinkedIn, Facebook, Instagram, YouTube, GitHub and Vercel's website
Next.js on Twitter, GitHub, LinkedIn, YouTube, Instagram, Facebook, official Next.js website
Turbopack on Twitter, GitHub, YouTube, LinkedIn, Instagram, Official Turbopack Docs
Webpack on GitHub, Twittvser, YouTube, and Official Webpack Website
Show Notes
[00:00:02] Next.js and the upcoming release of TurboPack.
[00:04:27] JavaScript bundlers evolving to handle growth.
[00:07:58] TurboPack solves Webpack limitations efficiently.
[00:12:12] Bundler compatibility for optimal app performance.
[00:16:50] Client components separated in webpack instance. Turbo pack for better parallelism and stability. Industry moving towards server-side. Feed and rollup still relevant. Collaboration between tools for future.
[00:20:57] Replacing part with roll down, similar to Webpack. Overlapping ecosystem with Avonetic Conference. Limits with unbundling and loading on demand. Cycle of building frameworks and hitting limits. History of using Webpack for client-side code. Two compiler architecture for server and client. Coordination between server and client with Webpack.
[00:25:38] Server action imports, turbo pack improves performance.
[00:30:04] Next.js is popular for websites.
[00:34:18] Chipotle using Next in Vercel, exciting improvements.
[00:38:51] Next.js 15 release candidate with changes.
Sponsored by Wix Studio.
-
Josh Goldberg, TypeScript ES-Lint Maintainer, discusses the newest features and benefits of TypeScript ESLint v8, AI in coding, and industry adoption cycles. He highlights the improved performance and type-aware linting feature of TypeScript ESLint v8. They talk about the importance of using proper tools for better coding outcomes, the "trough of disillusionment" in technology adoption, and discuss the Gartner hype cycle.
Sponsored by This Dot
Watch this episode on YouTube
Read more on our blog -
Join Jack Herrington and Tracy Lee at CascadiaJS 2024 as they talk about content creation, experimenting with new tools, and continuous learning. They cover some of the latest in what’s going on in the Vercel, Next.js, and Deno Deploy ecosystems, and what these teams are doing to enable easy deployment and better community collaboration.
Sponsored by This Dot Labs
Watch this episode on YouTube
Read more on our blog -
Dominic Farolino, Software Engineer on the Google Chrome team, shares his exciting work on adding observables to the browser as a web platform primitive to enhance web performance. He discusses the benefits of incorporating observables into browsers, simplifying developer workflows, and their efforts to make RxJS a widely used library. They also highlight the importance of setting deadlines, sharing updates, and collaborating to advance web technologies.
Sponsored by This Dot
Watch this episode on YouTube
Read more on our blog -
In this interview at RenderATL 2024, Tracy Lee and Rob Ocel interview Amanda Martin, a developer advocate at Wix, about integrating AI models into web development platforms, incorporating AI into low-code environments, and the accessibility of AI technologies through APIs and pre-built models.
Sponsored by This Dot
Watch this episode on YouTube
Read more on our blog -
On this episode of Modern Web, hosts Tracy Lee, Ben Lesh, Adam Rackis, and guest JLarky share their takes on the JavaScript ecosystem, including thoughts on React version transitions and TypeScript compatibility. They also explore the challenges of library updates, as well as web standards and the complexities within standards bodies.
Sponsored by This Dot
Watch This Episode on YouTube
Read more on our blog - Se mer
