COMPRESSEDfm

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.

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 codingzeal.com

Vercel 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.com

DatoCMS 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

• 00:00:00 - Intro
• 00:04:43 - Amy's Trip to Berlin for Prisma Days
• 00:07:47 - What Are Chrome Developer Tools?
• 00:12:18 - The Elements Tab
• 00:16:00 - Sponsor: DatoCMS
• 00:16:54 - Tweaking Styles in the Elements Tab
• 00:19:06 - The Layout Tab, Event Listeners, Breakpoints, and Accessibility Tabs
• 00:23:34 - The Console
• 00:27:18 - Sponsor: Zeal
• 00:28:12 - Performance Insights and Performance
• 00:29:07 - Debugging and the Sources Tab
• 00:31:22 - The Network Tab
• 00:37:07 - Sponsor:  Vercel
• 00:38:14 - The Application Tab - Local Storage, Cookies, and More
• 00:41:30 - The Lighthouse Tab and Framework Specific Tabs
• 00:44:52 - Grab Bag Questions
• 00: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!

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 codingzeal.com

Vercel 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.com

DatoCMS 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

• 00:00:00 - Intro
• 00:02:16 - Github Copilot Controversy
• 00:15:08 - Sponsor: DatoCMS
• 00:16:02 - Thoughts on Next JS,Redwood, Remix, and More
• 00:23:27 - Sponsor: ZEAL
• 00:24:22 - Desk Cable Management 
• 00:30:25 - Serverless vs Express.js
• 00:34:50 - Prisma and PlanetScale
• 00:37:17 - Sponsor:  Vercel
• 00:38:24 - Script for YouTube Images
• 00: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.

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 codingzeal.com

Vercel 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.com

DatoCMS 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

• 00:00:00 - Intro
• 00:03:57 - Svelte vs SvelteKit and Wordle
• 00:10:29 - Sponsor: Vercel
• 00:11:36 - How Wordle Works
• 00:15:51 - SvelteKit Stores for Game State
• 00:19:01 - Sponsor: Zeal
• 00:19:53 - More on Game State
• 00:21:33 - Working with LocalStorage
• 00:27:43 - Creating the Keyboard
• 00:29:53- Game Logic for Guessing Letter
• 00:31:12 - Sponsor: DatoCMS
• 00:32:05 - Color-coded Feedback On Guesses
• 00:36:46 - Adding Transitions on Guessed Letters
• 00:38:19 - Custom Overlay and Alert Components
• 00:47:17 - Grab Bag Questions
• 00:50:20 - Picks and Plugs

• Source Code - https://github.com/jamesqquick/sveltekit-wordle-clone
• Wordle 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.

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 codingzeal.com

Vercel 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.com

DatoCMS 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

• 00:00:00 - Intro
• 00:05:27 - What are GitHub actions?
• 00:12:59 - Sponsor: DatoCMS
• 00:13:53 - Linting or Formatting
• 00:24:34 - Sponsor:  Vercel
• 00:30:03 - Sponsor: Zeal
• 00:30:56 - Other Use Cases
• 00:37:12 - Grab Bag Questions
• 00:44:00 - Picks and Plugs

• Learn Github Actions - https://docs.github.com/en/actions/learn-github-actions
• Quickstart for Github Actions - https://docs.github.com/en/actions/quickstart
• Level 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.

daily.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.dev

Creating 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.

• 00:00:00 - Intro
• 00:04:06 - Bootcamp Experiences
• 00:09:59  - Sponsor Shoutout: Hashnode
• 00:10:45 - Experience Working on the Core Team of Redwood.js
• 00:18:09 - Sponsor Shoutout: Daily.dev
• 00:19:10 - Defining Web3, Blockchain, and Cryptocurrencies
• 00:27:24 - What is QuickNode? - Blockchain API and Node Infrastructure
• 00:28:54  - The Future of Web3?
• 00:35:48 - Building a Hello World Smart Contract
• 00:43:04 - Closing Thoughts on Web3 and the Blockchain

• Anthony on Twitter - https://twitter.com/ajcwebdev
• QuickNode - 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-quicknode
• A First Look at Deploying Smart Contracts: https://www.youtube.com/watch?v=RvvMWGPJVUI
• A 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.

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 codingzeal.com

Vercel 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.com

DatoCMS 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

• 00:00:00 - Intro
• 00:02:54 - What is Accessibility
• 00:10:59 - Sponsor Shoutout: Dato CMS
• 00:11:52- 1. Not Using Alt Tags on Images
• 00:15:30 - 2. Not Using Semantic HTML Tags
• 00:22:16 - 3. Not Checking for Accessible Colors and Contrast Ratio  
• 00:24:18 - 4. Relying on Color To Communicate
• 00:26:10 - 5. Not Adding Validation to Your Forms
• 00:29:39 - 6. Setting Outline to None
• 00:30:45 - 7. Ignoring Reduced Motion Preferences
• 00:33:08 - Sponsor Shoutout: Zeal
• 00:34:00 - 8. Using Non-descriptive Link Text
• 00:35:16 - 9. Not Using Aria Role Tag
• 00:37:29 - 10. Not Labeling Your Input Fields
• 00:39:16 - Additional Resources
• 00:40:50 - Grab Bag Questions
• 00:41:16 - Picks and Plugs

• Give a Damn About Accessibiility - https://www.accessibility.uxdesign.cc/
• A11ycasts - https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g
• Storybook - 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. 

daily.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.dev

Creating 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.

Unicorn Utterances - https://unicorn-utterances.com/

Framework Guide - https://unicorn-utterances.com/collections/framework-field-guide

Accelerating Angular Development with Ivy - https://www.packtpub.com/product/accelerating-angular-development-with-ivy/9781800205215

Learning TypeScript from Josh Goldbergy - https://www.amazon.com/Learning-TypeScript-Development-Type-Safe-JavaScript/dp/1098110331

Brad Garropy - https://bradgarropy.com/

• 00:00:00 - Welcome and Intros
• 00:02:12 - Awkward Question of the Day and Rants
• 00:07:18 - Background in Writing and Content Creation
• 00:11:19 - Imposter Syndrome as a Writer
• 00:15:01 - Sponsor Daily.dev
• 00:16:02 - The Framework Field Guide - Learning the Core of Frontend Frameworks
• 00:23:36 - Comparing Modern Frontend Frameworks
• 00:27:42 - Sponsor Hashnode
• 00:28:28 - The Tech Stack Behind the Book
• 00:33:36 - Why Create a Free Book
• 00:41:21 - Future Content Goals
• 00: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!**

• Fresh docs
• Islands Architecture
• Deno’s Discord
• Luca Casonato – Twitter
• Podrocket Podcast

• 00:00:00 - Intros
• 00:01:10 - What is Deno
• 00:08:27 - Fresh - The Modern Web framework Built for Speed, Reliability, and Simplicity
• 00:13:57 - Islands Architecture
• 00:18:31 - Fresh Project Structure and Breakdown
• 00:25:47 - Upcoming Exciting Tech
• 00: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.

daily.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.dev

Creating 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.

• 00:00:00 - Intros
• 00:00:52 - Adam Bradley Introductions, Origins of Stencil and Ionic
• 00:08:16 - Qwik Performance Overview
• 00:15:31 - Sponsor Shoutout - Daily.dev
• 00:16:32 - Intelligent JavaScript Bundling and Prefetching
• 00:24:26 - Qwik vs Astro
• 00:29:40 - Sponsor Shoutout: Hashnode
• 00:30:26 - Learning in Modern Web Development
• 00:33:18 - Web Workers and Partytown
• 00: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.

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 codingzeal.com

Vercel 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.com

DatoCMS 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

• 00:00:00 - Intro
• 00:00:45 - What Have We Been Up To
• 00:05:35 - Rant: Should You Leave Comments in Your Code?!
• 00:10:23 - Overview of Serverless
• 00:15:00 - Sponsor: Vercel
• 00:21:00 - Sponsor: Zeal
• 00:21:53 - Overview of the Jamstack and Serverless Functions
• 00:35:27 - Sponsor DatoCMS
• 00:37:32 - Benefits of Serverless
• 00:45:41 - Edge Computing
• 00:51:02 - Grab Bag Questions
• 01:01:49 - Picks and Plugs