Notes Brad and Richard recap their first year of podcasting. They review the top five episodes, share a bit about the numbers, and talk about future plans. Web Dev Weekly will be going on a break in December 2021 to recharge for 2022! Links https://svelte.dev/ (Svelte) https://svelte-cubed.vercel.app/ (Svelte Cubed) https://www.pocketcasts.com/ (Pocket Casts) https://castro.fm/ (Castro) https://webdevweekly.netlify.app/ (New Web Dev Weekly Website) (under construction) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Ask us a https://forms.gle/BJJazTb7T7XUgNKbA (question) Join our https://webdevweekly.netlify.app/discord (Discord) server

Notes Richard shares how his early adoption of technology and his college professor father raised him to be a successful programmer at an early age. He then goes on to share his varied career path to his current job at a FAANG company. Links https://www.amazon.com/Even-More-Excellent-Reference-Guide-dp-0072561785/dp/0072561785 (Timothy Gottleber | Even More Excellent HTML) https://www.ti.com/ (Texas Instruments) https://www.fidelity.com/ (Fidelity) https://www.facebook.com/ (Facebook) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Ask us a https://forms.gle/BJJazTb7T7XUgNKbA (question) Join our https://webdevweekly.netlify.app/discord (Discord) server

Notes Brian Morrison joins Richard and Brad to talk about his Destiny 2 item manager app, GuardianForge. He introduces them to Destiny 2, shares the motivation behind building the project, and describes the tech stack that powers the app. Links https://brianmorrison.me/ (Brian Morrison) https://twitter.com/brianmmdev (Brian Morrison | Twitter) https://www.youtube.com/channel/UCLx9EihBDfoJMncRWSZZoXg (Brian Morrison | YouTube) https://guardianforge.net/ (GuardianForge) https://twitter.com/guardianforge (GuardianForge | Twitter) https://www.bungie.net/7/en/Destiny/Buy (Destiny 2) https://www.youtube.com/channel/UClbllR4Tx-lhYJyrpu1sA4A (Aztecross) https://www.youtube.com/user/CreepyCastle (Castle) https://bungie-net.github.io/ (Bungie API) https://destinyitemmanager.com/en/ (Destiny Item Manager) https://dadroit.com/ (Dadroit JSON Viewer) Gatsby https://aws.amazon.com/ (Amazon Web Services) https://twitter.com/destinyinsights (Destiny Insights) https://learnbuildteach.com/ (Learn Build Teach) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Ask us a https://forms.gle/BJJazTb7T7XUgNKbA (question) Join our https://webdevweekly.netlify.app/discord (Discord) server

Notes Brad shares his story on how he was introduced to technology through gaming, gravitated towards coding in college, and taught himself web development to get him to where he is today. Links https://www.utexas.edu/ (The University of Texas at Austin) https://www.delltechnologies.com/en-us/index.htm (Dell Technologies) https://www.adobe.com/ (Adobe) https://www.atlassian.com/ (Atlassian) https://www.youtube.com/c/TraversyMedia (Brad Traversy) https://www.youtube.com/c/LevelUpTuts (Level Up Tutorials) https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg (The Net Ninja) https://www.youtube.com/c/WesBos (Wes Bos) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Ask us a https://forms.gle/BJJazTb7T7XUgNKbA (question) Join our https://webdevweekly.netlify.app/discord (Discord) server

Notes Richard shares what he's been learning about Web3 as he and Brad discuss what Web3 really is. The current buzz around NFTs and the coin of the week just scratches the surface. It turns out, Web3 is more than pennies and pixel art! Links https://ethereum.org/en/developers/docs/web2-vs-web3/ (Web2 vs Web3) https://en.wikipedia.org/wiki/Blockchain (Blockchain) https://ethereum.org/en/ (Ethereum) https://bitcoin.org/en/ (Bitcoin) https://solana.com/ (Solana) https://metamask.io/ (MetaMask) https://www.coinbase.com/learn/crypto-basics/what-are-nfts (NFT) https://soliditylang.org/ (Solidity) https://www.rust-lang.org/ (Rust) https://www.freecodecamp.org/news/learn-solidity-blockchain-and-smart-contracts-in-a-free/ (freeCodeCamp | Solidity Course) https://buildspace.so/ (buildspace) https://github.com/ChainSafe/web3.js (web3.js) https://ethers.org/ (ethers.js) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Ask us a https://forms.gle/BJJazTb7T7XUgNKbA (question) Join our https://webdevweekly.netlify.app/discord (Discord) server

Notes Brad shares his onboarding experience at Atlassian with Richard. While onboarding can be tough, especially remotely, they share tips to get the most out of your first few weeks, and lament previous bad new hire experiences. Links https://www.atlassian.com/ (Atlassian) https://trello.com/ (Trello) https://slack.com/ (Slack) https://workspace.google.com/ (Google Workspace) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Ask us a https://forms.gle/BJJazTb7T7XUgNKbA (question) Join our https://webdevweekly.netlify.app/discord (Discord) server

Notes James Perkins joins Brad and Richard to share everything about Roll Your Tweet, his brand new SaaS product. He goes into the origin story of the product, shares his tech stack, and covers his costs and profits since launch. If you're an aspiring entrepreneur you don't want to miss this one! Links https://twitter.com/james_r_perkins (James Perkins | Twitter) https://www.twitch.tv/jamesperkins (James Perkins | Twitch) https://www.youtube.com/c/LearntocodewithJames (James Perkins | YouTube) https://www.rollyourtweet.com/ (Roll Your Tweet) https://tina.io/ (Tina) https://nextjs.org/ (Next.js) https://vercel.com/ (Vercel) https://chakra-ui.com/ (Chakra UI) https://stripe.com/ (Stripe) https://auth0.com/ (Auth0) https://fauna.com/ (Fauna) https://sematext.com/ (Sematext) https://crisp.chat/en/ (Crisp) https://plausible.io/ (Plausible) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Ask us a https://forms.gle/BJJazTb7T7XUgNKbA (question) Join our https://webdevweekly.netlify.app/discord (Discord) server

Notes Brad and Richard talk about their wildly different approaches to testing, and compare it to making PB&J sandwiches. Yum. They explain the testing triangle and suggest technologies to use to implement each layer of the triangle. Links https://kentcdodds.com/blog/the-testing-trophy-and-testing-classifications (Kent C Dodds | Testing Trophy) https://testingjavascript.com/ (Kent C Dodds | Testing JavaScript) https://testing-library.com/ (Testing Library) https://www.chromatic.com/ (Chromatic) https://storybook.js.org/ (Storybook) https://jestjs.io/ (Jest) http://www.csszengarden.com/ (CSS Zen Garden) https://www.cypress.io/ (Cypress) https://pptr.dev/ (Puppeteer) https://bradgarropy.com/blog/web-scraping-with-puppeteer (Brad Garropy | Web Scraping With Puppeteer) https://www.typescriptlang.org/ (TypeScript) https://www.jason.af/yak-shaving (Jason Lengstorf | Yak Shaving) https://github.com/bradgarropy/plop-generator-react-component (Brad Garropy | plop-generator-react-component) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes On this week's episode, Brad and Richard discuss Hacktoberfest. It's a spooky time of year for maintainers, but a treat for contributors. Links https://hacktoberfest.digitalocean.com/ (HacktoberFest) https://github.com/features/codespaces (GitHub Codespaces) https://github.blog/2021-08-11-githubs-engineering-team-moved-codespaces/ (GitHub’s Engineering Team has moved to Codespaces) https://www.gitpod.io/ (Gitpod) https://hacktoberfest-projects.vercel.app/ (Usman Sabuwala | Hacktoberfest Projects) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes Brad and Richard talk about how to effectively separate work hours from personal time to stay happy and productive in all aspects of life. Links https://www.amazon.com/Deep-Work-Focused-Success-Distracted/dp/1455586692 (Cal Newport | Deep Work) https://webdevweekly.captivate.fm/episode/008 (The Future of Remote Work | How Will It Work?) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes On this crossover episode, https://twitter.com/jamesqquick (James) and https://twitter.com/selfteachme (Amy) from https://www.compressed.fm/ (Compressed.fm) join Brad and Richard to talk about their favorite things in web development. It's an episode full of picks and hot takes, so get your popcorn ready! Links https://twitter.com/jamesqquick (James Quick) https://twitter.com/selfteachme (Amy Dutton) https://www.compressed.fm/ (Compressed.fm) https://www.youtube.com/bradgarropy (Brad's YouTube) https://www.twitch.tv/selfteachme/ (Amy's Twitch) https://www.tiktok.com/@jamesqquick (James' TikTok) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes In this episode, Brad and Richard cover the benefits, tools, and workflows for version control. Links https://git-scm.com/ (git) https://github.com/ (GitHub) https://about.gitlab.com/ (GitLab) https://bitbucket.org/product/ (Bitbucket) https://www.atlassian.com/git/tutorials (Atlassian's Git Tutorials) https://www.atlassian.com/git/tutorials/comparing-workflows (Atlassian's Git Workflows) https://ohshitgit.com/ (Oh Shit, Git!?!) https://github.com/rgottleber/playbook/tree/master/develop (Richard's Development Playbook) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes Brad teaches Richard how to make his own NPM package. Along the way they talk about local development, publishing, and the importance of semantic versioning in NPM packages. Links https://www.npmjs.com/ (NPM) https://www.npmjs.com/~bradgarropy (NPM | Brad Garropy) https://youtube.com/playlist?list=PL6Mu1AMmTL-sbySI5prQ6O6t79leQLUcb (NPM Packages YouTube Playlist) https://bradgarropy.com/blog?search=npm (NPM Blog Posts) https://semver.org/ (Semantic Version) https://github.com/bradgarropy/hue-sdk (Hue SDK) https://bundlephobia.com/ (bundlephobia) https://github.com/bradgarropy/business-card (Brad Garropy's Business Card) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes In this episode, Brad and Richard talk about how to approach learning new things, what resources to use, and how to cement your newfound knowledge. There's tons of link drops in this episode, so get your bookmarks ready! Links https://frontendmasters.com/ (Frontend Masters) https://www.learnwithjason.dev/ (Learn With Jason) http://www.youtube.com/ (YouTube) https://syntax.fm/ (Syntax) https://www.leveluptutorials.com/ (Level Up Tutorials) https://wesbos.com/ (Wes Bos) https://www.joshwcomeau.com/ (Josh Comeau) https://flaviocopes.com/ (Flavio Copes) https://css-tricks.com/ (CSS-Tricks) https://egghead.io/ (egghead) https://www.udemy.com/ (Udemy) https://www.youtube.com/playlist?list=PLXiRqCwhpnehz5z0gpsmcb2l8vRBSi14M (Data Visualization with Svelte) https://webdevweekly.captivate.fm/episode/002 (What To Do After Taking the Tutorial) https://learnbuildteach.com/ (Learn Build Teach Discord) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes Brad and Richard talk about when it's time to leave your current job, where to look for a new one, and the role of engineering managers. Links https://webdevweekly.captivate.fm/episode/006 (Todd Austin | How To Break Into Engineering Management) https://www.linkedin.com/ (LinkedIn) https://www.indeed.com/ (Indeed) https://www.glassdoor.com/index.htm (Glassdoor) https://builtin.com/ (Built In) https://twitter.com/home (Twitter) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes Brad and Richard talk about GitHub Copilot, an AI powered code suggestion tool. They discuss its effectiveness, it's impact on developers and the ecosystem, and some possible security concerns. Links https://copilot.github.com/ (GitHub Copilot) https://marketplace.visualstudio.com/items?itemName=GitHub.copilot (VS Code Extension) https://openai.com/ (OpenAI) https://github.com/github/copilot-preview (GitHub Copilot Repository) https://github.com/features/codespaces (GitHub Codespaces) https://www.gitpod.io/ (Gitpod) Episode 006 | Todd Austin Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes Brad and Richard give an introduction to Svelte by covering what makes it different and what it offers out of the box. They share their personal feelings on the framework and their experiences building apps and sites with Svelte. Links https://svelte.dev/ (Svelte) https://murphy.bradgarropy.com/ (Murphy) https://play.google.com/store/apps/details?id=com.bradgarropy.murphy.twa (Google Play Store | Murphy) https://syntax.fm/ (Syntax.fm) https://kit.svelte.dev/ (SvelteKit) https://svelte.dev/chat (Svelte Discord) https://youtu.be/AdNJ3fydeao (Rich Harris | Rethinking Reactivity) https://sveltesummit.com/ (Svelte Summit) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes Brad and Richard talk about the new wave of build tools, and compare their experiences with Snowpack and Vite. They also share their strategies on when and how to adopt new technologies. Links https://vitejs.dev/ (Vite) https://esbuild.github.io/ (esbuild) https://www.snowpack.dev/ (Snowpack) https://webpack.js.org/ (webpack) https://xkcd.com/303/ (xkcd | compiling) https://rollupjs.org/guide/en/ (Rollup) https://github.com/bradgarropy/use-countdown (use-countdown) https://github.com/bradgarropy/hue-sdk (hue-sdk) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes This week Brad and Richard talk about their personal websites and the tech used to build them. They compare content and implementation, and discuss different options for getting your site out there for the world to see. Links https://bradgarropy.com/ (Brad's Website) Richard's Website https://kit.svelte.dev/ (SvelteKit) https://www.sanity.io/ (Sanity) https://github.com/markedjs/marked (Marked) https://highlightjs.org/ (Highlight.js) https://github.com/jonschlinkert/gray-matter (Gray Matter) https://mdsvex.com/ (mdsvex) https://gatsbyjs.com/ (Gatsby) Netlify https://github.com/features/actions (GitHub Actions) https://bradgarropy.com/blog/gatsby-vs-nextjs-markdown-blog (Brad Garropy | gatsby vs nextjs: markdown blog) https://www.gatsbyjs.com/docs/how-to/adding-common-features/adding-an-rss-feed/ (Adding an RSS Feed to Gatsby) https://www.learnwithjason.dev/blog/auto-generate-social-image (Jason Lengstorf | Automatically Generate Social Images for Blog Posts) https://www.11ty.dev/ (11ty) https://dev.to/ (DEV) https://hashnode.com/ (Hashnode) https://medium.com/ (Medium) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server

Notes Brad and Richard dive into the (poorly named) world of serverless functions. They talk about the benefits of using them, the varying cost models, and different services that make creating serverless functions easy. Links https://aws.amazon.com/ (Amazon Web Services) https://azure.microsoft.com/en-us/ (Microsoft Azure) https://cloud.google.com/ (Google Cloud Platform) https://www.netlify.com/ (Netlify) https://vercel.com/ (Vercel) https://www.gatsbyjs.com/ (Gatsby) https://www.freecodecamp.org/news/why-im-automatically-deleting-all-my-old-tweets-and-the-aws-lambda-function-i-use-to-do-this-6d26ef517ee1/ (Why I’m automatically deleting all my old tweets, and the AWS Lambda function I use to do this) https://css-tricks.com/serverless-functions-the-secret-to-ultra-productive-front-end-teams/ (Serverless Functions: The Secret to Ultra-Productive Front-End Teams) https://www.learnwithjason.dev/blog/auto-generate-social-image (Automatically Generate Social Images for Blog Posts) https://github.com/jlengstorf/get-share-image (get-share-image) https://github.com/jlengstorf/get-twitch-oauth (get-twitch-oauth) Connect with us! Hosted by https://twitter.com/bradgarropy (Brad Garropy) & https://twitter.com/rgottleber (Richard Gottleber) Join our https://discord.gg/jk5queGJPz (Discord) server