COMPRESSEDfm

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