In this episode, James and Amy talk about the Chrome Developer Tools including familiar tabs like Elements, Console, Network, and a few you've probably never heard of! They also share some of their favorite tips and tricks along the way.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00:00 - Intro00:04:43 - Amy's Trip to Berlin for Prisma Days00:07:47 - What Are Chrome Developer Tools?00:12:18 - The Elements Tab00:16:00 - Sponsor: DatoCMS00:16:54 - Tweaking Styles in the Elements Tab00:19:06 - The Layout Tab, Event Listeners, Breakpoints, and Accessibility Tabs00:23:34 - The Console00:27:18 - Sponsor: Zeal00:28:12 - Performance Insights and Performance00:29:07 - Debugging and the Sources Tab00:31:22 - The Network Tab00:37:07 - Sponsor:  Vercel00:38:14 - The Application Tab - Local Storage, Cookies, and More00:41:30 - The Lighthouse Tab and Framework Specific Tabs00:44:52 - Grab Bag Questions00:50:02 - Picks and Plugs

In this episode, James and Amy answer questions from the audience about Github Copilot, modern frameworks, Serverless vs Express.js, PlanetScale vs Supabase vs Firebase, and more!SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00:00 - Intro00:02:16 - Github Copilot Controversy00:15:08 - Sponsor: DatoCMS00:16:02 - Thoughts on Next JS,Redwood, Remix, and More00:23:27 - Sponsor: ZEAL00:24:22 - Desk Cable Management 00:30:25 - Serverless vs Express.js00:34:50 - Prisma and PlanetScale00:37:17 - Sponsor:  Vercel00:38:24 - Script for YouTube Images00:39:42 - PlanetScale vs Firebase vs Supabase

In this episode, James talks about his experience using SvelteKit to re-create the famous guessing game, Wordle.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00:00 - Intro00:03:57 - Svelte vs SvelteKit and Wordle00:10:29 - Sponsor: Vercel00:11:36 - How Wordle Works00:15:51 - SvelteKit Stores for Game State00:19:01 - Sponsor: Zeal00:19:53 - More on Game State00:21:33 - Working with LocalStorage00:27:43 - Creating the Keyboard00:29:53- Game Logic for Guessing Letter00:31:12 - Sponsor: DatoCMS00:32:05 - Color-coded Feedback On Guesses00:36:46 - Adding Transitions on Guessed Letters00:38:19 - Custom Overlay and Alert Components00:47:17 - Grab Bag Questions00:50:20 - Picks and PlugsLinksSource Code - https://github.com/jamesqquick/sveltekit-wordle-cloneWordle Game - https://www.nytimes.com/games/wordle/index.html(Amy Plug) Advent of CSS - https://adventofcss.com/(Amy Plug #2) Advent of JS - https://adventofcss.com/(James Pick) - https://www.amazon.com/Wireless-Charging-Case-Compatible-Microphones/dp/B09C1G9Z1D(James Plug) - https://www.youtube.com/c/jamesqquick

In this episode, Amy and James explain Github Actions: what they are, how they work, use cases, and more. Amy also shares some of her personal experience in setting up Github Actions in a recent project.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00:00 - Intro00:05:27 - What are GitHub actions?00:12:59 - Sponsor: DatoCMS00:13:53 - Linting or Formatting00:24:34 - Sponsor:  Vercel00:30:03 - Sponsor: Zeal00:30:56 - Other Use Cases00:37:12 - Grab Bag Questions00:44:00 - Picks and PlugsLinksLearn Github Actions - https://docs.github.com/en/actions/learn-github-actionsQuickstart for Github Actions - https://docs.github.com/en/actions/quickstartLevel Up Tutorials Course on Github Actions from Brian Douglass - https://leveluptutorials.com/tutorials/code-automation-with-github/introduction(James Pick) Rode Wireless Go - https://www.amazon.com/Rode-Microphones-Wireless-Channel-Microphone/dp/B08XFQ6KP9(James Plug) YouTube Channel - https://www.youtube.com/c/jamesqquick(Amy Pick) ELOH IPhone Game - https://apps.apple.com/us/app/eloh/id1406382064(Amy Plug) Learn Build Teach Discord - https://learnbuildteach.com/

Anthony Campolo (AJC) joins us to talk about leveraging blockchain infrastructure for decentralized Web3 applications and his experience working as a Developer Advocate at QuickNode.SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes00:00:00 - Intro00:04:06 - Bootcamp Experiences00:09:59  - Sponsor Shoutout: Hashnode00:10:45 - Experience Working on the Core Team of Redwood.js00:18:09 - Sponsor Shoutout: Daily.dev00:19:10 - Defining Web3, Blockchain, and Cryptocurrencies00:27:24 - What is QuickNode? - Blockchain API and Node Infrastructure00:28:54  - The Future of Web3?00:35:48 - Building a Hello World Smart Contract00:43:04 - Closing Thoughts on Web3 and the BlockchainLinksAnthony on Twitter - https://twitter.com/ajcwebdevQuickNode - https://www.quicknode.com/How to Create a dApp on Avalanche's Fuji Testnet with QuickNode: https://www.quicknode.com/guides/web3-sdks/how-to-create-a-dapp-on-avalanches-fuji-testnet-with-quicknodeA First Look at Deploying Smart Contracts: https://www.youtube.com/watch?v=RvvMWGPJVUIA Crash Course in Web3 for Web2 Developers: https://youtube.com/watch?v=kl5nNRKemkY

James and Amy discuss common accessibility mistakes that you should avoid in your web applications.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00:00 - Intro00:02:54 - What is Accessibility00:10:59 - Sponsor Shoutout: Dato CMS00:11:52- 1. Not Using Alt Tags on Images00:15:30 - 2. Not Using Semantic HTML Tags00:22:16 - 3. Not Checking for Accessible Colors and Contrast Ratio  00:24:18 - 4. Relying on Color To Communicate00:26:10 - 5. Not Adding Validation to Your Forms00:29:39 - 6. Setting Outline to None00:30:45 - 7. Ignoring Reduced Motion Preferences00:33:08 - Sponsor Shoutout: Zeal00:34:00 - 8. Using Non-descriptive Link Text00:35:16 - 9. Not Using Aria Role Tag00:37:29 - 10. Not Labeling Your Input Fields00:39:16 - Additional Resources00:40:50 - Grab Bag Questions00:41:16 - Picks and PlugsLinksGive a Damn About Accessibiility - https://www.accessibility.uxdesign.cc/A11ycasts - https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7gStorybook - https://storybook.js.org/Deque - https://www.deque.com/Ekster Wallet - https://ekster.com/Peak Design Bag - https://www.peakdesign.com/products/travel-duffel

Corbin Crutchley joins to talk about how to learn Frontend Frameworks better with his upcoming eBook The Framework Field Guide, https://unicorn-utterances.com/collections/framework-field-guide. SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show NotesUnicorn Utterances - https://unicorn-utterances.com/Framework Guide - https://unicorn-utterances.com/collections/framework-field-guideAccelerating Angular Development with Ivy - https://www.packtpub.com/product/accelerating-angular-development-with-ivy/9781800205215Learning TypeScript from Josh Goldbergy - https://www.amazon.com/Learning-TypeScript-Development-Type-Safe-JavaScript/dp/1098110331Brad Garropy - https://bradgarropy.com/00:00:00 - Welcome and Intros00:02:12 - Awkward Question of the Day and Rants00:07:18 - Background in Writing and Content Creation00:11:19 - Imposter Syndrome as a Writer00:15:01 - Sponsor Daily.dev00:16:02 - The Framework Field Guide - Learning the Core of Frontend Frameworks00:23:36 - Comparing Modern Frontend Frameworks00:27:42 - Sponsor Hashnode00:28:28 - The Tech Stack Behind the Book00:33:36 - Why Create a Free Book00:41:21 - Future Content Goals00:50:55 - Picks and Plugs

Deno team member, Luca Casonato, joins to talk about Deno, a new JavaScript runtime, and Fresh, a next generation web framework, built for speed, reliability, and simplicity.**This is a feed swap episode with  PodRocket -- a web development podcast from LogRocket. Every week, PodRocket gets you up to speed on everything happening in the world of web development through in-depth interviews with experienced engineers.Join LogRocket's Cofounder, Ben Edelstein, and members of the LogRocket engineering team as they interview experienced developers about the best, worst, and newest aspects of all your favorite libraries, frameworks, and technologies. If you enjoy this episode, please be sure to check out PodRocket!**Links and ResourcesFresh docsIslands ArchitectureDeno’s DiscordLuca Casonato – TwitterPodrocket PodcastShow Notes00:00:00 - Intros00:01:10 - What is Deno00:08:27 - Fresh - The Modern Web framework Built for Speed, Reliability, and Simplicity00:13:57 - Islands Architecture00:18:31 - Fresh Project Structure and Breakdown00:25:47 - Upcoming Exciting Tech00:29:54 - Wrap Up

Adam Bradley joins to talk about some amazing new projects to help increase performance and productivity in Web Development: Partytown, Qwik, and Builder.io.SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes00:00:00 - Intros00:00:52 - Adam Bradley Introductions, Origins of Stencil and Ionic00:08:16 - Qwik Performance Overview00:15:31 - Sponsor Shoutout - Daily.dev00:16:32 - Intelligent JavaScript Bundling and Prefetching00:24:26 - Qwik vs Astro00:29:40 - Sponsor Shoutout: Hashnode00:30:26 - Learning in Modern Web Development00:33:18 - Web Workers and Partytown00:45:07 - Builder.io - "Drag and Drop on Your Tech Stack"

James and Amy talk about everything Serverless and how it fits into modern Web Development. They discuss Serverless Functions, hosting platforms (Netlify, Vercel, and Cloudflare), frameworks and tools, benefits, Edge Functions, and more.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00:00 - Intro00:00:45 - What Have We Been Up To00:05:35 - Rant: Should You Leave Comments in Your Code?!00:10:23 - Overview of Serverless00:15:00 - Sponsor: Vercel00:21:00 - Sponsor: Zeal00:21:53 - Overview of the Jamstack and Serverless Functions00:35:27 - Sponsor DatoCMS00:37:32 - Benefits of Serverless00:45:41 - Edge Computing00:51:02 - Grab Bag Questions01:01:49 - Picks and Plugs

Colby Fayock joins the show to talk about his developer background, experience as a Content Creator, and his role as a Developer Advocate at Cloudinary.SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes00:00:00 - Intro00:00:58 - Colby's Intro and Background00:03:01 - Colby Background and Content Creation00:06:16 - Wordpress Development and Why It's Still Relevant00:09:23 - Favorite Wordpress Hosts00:11:50 - Security Concerns with Wordpress as a Headless CMS00:12:57 - Headless eCommerce00:16:26 - Thought Leadership and Being an "Influencer"00:18:05 - Creating Accessible Content00:21:48 - How We Plan Content00:22:35 - Updating Outdated Content00:25:45 - Colby's Role as Developer Advocate at Cloudinary00:28:17 - Cloudinary Features00:32:24 - Cloudinary and Wordpress Integration00:39:50 - Colby's Astro Brand Explained00:40:57 - Community Shoutouts00:41:42 - Colby Rant on Moving Past Your Initial Barrier to Entry

In this episode, Amy talks through the details of Dev Operations and setting up a CI/CD (Continuous Integration and Continuous Deployment) pipeline on a recent project, using RedwoodJS, Husky, Postgres, Render, and GitHub Integrations.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00 Introduction03:40 Amy's Rant On Work Life Balance06:56 What is DevOps?08:11 James Alternative Definition of DevOps10:37 DevOps Workflows of the Past13:00 CI/CD Pipelines + Vercel14:17 Sponsor: Vercel15:24 Amy's Experience with Redwood.js16:35 Readme.so17:12 Project Environments and Setup With Docker21:32 Project Setup - Github Projects, Github Actions, Kent C. Dodds Testing Trophy, etc.30:47 Hosting With Render35:01 Database Best Practices with Shipping Code36:43 Sponsor: DatoCMS37:37 Deploy Previews with Render Based on Github PRs44:01 Deploy Redwood.js on Render (Documentation)45:11 Sponsor: ZEAL45:57 Heroku Github Integration Issues49:39 Grab Bag Questions Section50:08 Picks and Plugs52:52 James's Plug - Top 5 Struggles of a Developer Advocate53:44 Create a SvelteKit Blog With Markdown FilesMDsvex57:03 Amy's Plug - Hashnode57:44 Amy's Pick - Matthew McConaughey's book, Greenlights

In this episode, James shares all the juicy details about Developer Relations / Developer Advocacy / Technical Evangelism and all the things that happen behind the scenes.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction2:50 "Not" Parenting Rant3:56 Spending Time with Remix5:14 Remix vs Next.js7:09 Remix vs Next.js Article9:01 How James Got His First Developer Advocacy Role12:10 Sponsor: Vercel13:18 Working at Microsoft as a Technical Evangelist18:17 Why Content Creation is Important19:54 Difference Between Technical Evangelism and Developer Advocacy22:05 Tech Is More Than Just Software Development23:00 Sponsor: DatoCMS23:54 Moving to New York City24:50 The Impact of Student Hackathons27:22 James Meets Tom Holland31:04 Learn Build Teach31:28 Speaking in Public34:20 Sponsor: ZEAL35:05 Technical Experience at FedEx40:10 Transitioning Back to Developer Advocacy42:23 Downside of Developer Advocacy47:34 Grab Bag Questions47:46 What are two challenges faced by developer advocates?42:10 What has been the hardest challenge when building a community and how did you address it? What do you like the most and the least about Developer Advocacy?55:44 What advice would you give to become a Developer Advocate?56:36 How much time do you spend building stuff versus marketing versus documentation?58:14 Picks and Plugs52:24 James's Pick: Ryobi Battery Powered Weed-Eater1:00:10 James's Pick: James Q Quick on YouTube 01:00:21 Amy's Pick - Book: Story Worthy01:01:15 Amy's Plug: SelfTeach.me on Twitch

Our featured guest for this episode is Nadar Dabit. He explains blockchain, decentralization, Web3, its future, volatility, and how you might get started in this space.SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction0:31 Nader Dabit Intro and Working in Dev Rel4:19 What is web3 and why the shift to web3?10:12 Sponsor: Hashnode10:58 GraphQL in Web312:23 What Does Decentralized Mean?16:33 The Business Model of Web318:20 What is the Blockchain25:46 Sponsor: Daily.dev26:47 Volatility in Web329:07 The Difficulty of Finding Developers in the Web3 Space30:04 Nader's Thoughts on the Future34:04 How Web3 Affects Content Creators35:14 Wrap Up

In this episode, Amy shares her experience with working with Storybook, the pros and cons, and how it's changed her developer workflow.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 IntroductionEpisode 32 - Getting Started with TypeScript7:17 Quick Rant: Wired Headphones8:49 Design SystemsEpisode 46 - Everything You Ever Wanted to know about Design SystemsBootstrapZurb Foundation10:36 Supports Multiple Libraries and Frameworks12:28 Sponsor: ZEAL13:13 How do you enter all the information into Storybook?Frontend Masters: Design Systems with React & Storybook - Emma Bostian18:24 Storybook in the Wild: Building out Frontend Components for Backend DevelopersEpisode 54 - Why RedwoodJS is the App Framework for Startups with David Price Redwood.js with David Price22:17 Comparing Storybook to Testing25:31 Sponsor: Vercel26:39 Breaking Down a Component29:29 Add-Ons with Storybook31:28 Storybook and Figma Integration31:46 Sponsor: DatoCMS32:40 Do you use Storybook at work?33:39 Do you think Redwood is an option that you'll use more of going forward? Or, do you think Storybook is something that you implement outside of Redwood in some of your existing setups?35:05 Is Redwood something teams should be looking at for new projects?36:32 Grab Bag Questions39:16 Picks and Plugs39:26 James's Pick: Spike Ball41:07 James's Plug: TikTok42:25 Amy's Pick: PARA Method43:42 Amy's Plug: Everything Svelte

In this episode, James shares common mistakes people make with their API Keys and explains the appropriate way to handle them.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 IntroductionYouTube Video RE: Mistakes People Make with API Keys6:42 API Keys7:37 Where do API Keys come from?8:57 Mistakes People Make with API Keys9:10 Mistake #1: Hard Coding the API Key Value11:45 Sponsor: Vercel12:53 Mistake #2: Adding an API Key to the .env file, but still exposing the key16:20 Mistake #3: Committing Your Key to Source Control17:59 What should you do about a leaked API key?19:38 Using .gitignore21:20 The Best Way to Handle Secrets22:57 Serverless FunctionsEpisode 57 - Authentication and Authorization and other Buzz Words29:55 Sponsor: ZEAL30:41 Where would you put a Bearer Token?31:40 Server Side Rendering33:49 Public API Keys37:20 Sponsor: DatoCMS38:13 Grab Bag Questions38:24 What's the best way to share environmental variables across different machines?38:35 What are the pros and cons of system environmental variables vs a KMS (Key Management System)?40:34 Picks and Plugs40:44 James's Pick: Sketcher's Tennis Shoes from Costco44:54 James's Plug: YouTube Video - 10 Things JavaScript Developers Have Stopped Doing45:26 Amy's Picks: James Clear 3-2-1 NewsletterAtomic Habits, by James Clear46:14 Amy's Pick: Keystone.js on Level Up Tutorials

In this episode, the tables are turned and you get a different perspective. Sunjay Armstead, is a UI/UX Designer and Developer at ZEAL. Here, he interviews Amy and asks her about leading a team and being a female in the tech industry.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction2:05 What can beginners do to prepare to work on a design / dev team?5:05 Contributing to Open SourceBrian Douglas9:58 Sponsor: Hashnode10:43 What have you learned to so far about leading a team? Challenges, frustrations, highlights?13:36 What ways have you seen your team help you get better?17:33 How do you know what's genuine, constructive critique vs unfounded opinion?19:38 Are there other ways that you can make a design objective?21:11 Sponsor: Daily.dev22:12 What ways has the industry improved and what things still need attention?25:28 What are some of the things that your bosses and coworkers have done right that has been inclusive and that helps you feel part of the team?27:46 What do you do to attend to the different areas of your life?

In this episode, James explains how to apply to speak at conferences, how to properly prepare for a speaking engagement, and how to get started.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction5:06 Why speak at conferences?9:12 Sponsor: Vercel10:19 How would you recommend getting started?15:41 How do you Apply to Speak at a Conference?25:56 Sponsor: DatoCMS27:03 PreppingNancy Duarte SlideologyNancy Duarte - ResonateNancy Duarte34:47 Tip: Ask for Feedback35:28 Tip: Make It Interactive38:39 Tip: Don't sell a Product40:00 Tip: Present your Niche at an "Unrelated Conference"41:07 Tip: Confidently say "I'm a Content Creator."42:12 Tip: Create Other Content out of your Conference Talk42:44 Tip: Network as much as Possible47:32 Sponsor: ZEAL48:18 What Other Benefits are there from Speaking?51:04 Grab Bag Questions51:13 Question #1: What was your path to speaking at your first conference? How did you know you were ready? How do you go about picking a topic? What lessons have you learned?54:24 Question #2: What about your defining your audience makes speaking at Tech Conferences challenging?55:59 Question #3: What do you consider when preparing for a CFP and how do you make your proposal stand out from all the other ones? How do you overcome anxiety before speaking? Would it be OK to have a script or a cheat sheet ready?58:17 Question #4: What would you do as a conference attendee and speaker like to see more or less of?1:00:00 Picks and Plugs1:00:32 Amy's Pick: HyperVolt Massage Gun1:02:52 Amy's Plug: Learn Build Teach Discord1:03:12 James's Pick: Dog Training Clicker1:05:19 James's Plug: James on YouTube

In this episode our guest, Brad Garropy explains his setup for increasing the developer experience and making his developer experience better. He's created several tools along the pipeline.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction4:08 Rants5:39 Introducing Brad Garropy7:39 Developer Tooling8:50 Dot Files RepoWes Bos's Dot FilesBrad Garropy's Dot Files12:38 VS Code SnippetsBrad's VS Code Snippets15:19 NPM PackagesBrad's NPM PackageshttpLabman26:08 Sponsor: Daily.dev30:18 YouTube Shorts32:53 Sponsor: Hashnode33:39 Code Generation and Generating All Kinds of ThingsPlop37:57 GitHub Repository Templates43:55 Picks and Plugs44:04 Brad's Picks: Oculus Quest 246:51 Brad's Pick: Yellowstone47:26 Brad's Pick: Halo49:01 Brad's Plugs: Brad Garropy on YouTube49:39 Amy's Pick: Body Glide51:09 Amy's Plug: Everything Svelte

This episode features Allan Villa. He transitioned into tech by teaching himself how to code in seven months and then landed his first job in tech.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction1:05 Introducing Allan Vila6:20 What curriculum did you use to learn?8:06 100 Devs#100DevsShow Your Work13:10 Sponsor: Vercel14:18 Where did you get started when you were trying to learn?18:23 Preferred Method of StylingCSS Tricks - Specifics on Specificity24:53 Sponsor: ZEAL25:38 Working on Personal Projects30:37 Leveraging Code34:59 Sponsor: DatoCMS35:52 BloggingA Hired Imposter's Secrets42:11 Dropping Bars45:17 Pineapple Pizza

This episode features Ken Jones, his side project Birdables that's he's turned into an NFT and printed actual trading cards. Ken also runs a small web agency and builds websites in various technologies.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction1:36 Introducing Ken Jones1:57 Birdables3:14 Process of Creating the CardsPrint of FigmaTiny Image Compressor5:48 Getting the Cards Printed9:12 NFTs and Minting the CardsOpen Sea13:09 Working with SvelteKitpnpm17:29 Sponsor: Hashnode18:15 No Code / Low Code ToolsWebflowNetlifyBubble27:29 Sponsor: Daily.dev28:29 Determining which tech stack is best for a specific project30:42 Niche Marketing and Tracking UsersBrennan DunnDripMastering ConvertKitRight Message35:45 Client Process38:48 Wrapping UpSvelte SirensEverything Svelte

In this episode, Amy and James talk about the process of validating an application idea, planning it out, and determining which features get built first.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:01 Tips and Mini RantsMaking TypeScript Look More Like JS Docs9:54 Coming up with a New Idea15:11 Sponsor: ZEAL16:04 Design SprintDeploy EmpathySoftware Social Podcast19:42 UI Flow Diagrams20:41 Data Modeling23:07 Sponsor Spot: Vercel24:15 App Map24:56 User StoriesEpisode 44: What Does it Look like to work on an actual dev team?26:47 Pointing Stories29:22 Prototyping, Wireframing, and User Research34:24 Sponsor: DatoCMS35:17 Which features?Simon Høiberg on TwitterFeed Hive41:29 Grab Bag Questions42:02 Question #1: What is a good way to find a need that you can fill and structure it to build for profit?49:13 Question #2: How do you come up with the perfect name for your app?50:53 Picks and Plugs51:06 Amy's Pick: Cho Pat Bands51:58 Amy's Plug: Learn Build Teach Discord Server52:30 James's Pick: The Traitor’s Son Book Series53:50 James's Plug: Discord Bot with TypeScript, Node.js, PlanetScale, Prisma, and Heroku

In this episode, our guest, Swyx talks about how part-time creators have an advantage over full-time content creators, leading indicators when creating content, networking and engaging with your audience, and creating luck.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction2:06 Introducing SwyxCoding Career HandbookPart-Time Creator Manifesto3:28 Why Writing?7:16 Priority and Time9:45 Better to be Part-Time Creator than a Full-Time Creator12:16 Do you set up a business entity?13:22 Consistency16:49 Lower the Barrier to Entry20:16 Sponsor: Daily.dev21:17 How much do you pay attention to growth?22:37 What is the leading indicator?Second Brain24:17 Engaging with your Audience25:24 Ratio of One for me, One for Them31:44 Networking34:43 Niching37:18 Sponsor: Hashnode38:04 What's a sustainable action plan for part-time content creation40:23 Getting your stuff stolen41:41 Creating Luck48:31 Community Shout outsMonica Lent: Blogging for DevsCoding Career on Twitter

In this episode, James explains how he built a custom Discord Bot for the Learn Build Teach Community that allows users to give out kudos for learning, building, or teaching. SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction3:24 Hot Rant and Quick Takes5:42 Slack vs. Discord9:45 Original Discord Bot15:59 Migrating to a New Tech StackPlanetScalePrismaRenderRailwayFly.io18:40 Sponsor: ZEAL19:32 Pain Points of the Old Tech Stack22:41 Sponsor: DatoCMS23:34 Benefits of Prisma24:56 Benefits of TypeScript27:17 Backend Frameworks29:38 Husky31:54 ts-node-dev33:47 Working with PlanetScale36:45 Sponsor: Vercel37:53 Slash Commands41:38 New Functionality in Discord45:15 Making the Data Available through an Express API47:14 What's the cost?48:55 Grab Bag Questions49:28 Picks and Plugs49:36 James's Pick: Blanket from Costco50:57 James's Plug: How I Built A Discord Bot with TypeScript, Node.js, PlanetScale, Prisma, and Heroku on YouTubeEpisode: Episode 32: Getting Started with TypeScriptEpisode: Making Frontend Developers Full-stack with Prisma with Nikolas Burk51:56 Amy's Pick: Ship 30 for 3052:56 Amy's Plug: Compressed.fm on Twitch

This episode features Nikolas Burke, Head of Dev Rel at Prisma. Prisma is an abstraction layer for managing and interacting with your database.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction1:59 Parenting Tips and Quick Rants5:11 Frontend Developers Becoming Backend / Full Stack7:47 What is an ORM and Why does it Make Working with Databases More Accessible?16:53 Differences with Prisma21:37 Sponsor : Daily.dev22:38 Speed of Working with Prisma23:43 Migrations26:51 Prisma Commands33:42 Sponsor: Hashnode34:27 Prisma: Under the HoodKeystoneJS on Level Up TutorialsEpisode 54: Why RedwoodJS is the App Framework for Startups with David PriceAmplicationEpisode 59: Let's be Animated41:52 Final Thoughts44:41 How should people get started with Prisma?

In this episode, Amy and James share 61 of their favorite apps for web design, development, and boosting productivity.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction3:23 1Password4:10 Adobe Creative Cloud5:11 Alfred6:40 AstroPad Studio7:12 Arctype7:49 Backblaze9:32 Bartender10:04 Bearded Spice10:48 Sponsor: Vercel11:55 Better Touch Tool12:28 Caffeine13:10 Carbon Copy Cloner13:54 CleanShot X15:21 Contrast15:36 Default Folder X16:40 Descript17:19 Dropbox17:47 Discord18:05 Elgato Control Center18:37 Fantastical19:14 fig.io19:45 Figma20:30 Sponsor: DatoCMS21:23 Fly Cut23:00 Glyph Finder23:32 Grammarly24:13 Harvest25:30 Hazel26:44 Hyper27:20 IconJar27:53 iStat28:34 Karabiner ElementsThe Most Productive Customization I've Made to My Computer This Year29:49 Keyboard Maestro31:29 OBS Studio31:54 Loom32:40 Loopback33:44 Sponsor: ZEAL34:37 Magnet35:28 MAMP Pro35:54 Local by Flywheel36:47 Mouseposé37:30 Notion38:26 NordVPN38:51 Numi39:25 Pixel Snap40:04 Pock40:33 Pocket Casts40:53 Raycast41:37 Shush42:27 Sip43:01 SequelPro43:37 Screenflow44:37 Spotify44:53 Stream Deck45:16 Slack45:34 Suitcase Fusion46:25 Text Expander48:06 Transmit49:02 Tower49:17 Tuple49:42 Unsplash Wallpapers49:58 VLC50:16 VS Code50:35 Yoink51:42 Grab Bag Questions51:55 Run JS App52:06 Obsidian52:50 Picks and Plugs53:03 Amy's Pick: Pet AirTag54:45 Amy's Plug Everything Svelte55:13 James' Pick Cook Once Eat All Week56:12 James' Plug Learn Build Teach Discord

In this episode, our guest, Brittney Postma talks about the Developer Experience (DX) and how it important it is to the work that we do and the frameworks that use.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction1:34 Introducing Brittney PostmaGraingercodingcat.devSvelteSirens2:10 Quick Rants, Hot Takes, and Parenting Tips6:22 Developer ExperienceSarah Drasner on the Developer Experience10:21 Sponsor: Hashnode11:10 Developer Experience through Documentation13:34 Tools around the Developer Experience16:54 The Developer Experience when Working on Client ProjectsEpisode 5: Starting a New Project21:18 Developer Experience with Education22:36 Sponsor: Daily.dev - http://daily.dev23:36 Developer Experience when Onboarding28:23 Things to Take into Account when Creating Content33:50 What Advice do you have a Student that's Trying to make Career Choices?Episode 43: New Beginnings for New DevelopersEpisode 35: Crossover Episode with Brittney and AlexFreecodecamp.com35:38 My Vanilla JavaScript is alight and not great, my company wants me to work with Vue JS already. They say I'll learn JavaScript also in a good way while working with the framework right away. What do you guys think?Beginner JavaScriptWes Bos's Courses38:46 Is the dev industry saturated?41:57 Closing Thoughts

In this episode, Amy and James talk about adding CSS and JavaScript animations to your project: things to consider, the best properties, methods, and libraries to use.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction2:48 Parenting Tip4:04 Rant: Learning Multiple Languages6:37 Our Fantastic Sponsors6:51 What We've Been Up To9:59 Why use animations?Jason LengstorfJosh ComeauCSS for JS12:27 Adding Context for Users14:34 Games and AnimationVal Head16:28 Speed of Animation17:33 Sponsor: Vercel18:40 Transitions vs Animations23:06 Animations in CSSCubic Bezier Curve28:02 Transition Property32:16 Sponsor: DatoCMS33:10 Green SockYouTube Video on Tweening SVGs with GreenSock35:45 Framer MotionMatt PerryWill Johnson (Egghead Course on Framer Motion)Pete Cape Cod - Hashnode Article on Framer MotionMotion.dev39:10 React Spring39:52 RemotionJohnny Burger on Twitter41:15 Sponsor: ZEAL42:08 Built into SvelteKitSwortleWand Selector45:09 Grab Bag Question45:21 Grab Bag Question #1: What would you prefer? CSS Animations? Vanilla CSS? JS? Or an animation library like GSAP or Framer Motion?46:59 Grab Bag Questions 2: What are the cheapest and most expensive (performance) types of animation?48:24 Picks and Plugs48:37 Amys Pick: Camo Studio50:07 Amy's Plug: SelfTeachMe on YouTube52:25 James's Pick: Logitech Lights53:59 James's Plug: James Q Quick on YouTube

This episode features Bekah Hawrot-Weigel as she talks about how Virtual Coffee got started, the role of storytelling within communities, and the importance of learning the basics in development.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introducing: Bekah Hawrot-Weigel2:10 Parenting Tips4:43 Virtual Coffee11:01 Tech Stack for the WebsiteEleventyRemixCraftCMS13:03 Learning New TechnologiesJekyllTensorFlowGant Laborde Book18:13 Sponsor: daily.dev19:13 Working with the Basics24:03 Asking QuestionsVirtual Coffee Discussions on GitHub30:51 Participating in a Community35:34 Sponsor: Hashnode36:23 Renaming Networking to Investing in Your Community40:25 Answering "Why Should we Hire You?"41:12 Finding the Community that you want to be Part Of Through StorytellingHow to get Run Over by a Truck48:29 Soapbox: A Person Centered Approach to Build Both Internal and External CommunitiesNever Split the Difference52:54 Community Shout OutsVirtual CoffeeCincinatti Software Craftsmanshipcfe.devLearn Build Teach Discord CommunityYou Got This Events

In this episode, James and Amy, explain all the buzz words: authentication, authorization, JWTs, sessions, and cookies. And what's the best implementation for your site?SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:30 Unpopular Opinions and  Parenting Tips8:55 All the Buzzwords10:38 What would you do if you were to build authentication and authorization into your own site?12:08 Authentication VS Authorization15:57 Sponsor: DatoCMS16:51 Roles and Permissions20:18 Cookies and Sessions25:45 Facebook Tracking27:04 The Relationship Between Sessions and Cookies29:28 Sponsor: ZEAL30:21 JWTs, JSON, and Web Tokens35:35 Combining JWTs with Cookies36:45 Beware: Cross Side Scripting38:53 Refresh Tokens41:22 Identity / SaaS Platforms for to Handle AuthenticationAuth0OktaNext AuthSupabaseFirebase46:32 Sponsor:  Vercel47:40 Grab Bag Questions48:06 Question #1: Is it JWT or JOT?50:31 Question #2: Rolling your own Auth System vs. Using a ServiceJames Perkins - Live EpisodeClerk.dev51:19 Question #3: What is your favorite Girl Scout Cookie?52:33 Picks and Plugs52:46 Amy's Pick: CodeSpark54:18 Amy's Plug: Everything Svelte54:57 James's Pick: Publix Sub Sandwich56:28 James's Plug: Learn Build Teach Discord

In this episode, James Perkins talks about the SaaS he built, Roll Your Tweet, the tech behind it, and how much it costs to run.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction1:01 Introducing James PerkinsTina CMS1:53 Parenting Tips3:51 Quick Rants: "No one is going to give you a tech job or development job based on social media process"5:43 Quick Rant: Educational Content is better within a Blog Post8:28 Roll Your TweetRoll Your Tweet10:35 Why is not intimidating to build a SaaS app and what tech stack are you using?Feed HiveNext.jsClerkPlanet ScalePrismaSend in BlueRender16:57 Sponsor: DatoCMS17:51 Question: Should you go ahead and build out the Payments piece early or wait until you actually have sign-ups?Paddle22:59 What prompted the change in the tech stack?24:00 How do you run the cron job?Crossover episode with Web Dev Weekly26:54 Working with the Database30:43 Sponsor: Vercel31:50 Developing By Yourself36:41 The Cost of Running Roll Your Tweet40:59 Sponsor: ZEAL41:53 Grab Bag Questions41:58 Question #1: What are you using for the analytics in your app?Plausible44:19 Question #2: Do you stream your work on your SaaS?44:56 Question #3: Will you repeat your tech stack one more time?46:43 Finding James Perkins OnlineTwitterYouTubeTwitch

This episode is Part 2 of Amy and James's favorite VS Code Hot Tips and Tricks for improving the developer experience. They share their favorite extensions, plugins, and themes for getting the most out of VS Code, including some hot takes on GitHub CoPilot.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction6:59 Our Favorite Extensions7:32 Code Snap and Polacode10:57 Better Comments12:14 Bookmarks13:02 Sponsor: DatoCMS13:56 Cloak14:37 Indent 4 to 216:02 CSS Peak16:48 Error Lens17:34 File Utils19:13 Import Cost21:07 Project Manager21:20 Auto Complete22:09 Tabnine and Kite23:07 GitHub Co-Pilot25:19 Sponsor: ZEAL26:12 Git Integration and Git Lens27:23 GitHub Pull Requests and Issues27:44 LiveShare29:04 IntelliSense for CSS Class Names in HTML30:29 Snippets31:58 Adding Extensions33:07 Thunder ClientJames's YouTube Video on Thunder Client35:04 Calculator35:34 Markdown PDF36:09 Sponsor: Vercel37:15 change-case38:10 Prisma38:43 Color Bracket39:34 Quokka.js40:20 Colorize40:50 Text Pastry41:16 Emmet42:00 Window Colors43:34 Peacock43:55 Building Your Own Extensions44:32 Cobalt 245:37 Other ThemesNight OwlWinter is ComingMidnight SynthcodeSTACKrLevel up TutsShades of PurpleHot Dog Stand47:45 Grab Bag Questions47:56 Question #1: How Hard is it to code your own VS Code Extension?48:10 Question #2: Have you heard of Thunder Client?Thunder Client48:25 Question #3: What do you think of Beginner Developers Using Extensions to Make Things Easier?51:20 Question #4: Any References or Guides on Creating a VS Code Extension that You guys have used?52:34 Picks and Plugs52:36 James's Pick: Duolingo App54:03 James's Plug: James Q Quick on YouTube54:31 Amy's Pick: Pacific Northwest Backpack / Arkadia Supply Co55:07 Amy's Plug: Amy's YouTube Channel

In this episode, David Price talks about Redwood.js, its origin, how it can help you quickly spin up a full-stack JavaScript application, and how you can get involved in their community.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction1:09 Meet David PricePreston Warner Ventures3:30 What is Redwood.js?7:23 What do you expect modern apps to be able to do?14:31 Origin Story of Redwood.jsTom Preston WarnerChatterbugPeter PistoriusJekyllMatt BiilmannChris Bach19:23 Sponsor: Vercel20:31 Bike Shedding26:17 Taking away the Pain31:17 Structure within Code34:52 Sponsor: DatoCMS35:46 Why React, Prisma, and GraphQL as your starting point?Amy's YouTube Video - Intro to Testing42:59 Learning with Redwood47:34 What is Storybook?50:36 Getting Started with RedwoodRedwood TutorialDiscord CommunityDiscourse ForumsDocs52:55 Sponsor: ZEAL53:49 Redwood.js Stickers54:51 Redwood Community

In this episode, Amy and James share some of their favorite keyboard shortcuts and workflows for using within VS Code.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:02 Quick Rants, Unpopular Opinions, and Parenting Tip6:21 Everything Svelte7:23 VS Code BasicsYouTube Vide on Webstorm and VS Code9:37 Working with Text and NavigationUse arrow keys to go up / down a line or left / right character by character(Mac) Option + left / right to go word by word(Mac) Cmd + left / right to go to the beginning/end of a link(Mac) Cmd + top/bottom to go to the top/bottom of the page(Mac) Within Keyboard Settings, you can change your key repeat and delay until repeat(Mac) Cmd + D or (Windows) Ctrl + D, to select an entire wordAt the end of the word, (Mac) Opt + Backspace to delete the word(Mac) Cmd + D to select a word, then Cmd + D again to select the next instance of that word in your document(Mac) Cursor on a variable name + F2 to rename all instances of that variable within the fileEpisode 49 - Working within the Terminal(Mac) Opt + up/down - move the file up or down. If you hold down shifts while you do that it, it will duplicate the lineIf you’re on a line, don’t select anything, and hit (Mac) Cmd + C, it will copy the entire line.If you’re on a line, don’t select anything, and hit (Mac) Cmd + X, it will cut the entire line(Mac) Cmd + Enter to inject a new line after the line you’re in.(Mac) Cmd + Shift + Enter to inject a new line above the current line(Mac) Select a word, then hit Cmd + F, it will pull up the Find search box, with the word you selected pre-populated(Mac) James has set up a custom keyboard shortcut to do the same thing with Cmd + H for replace.To set up a key binding, hit Cmd + Shift + P, type in Keyboard Shortcuts, and VS Code provides you with an interface for customizing your shortcuts18:54 Sponsor: DatoCMS19:48 Customize Editor LookTurn off Mini MapHide File Preview / Turn off soft opensBreadcrumbsOutline Toggle (within the sidebar)Files currently open (within the sidebar)(Mac) Cmd + B to toggle the sidebar open and closed(Mac) Cmd + Shift + F to show and hide the TerminalZen Mode25:14 SnippetsSnippet Manager - https://code.visualstudio.com/docs/editor/userdefinedsnippets27:11 Opening, Closing, and Saving Files(Mac) Cmd + P to search for a file(Cmd) Cmd + Shift + P to open the Command PaletteAdvanced New File(Mac) Cmd + Ctrl + right/left/top/bottom arrow to move that window into split-pane view(Mac) Right click on the tab to open the same file in split pane view29:56 Split Pane View32:09 git within VS Code33:49 Integrated Terminal36:11 Debugging within VS CodeAmy’s YouTube Video on Debugging37:47 Sponsor: ZEAL38:40 Extensions within VS CodeSettings SyncLive Server ExtensionAdventofJs.com and Adventofcss.com40:40 Themes41:00 vimVim for VS Code from JS JoeOn Twitter @jsjoeiovim.so from Kenneth43:41 Sponsor:  Vercel - http://vercel.com44:49 Grab Bag Questions45:07 Question #1: How do you make VS Code work like PHP Storm, or Web Storm, as far as auto imports and hinting?James on YouTube: Video for comparing VS Code and PHP Storm46:53 Question #2: How do you make VS Code open from the TerminalAdd VS Code to your Path48:26 Question / Comment #3: Find and Replace with RegexCrossover episode with Web Dev WeeklyBrad’s YouTube Video on working within RegexRegexPal.com50:15 Picks and Plugs50:28 Amy's Pick: Taco Cat Goat Cheese Pizza51:05 Amy's Plug: Everything Svelte51:33 James's Picks and Plugs: Black and Decker Coffee Grinder52:14 James's Plug: Learn Visual Studio Code

In this episode, Shaundai Person talks about her interview experience at Netflix and what it’s like to work there. She has several tips for landing your first or next job.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 IntroductionReact RobbinsTS for JS1:17 Introducing Shaundai3:39 Advantages of Having a Sales Background9:43 Specific Example from one of Shandai’s Interviews14:08 Sponsor: ZEAL15:01 What was involved in the Technical Side of Your Interview?17:30 Culture FitCulture Fit vs. Culture Add19:03 Getting comfortable in the Interview24:25 Sponsor: Vercel25:33 Come with a list of questionsQuestion: “Share a story with me that you think embodies what you love about the Netflix culture”Ask targeted questions, specific to the personSend out Thank You Videos after the interview33:18 Do we need to complete all the coding challenges on LeetCode before getting a job at Netflix?35:48 Research before the interviewFrontend Happy HourReach out to people currently doing the job you’re interviewing for, at that company41:27 Sponsor: DatoCMS42:21 What languages, frameworks, tools, are you working with right now?42:50 If you fulfill 75% of the requirements, go for it.46:29 Anything your want to share about the kind of day-to-day activities?

In this episode, Amy and James decode Flexbox and CSS Grid. How do you use them? and when do you reach for one over the other?SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction8:19 When do you start adopting new CSS Properties into Your Workflow10:25 History of Grids12:50 Floats in the Olden Days16:32 Sponsor: Vercel17:39 Problems Flexbox and Grid Solve18:45 The Difference Between Flexbox and Grid21:19 How well do you know all the properties?CSS Tricks CSS Grid CheatsheetCSS Tricks Flexbox CheatsheetKevin Powell on YouTubeFlexbox FroggyWhat the Flexbox (by Wes Bus on YouTube)24:49 Sponsor: DatoCMS25:42 Using Flexbox30:46 Sponsor: ZEAL31:39 Favorite Parts about Flexbox32:42 flex-wrap34:23 flex-grow35:11 flex-shrink36:06 order38:33 CSS GridCSS Grid course by Wes Bos39:58 12 Column Grid45:25 Grid Template Areas47:01 Displaying Tabular Data48:48 Grab Bag Questions49:01 Question #1: What do you think about using grid and flexbox together?49:49 Question #2: When do you reach for CSS Grid and when do you reach for Flexbox?50:25 Question #3: Why should he learn Grid if he already knows Flexbox?51:58 Picks and Plugs52:11 James's Pick: Charcoal Pillow from Costco53:15 James's Plug: James Q Quick on TikTok53:40 Amy's Picks: Drink Holder for Luggage54:11 Amy's Plug: EverythingSvelte.com

In our very first guest episode, Brian Douglas, Director of Developer Advocacy at GitHub, joins us to talk about Open Source projects and the benefits of contributing.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.com

In this episode, Amy and James cover the Terminal: commands to use, shortcuts, and power features.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 0:00 Introduction7:31 What is the terminal?11:34 Difference between Mac/Linux and Windows13:24 Basic Commands13:38 Navigating Directories15:23 cd ls18:06 Education of Different Flags20:04 Sponsor: DatoCMS21:11 Creating a file in Linux21:45 Move or Rename22:11 Copy and Remove23:21 Wes Bos Trash Plugin23:56 echo24:47 wc25:20 Clear Terminal26:10 pwd26:35 Quit Commands27:20 Grep Command29:44 Sponsor: ZEAL30:38 Sudo32:50 chmod Command37:06 Pipes38:50 Sponsor: Vercel39:57 Tail and Head41:04 Diff Command41:27 Tar and Zip42:48 SSH and SEP43:11 vi/vim, nano47:10 npm47:31 People that use cli48:57 Hyper Terminal Built on Electron49:34 Command Line Power User Course from Wes Bos50:09 zsh + bash52:20 Grab Bag Questions - Tweet Us @compressedfm!52:45 Picks and Plugs52:59 James's Pick: Portable Charger54:29 James's Plug: James Q Quick on YouTube54:51 Amy's Pick: The Whistler by John Grisham55:14 Amy's Plug: Level Up Tutorials Course on Keystone and Tailwind

In this episode, James and Amy talk about all the ways that you can make money online, as a developer. This includes everything from content creation, to sponsored content, to creating a SaaS, to freelancing.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:20 Software Development5:26 Changing Companies and Salary7:22 Sponsor: ZEAL8:15 Freelancing9:29 Previous Freelance EpisodesEpisode 6: Freelancing (Part 1)Episode 7: Freelancing (Part 2)Episode 29: Freelancing IRL: Unveiling a Site Redesign11:16 Learning Opportunities with Freelance14:02 Making and Selling Software17:13 Lead Magnets18:36 Content Creation18:52 YouTube AdSense19:59 Sponsored Videos21:10 Sponsor: DatoCMS22:03 Income from Sponsors23:30 Patreon26:35 Sponsor: Vercel27:42 Writing Articles30:21 eBook32:22 Creating Courses33:23 Expanding Your Community35:05 Consulting, Coaching, and Mentoring37:50 Grab Bag Questions38:03 Question: How much do you consult your full-time employer about side gigs?41:44 Picks and Plugs41:55 Amy's Pick - MonsDRAWsity42:48 Amy's Plug - Everything Svelte43:21 James's Pick: How I Met Your Father44:16 James's Plug: James Q Quick's YouTube

This episode is all about hooks within React: useState, useEffect, useReducer, useContext, useRef, useMemo, and useCallback.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:55 What was before React Hooks5:14 Class Based Components5:28 Functional Components6:19 Experience with Classes9:14 Benefits of React Hooks11:31 useState16:17 Sponsor: DatoCMS17:11 useEffect22:37 useReducer29:22 useContext32:42 Sponsor: ZEAL33:34 useRef35:42 useMemoWeb Dev Simplified, useMemo in 10 MinutesBen Awad39:08 useCallbackWeb Dev Simplified, useCallback in 8 MinutesBen Awad41:15 Sponsor: Vercel42:08 Grab Bag Questions42:27 Question #1: useState vs useContext44:28 Question #2: How can we pause rendering?46:51 Question #3: useRef vs. useState and in what condition will useState cause an infinite loop?48:19 Question #4: Do you actually use useCallback and useMemo?49:44 Question #5: What are some powerful ways you guys have used custom hooks within React?Custom Audio Player on YouTube51:44 Question #5: Forms with mobX, useState, mvvm, and Validation52:50 Picks and Plugs53:01 Amy's Pick: Paper Like Screen Protector53:26 Amy's Plug: SelfTeach.me YouTube Channel53:37 James's Pick: iPad Keyboard Case54:52 James's Plug: James Q Quick on YouTube

This episode is all about design systems! Why use them, atomic design, specifics, examples, maintaining, and what to do if you don't have a current system.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.com

This episode takes a behind-the-scenes look at Advent of CSS and Advent of JavaScript: the planning, technology, struggles, and learnings.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:56 Advent of CSS and Advent of JavaScript9:29 Technology Overview10:26 Sponsor: Vercel11:33 Working with SvelteKit15:06 ConvertKit25:15 Sponsor: DatoCMS26:09 Podia for Hosting the Course Content28:45 Gumroad31:33 Integrations with Zapier35:06 Sponsor: ZEAL36:00 Marketing and Promotion38:42 Things we would have done differently45:19 Grab Bag Questions45:30 Grab Bag Question #1: Plans for Adding Code in Browser46:44 Grab Bag Question #2: Does Hosting Play a Part in Your Tech Stack Decision?48:03 Grab Bag Question #3: Who is your target audience?50:04 Picks and Plugs50:07 James's Pick: Mistborn Series50:25 James's Plug: James Q Quick on YouTube51:23 Amy's Pick: Balega Socks51:51 Amy's Plug: SelfTeach.me on YouTube

In this episode, Amy and James talk about their experiences on actual development teams and the different processes and workflows that work best.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction2:58 Jobs on a Development Team4:58 What is agile?7:09 Sprints8:32 Deadlines and Milestones10:19 Sponsor: Vercel11:25 Writing Stories15:23 Types of Stories21:26 Version Control and Git within a TeamEpisode 34 - Getting gitUsing Git with a Team on YouTube22:55 Continuous Integration and Continuous DeploymentEverything Svelte26:41 Code ReviewsTweet from James / Compressed.fm Codebase28:27 Sponsor: DatoCMS29:21 Prioritizing and Pointing Stories34:47 Who writes the stories?36:21 Velocity38:26 Pair ProgrammingTupleLiveShare through VS Code45:08 Meetings47:46 How Design Fits into the Process49:12 Sponsor: ZEAL50:05 Grab Bag Questions53:10 Amy's Pick: Rainbow Pirates53:27 Amy's Plug: Everything Svelte53:50 James's Pick: Kreg Pocket Hole Jig Pro 72055:53 James's Plug: James Q Quick on YouTube

New year, new you. If you're thinking about getting started or are new to dev, this episode is for you! Amy and James talk about where they started, where they would begin today, and any and all advice for beginners.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersTellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. For more information visit tella.tvShow Notes0:00 Introduction2:39 Sponsor: ZEAL3:24 PSA: Logarithm vs Algorithm5:58 Amy's Learning Process7:31 James's Learning Process10:12 Make Learning Fun12:29 Consistency while Learning Something New13:24 Where's a Good Place for People to Get StartedCrossover Episode with Purrfect.dev17:40 Sponsor: Vercel18:46 Where to get startedFree Code CampLearn Build Teach Discord CommunityLevel Up Tutorials Discord CommunityJason Lengstorf, Party Corgi Discord CommunityColby Fayock, Space Jelly Discord CommunityScrimbaScrimba Discord CommunityTraversy Media on YouTubeAnia Kubow on YouTubeAnia Kubo - 12+ Hour Boot CampJessica Coder CoderWeb Dev SimplifiedColby Fayock on YouTubeJesse from CodeStackrColby's Course on Level Up Tutorials: eCommerce on the JAMStack with SnipCart, Next.js, and WordPressLevel Up TutorialsCourses by Wes BusCourses by Chris Sev on Better.devJames Q Quick's CoursesJames on YouTubeAmy on YouTubeJavaScript JabberSyntax.fmCodePen RadioShop Talk ShowCode NewbiePurrfect DevWeb Dev WeeklyCompressed.fm - Episode 2 - James's Origin StoryCompressed.fm - Episode 3 - Amy's Origin Story27:40 How do you prioritize all the things that someone could learn?Tech Rally on TwitterDanny Thompson29:53 Finding and Reaching out to Mentors34:09 BootcampsLearn AcademyLaunch Code38:19 Community40:55 Going Beyond a Tutorial42:26 Sponsor: Tella.tv43:13 Adding on to a TutorialAdvent of CSSAdvent of JavaScript45:41 Job SearchTaylor Desseyn49:47 Grab Bag Question - Original Tweet52:32 Picks and Plugs52:46 Amy's Pick: Code Names53:43 Amy's Plug: Everything Svelte54:48 James's Pick: Laptop Stand55:40 James's Plug: Building a Dynamic Landing Page with Next.js, Tailwind, and DatoCMS 

In this episode, Amy and James share all their goals for 2022, including 2 big announcements for Compressed.fm!SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:23 12 Projects in 12 Months6:03 Personal Branding7:37 Community9:30 Everything Svelte10:32 Project Files to Sell11:43 Sponsor: ZEAL12:35 Compressed.fm14:13 Open Source ProjectsEpisode 28 - Web Dev Weekly Crossover EpisodeBrad Garropy - npm Video15:32 Advent of CSS / Advent of JavaScript17:55 Frontend Blitz20:14 Doubling Down on Content Creation25:34 Sponsor - DatoCMS26:27 Compressed.fm Podcast27:47 Non-Tech GoalsIllustration Course by The FuturChris Do on InstagramBuilding a Brand Playlist on YouTubeCopy SchoolResources by Joana Wiebe35:23 James's Four Core Pillars38:41 Paid Content40:04 Sponsor: Vercel41:10 Building a Domain-ed App42:42 YouTube Content44:18 Grab Bag Questions44:28 Question #1: Guest Speakers, More Live Episodes, and Swag44:39 Question #2: Any Plans for Design Centered Topics: Design Thinking, Typography, UI UX, Design, Design Systems?45:50 Question #3: What recommendations do you have for frontend developers looking to lean the backend to become a full-stack developer?Scott TolinskiWes Bosbeginnerjavascript.comWeb Developer Bootcamp by Colt Steele47:49 Question #4: How do you focus on learning with so many resources? How do you vet resources for learning? When do you re-evaluate goals? When you were doing your planning for this year, what kind of thought process did you have from an organization standpoint?Virtual CoffeeAugust BradleyWandering Aimfully53:26 Picks and Plugs53:36 Amy's Picks: Whooshi Wipes54:04 Amy's Plug: Everything Svelte54:50 James's Pick: Floating Ball55:41 James's Plug: Everything Svelte

In this episode, Amy and James reflect back on 2021, things they accomplished, goals they met, places they fell short, and areas to improve upon.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction5:05 Starting a Podcast: Compressed.fm6:33 Advent of CSS and Advent of JavaScript9:48 Sponsor: ZEAL10:42 Live Streaming12:59 YouTube Channel17:35 TikTok18:40 James's Newsletter20:07 Weaknesses22:13 Sponsor: DatoCMS23:07 Promotions and Giveaways25:33 YouTube Segments and Series28:26 Twitter Numbers31:05 Skills to Improve On35:19 Mini-Courses and Lead Magnets37:00 Sponsor - Vercel38:08 Grab Bag Questions38:20 Question #1: Is Vercel going to take over the JAMStack space next year?40:26 Question #2: Has a year of podcasting contributed to you as a tech teacher? What did you learn from it?42:03 Question #3: How do you feel going into 2022 compared to last year?43:41 Picks and Plugs43:48 Amy's Pick: Unstable Unicorns44:48 Amy's Plug: Everything Svelte45:53 James's Pick: Bird Dog, Men's Joggers46:26 James's Plug: Svelte Crash Course on YouTube

In this episode, Amy and James discuss design trends to look forward to in 2022, including gradients with grain, large typography, and interactivity.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersTellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. For more information visit tella.tvShow Notes0:00 IntroductionArticle on Webflow: Web Design Trends in 20228:35 #1 Mini-Sites of Delight10:31 Sponsor: Vercel11:38 #2 App Like Experiences12:48 #3 Art Deco13:03 #4 Line Work16:46 #5 and #6 Fewer Images and Oversized Typography18:02 #7 Interactivity18:23 #8 Collages and Abstract Illustrations19:30 #9 Gradients with GrainCharli Marie Podcast, Inside Marketing Design at Stripe21:09 #10 Glass Morphism22:13 Sponsor - Tella.tv23:26 #11 Scrolling Animations25:00 #12 Less Neo Morphism28:13 #13 Inclusive Copy28:19 #14 Gender-neutral Design28:30 #15 Page Speed Prioritization31:24 #16 No Code32:30 #17 More Emphasis on Users32:54 Sponsor: ZEAL33:49 Grab Bag Questions34:00 Grab Bag Question #1: Will we avoid new trends that end with morphism?37:21 Grab Bag Question #2: Trends for Feature Discovery39:02 Grab Bag Question #3: Minimalistic Design42:00 Picks and Plugs42:11 Amy's Pick: Unstable Unicorns42:49 Amy's Plug: Advent of CSS43:25 James's Pick: Mistborn Series44:43 James's Plug: Advent of JavaScript

In this episode, Amy and James discuss the future of web development: Astro, Vite, Supabase, SvelteKit, Redwood.js, Blitz.js, GitHub Co-Pilot, Web Assembly, Blockchain, w3, no-code, and low-code.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 IntroductionOpryland Hotel3:24 Astro.build9:33 Veet13:29 Sponsor: DatoCMS14:22 Supabase17:20 Remix.run19:26 MacBook Pro22:57 NAS Drive26:45 Sponsor: Vercel27:54 SvelteKit30:17 Next32:55 Redwood.js and Blitz.js36:52 Blockchain and W337:58 Web Assembly40:38 TypeScriptEpisode #32: Getting Started with TypeScript42:05 Sponsor: ZEAL43:36 Automated Testing44:25 No-Code / Low-Code SolutionsEpisode #13: The Future of Code with No Code47:09 GitHub CoPilot48:45 Go49:55 Grab Bag Questions50:10 Question #1: What has staying power? How do we know what to stay focused on?51:47 Question #2: What do you think about low code platforms?52:53 Question #3: What will the future of JAMstack look like as some of these new libraries and frameworks gain traction?53:40 Question #4: Will Svelte, Rust, Solidity, W3, and React Server components take over?54:57 Question #5: Do you think more technologies like GitHub CoPilot, where AI helps you write code become more prominent?56:15 Picks and Plugs56:25 James's Plug: Heater Lamps57:42 James's Plug: Advent of JavaScript58:09 Amy's Plug: 3 Prong Car Charger58:44 Amy's Plug: Advent of CSS