COMPRESSEDfm

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