Web Rush
Dive into JavaScript and Web development stories with hosts John Papa, Ward Bell, Craig Shoemaker, and Dan Wahlin. Web Rush is a weekly podcast where we tackle the challenges facing Web developers today and invite expert guests on the show to share their experience solving concrete problems while building real Web applications. Listen for practical insights and honest talk about the topics you are facing today, with Web Rush. Sponsored by AG Grid and Nrwl.io
Thu, July 25, 2024
Episode 290: The Next.js for Angular - Analog
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Guest: Brandon Roberts on @brandontroberts Recording date: July 18, 2024 Brought to you by AG Grid IdeaBlade Resources: AnalogJS Angular Spartan Shipping What You Use - Open Source Chronicles with Brandon Roberts The meta framework Next.js for React The meta framework SvelteKit for Svelte The meta framework Nuxt.js for Vue Remix vs Next.js Analog.js vs Next.js Get started with Analog and Angular Igor Minar Video of SSR, Full Stack, Angular and Analog at ngRome Playwright testing framework Web Rush Episode 235: Playwright with Debbie O’Brien AnalogJS on GitHub AnalogJS Insights Timejumps 00:39 What's the next thing you're going to be working on? 01:44 Welcome Brandon Roberts back 03:34 What is AnalogJS? 05:54 Sponsor: Ag Grid 07:00 How have meta frameworks changed over the years? 13:31 Getting frustrated at the lack of convention in Angular 15:02 Why are these features in a meta framework instead of being part of Angular? 17:10 What do I need to learn to use Analog that differs from Angular? 20:45 Sponsor: IdeaBlade 21:44 </strong
Thu, July 18, 2024
Episode 289: VS Code to the Cloud in 60 Seconds
Host(s): John Papa @John_Papa Guest: Dheeraj Bandaru Haripriya Mehta Recording date: Jul 12, 2024 Brought to you by AG Grid IdeaBlade Resources: Learn Cloud in the Marketplace Learn Static Web Apps VS Code Telemetry Timejumps 00:59 Introducing Dheeraj Bandaru and Haripriya Mehta 08:26 Sponsor: IdeaBlade 09:22 How do I install Learn Cloud? 12:00 Is Azure actually free or how does it work when I sign up? 15:50 Sponsor: Ag Grid 16:52 What is Azure PAS? 19:09 What's the difference between static web apps, container apps, and app service? 25:17 How doe sit work if you're deploying your own app? 27:04 Can I switch to other apps or am I stuck? 28:36 What's the final steps with Learn Code? 29:30 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, July 11, 2024
Episode 288: Make AI Useful For You
Host(s): John Papa @John_Papa Guest: Grace Taylor [@GraceGTaylor]]( https://twitter.com/gracegtaylor _) Recording date: July 1, 2024 Brought to you by AG Grid IdeaBlade Resources: Building Better Apps Better Together with AI YouTube Video by Gwyneth Peña-Siguenza on Building Better Together Apps Introduction to Large Language Models (LLMs) Code Optimizations in AI Productive and secure end to end developer experience powered by AI Timejumps 00:42 What is Canada Day, eh? 01:22 Introducing Grace Taylor 02:53 What is Better Together? 05:53 How does it work to figure out what's best for my app? 08:21 Sponsor: Ag Grid 09:26 How do you know what the developer's intent is? 12:13 What interesting ways are users using AI? 15:07 What services are you using to build Better Together? 16:43 Is it the platform's job to make UX better, or should the industry teach prompt writing? 18:03 Sponsor: IdeaBlade 18:58 How can AI do better at supporting languages other than English? 23:48 How do code optimizations work? 29:40 What kind of feedback have you gotten? 31:38 Where can people learn more about Better Together? 32:58 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, July 04, 2024
Episode 287: Why You As A Developer Must Care About Managing Your APIs
Host(s): John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Guest: Chris Noring @chris_noring Recording date: June 27, 2024 Brought to you by AG Grid IdeaBlade Resources: Chris on GitHub Chris on LinkedIn Chris on YouTube Softchris Blog Web API Load balancing APIs How to Validate a Business Idea API debounce Designing Azure Functions for identical input API Rate Limiting - Everything you need to know Polyfill.io - what you need to know Azure API Management - Overview and key concepts | Microsoft Learn API Management sample including Generative AI, genai-gateway-apim/README.md at main · Azure-Samples/genai-gateway-apim (github.com) Azure API Center: Centralize API Management for Better Discovery and Governance Introduction to Azure API Center - Training | Microsoft Learn Timejumps 01:09 Introducing Chris Noring 03:06 What is a web API developer? 07:24 Sponsor: Ag Grid 08:28</
Thu, June 27, 2024
Episode 286: Fast Development with Visual Studio
Host(s): John Papa @John_Papa Ward Bell @WardBell Guest: Laurent Bugnion [@LBugnion]]( https://x.com/LBugnion ) Recording date: Jun 20, 2024 Brought to you by AG Grid IdeaBlade Resources: Visual InterDev on Wikipedia Visual Studio Visual Studio Code What is DevBox? Create a Vue.js app on Visual Studio Free Code Camp Shares Perspectives on the difference between VS Code and Visual Studio MarkDown on VS Code Install Copilot on Visual Studio Announcement of GitHub Copilot on Visual Studio Features of GitHub Copilot Timejumps 00:39 Where in the world is Ward Bell? 01:59 Introducing Laurent Bugnion 03:03 What is Visual Studio? 08:02 Sponsor: Ag Grid 09:03 What is Dev Box? 12:03 What does it look like to use Visual Studio for web development? 24:38 The advantage of not caring what the cool kids are doing 25:47 Sponsor: IdeaBlade 26:51 How is Copilot inside of Visual Studio to work with? 29:08 How do I enable CoPilot inside Visual Studio? 35:22 Where do you see Visual Studio going? Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, June 20, 2024
Episode 285: The Best of Build for Developers
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Guest: Anthony Bartolo @wirelesslife Recording date: Jun 6, 2024 Brought to you by AG Grid IdeaBlade Resources: Copilot + PC from Build Copilot + PC Review from Tom’s Guide Introducing Phi-3 with SLMs SLMs: Difference between SLM and LLM GitHub Copilot extensibility Snapdragon developer kit for Windows AI integration into Teams RAG in AI Search MS Build Book of News: Microsoft Build 2024 Book of News Timejumps 01:50 Introducing Anthony Bartolo 04:26 What does PC + AI mean for Windows? 09:05 Sponsor: Ag Grid 10:05 What is Phi-3? 14:20 How much space do you need on your drive for this? 18:20 What's Phi-3 with SLM's? 24:35 Sponsor: IdeaBlade 25:32 What is GitHub CoPilot Extensibility? 32:40 Snapdragon developer kit for Windows 38:15 AI integration into Teams Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, June 13, 2024
Episode 284: App Spaces: Simplifying App Development in Azure
Host(s): John Papa @John_Papa Guest: Elliot Hamai LinkedIn Recording date: May 30, 2024 Brought to you by AG Grid IdeaBlade Resources: Overview of App Spaces Marketing Website Learn Azure Container Apps (ACA) Learn Static Web Apps (SWA) Learn Azure Kubernetes Service (AKS) Building a Full-Stack Application on App Spaces with Google Authentication Timejumps 00:27 Introducing Elliot Hamai 03:20 Why should app spaces be interesting to web developers? 04:40 What's the difference between Azure container apps vs static apps? 07:19 Sponsor: Ag Grid 08:22 Why would I want to use static web apps? 14:19 GitHub integration is key 18:57 Sponsor: IdeaBlade 19:58 Is it app component or static app component? 22:20 Why is region important? 28:58 Where can people learn more? 31:05 What's a Saas-like experience in app spaces? Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, June 06, 2024
Episode 283: npm Updates: Love 'em or Hate 'em?
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Recording date: May 23, 2024 Brought to you by AG Grid IdeaBlade Resources: npm audit How to Update npm Dependencies Angular’s ng update upgrade command Security vulnerability mitigation with npm audit fix commands What is the latest version of Node NVM Install guide What’s a peer dependency vs devDependency vs dependency Peer Dependencies Timejumps 00:27 npm shaming? 02:57 Is upgrading via npm worse now than it used to be? 11:47 Sponsor: Ag Grid 12:37 Does how much of an upgrade you're doing matter with npm? 22:13 Sponsor: IdeaBlade 23:00 Getting the wrong version of node 26:01 What if I get a "peer dependency error" issue? 29:53 Would CoPilot be helpful here? Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, May 23, 2024
Episode 282: Are You Evolving with your Developer Tools?
Host(s): John Papa @John_Papa Guest: Liam Hampton @liamchampton Recording date: May 9, 2024 Brought to you by AG Grid IdeaBlade Resources: Jakarta Learn the Azure Developer CLI (azd) Top JavaScript Dev Tools Best of Python developer tools Top dev tools of Go Azd pipeline config What is BICEP Liam Hampton shares azd up on video Awesome community azd templates list Alfredo Deza talks about Python web apps on Web Rush Learn Go Timejumps 00:28 Are you evolving with your dev tools? 02:14 Introducing Liam Hampton 05:15 What kind of developer tools are we talking about? 09:41 Sponsor: Ag Grid 10:41 Learning a second language is more difficult than learning the first one 15:38 Where does GitHub Actions fit? 17:28 What is the Azure Developer CLI? 27:27 Sponsor: IdeaBlade 28:28 What are your favorite developer tools? 33:41 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, May 16, 2024
Episode 281: What You Need to Know About the Proposal for Signals in JavaScript
Host(s): John Papa @John_Papa Ward Bell @WardBell Guest: Manfred Steyer @ManfredSteyer Recording date: May 2, 2024 Brought to you by AG Grid IdeaBlade Resources: Manfred Steyer’s blog post on Successful with Signals in Angular – 3 Effective Rules for Your Architecture Angular Signals Blog Post Component Communication with Signals, Inputs, Two-way Bindings, and Content/ View Queries Advanced Angular Architecture Workshop Manfred’s Overview of Signals in Angular Manfred Steyer on Twitter Article about the TC39 Proposal for Native Signals in JavaScript TC39 Proposal for Native Signals in JavaScript What are Angular Signals What is a Race Condition? Timejumps 00:28 Sending Ward off on an adventure 01:44 The evolution of signals 06:00 TC39 Proposal for Native Signals in JavaScript 08:23 Sponsor: Ag Grid 09:26 How are signals going to change our world? 18:23 What is double count doing that's different than count? 23:16 Why is it important that it's asynchronous? 27:15 Sponsor: IdeaBlade 28:10 What is signals replacing? 33:28 What do people need to know about signals? Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, May 09, 2024
Episode 280: How Secure is Your AI?
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Guest: Anthony Bartolo LinkedIn Recording date: April 25, 2024 Brought to you by AG Grid IdeaBlade Resources: Episode 274: What Developers Need To Know About Generative AI | Web Rush GitHub Advanced Security About GitHub Advanced Security Microsoft Copilot for Security What Developers Need to Know About Generative AI Do Roller Coasters Need Cybersecurity Automated Threat Analysis Microsoft Defender for Cloud Microsoft Copilot for Security What is IoT Phi-3 - redefining what's possible with SLMs Difference between SLM and LLM Timejumps 01:04 Introducing Anthony Bartolo 06:44 Sponsor: Ag Grid 07:51 How should developer think about security and AI? 16:57 Are these like linting tools for security? 20:27 What's the difference between CoPilot for Security and Microsoft Sentinel? 28:22 What's the difference between ChatGPT and GitHub CoPilot? 33:46 Sponsor: IdeaBlade 34:49 </str
Thu, May 02, 2024
Episode 279: How Cool it is to be a .NET developer
Host(s): John Papa @John_Papa Ward Bell @WardBell Guest: Frank Boucher @FBoucheros Recording date: April 18, 2024 Brought to you by AG Grid IdeaBlade Resources: Frank Boucher’s YouTube channel Open at Microsoft video series by Frank’s Boucher Frank Boucher’s Blog Get started with .NET Aspire Install .NET on macOS Game development on .NET Learn about .NET Blazor Build web apps with Blazor Azure Static Web Apps (SWA) .NET support policy Blazor DOM integration Smart Components with AI Timejumps 00:29 Is it cool to be a .NET developer? 03:44 Introducing Frank Boucher 05:30 What is Open at Microsoft? 07:43 Sponsor: Ag Grid 08:47 Do you enjoy the community or the language? 14:18 If you develop in .NET, can you use multiple environments or platforms? 17:28 What is Blazer? 21:58 Where does Web Assembly fit? 30:28 Sponsor: IdeaBlade 31:29 Are there load time issues? Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, April 25, 2024
Episode 278: Python Web Apps
Host(s): John Papa @John_Papa Craig Shoemaker @craigshoemaker Guest: Alfredo Deza on LinkedIn Recording date: Apr 11, 2024 Brought to you by AG Grid IdeaBlade Resources: Alfredo’s social media profile at LinkedIn Alfredo Deza at the Olympics Alfredo Deza’s Olympian story Alfredo’s father in the Olympics Alfredo Deza books on Amazon Alfredo’s Books at O’Reilly Alfredo Deza at Duke University Getting Started with Testing in Python Python Fundamentals on Khan Academy Kubernetes Small functions considered harmful Reddit thread on small functions being harmful Writing small functions Five lines of code principle Python clean code - 6 best practices to make your Python functions more readable Refactoring to Patterns Timejumps 00:28 Welcome! 01:35 Introducing Alfredo Deza 02:59 What's your Olympic story? 06:02 What lessons from being an athlete into technology? 09:51 </stro
Thu, April 18, 2024
Episode 277: AI-powered UI Controls
Host(s): John Papa @John_Papa Ward Bell @WardBell Guest: Bruno Capuano @elbruno Recording date: April 4, 2024 Brought to you by AG Grid IdeaBlade Resources: Smart Components Daniel Roth “Introducing .NET Smart Components – AI-powered UI controls” What is Retrieval-augmented generation (RAG) Bruno sharing an Intro to GitHub Copilot for Visual Studio Bruno sharing GitHub Copilot Best Practices within Visual Studio Timejumps 00:28 Do you want smart or dumb AI? 01:58 Introducing Bruno 03:42 What is a .net smart component with AI? 08:26 Sponsor: Ag Grid 09:24 What's a smart text area? 12:56 What is rag as it relates to AI? 18:11 How do we bring this to production as a developer? 23:28 Sponsor: IdeaBlade 24:21 Where else is AI being implemented? 26:20 How can companies make sure they don't overspend on AI tokens? 30:05 What have you built and learned from? 32:43 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, April 11, 2024
Episode 276: What’s Possible with AI Agents?
Host(s): Craig Shoemaker @craigshoemaker Guest: Chris Noring @chris_noring Recording date: 03/28/2024 Brought to you by AG Grid IdeaBlade Resources: Chris Noring’s blog The Road Ahead, Bill Gates What is an AI agent? LangChain Semantic Kernel Autogen CoPilot Studio Timejumps 00:30 Introducing Chris Noring 01:19 How do you think about AI agents? 04:28 How do you define an AI agent? 05:56 Sponsor: Ag Grid 06:59 Why do we need AI agents? 09:24 Is there a distinction between an agent vs an assistant? 12:07 How do I create an agent for my own usage? 20:02 How would you decide on a framework to work with? 29:03 Sponsor: IdeaBlade 29:58 What is CoPilot Studio and how does it differ? 34:12 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, April 04, 2024
Episode 275: Web Frameworks of 2024
Host(s): John Papa @John_Papa Ward Bell @WardBell Guest: Corbin Crutchley @crutchcorn Recording date: 3/14/2024 Brought to you by AG Grid IdeaBlade Resources: Here's the information organized in markdown linked list format: Book: Framework Fundamentals React Vue Angular Svelte Solid.js Framework Field Guide Fundamentals - Collection of framework fundamentals. Corbin Crutchley on Web Rush episode 201 The Hook - Blues Travellers Angular, React, and Vue Framework Comparison GitHub Copilot in VS Code Component Party - Comparing frameworks to one another. React Beyond the Render - Article about React RSC. Analog Different Component Authoring Analog Docs Angular Signals Timejumps 00:28 An annual convo about web frameworks 01:37 Introducing Corbin Crutchley 04:14 What is the Framework Field Guide? 08:43 How do you keep up with changes in frameworks? 09:53 Sponsor: Ag Grid 10:54 What do you think are some of the major changes in frameworks? 14:47 How did you decide to compare frameworks? 19:26 How would you decide which of the big three frameworks to build with? 22:48 Sponsor: IdeaBlade 23:50 How would I use this
Thu, March 28, 2024
Episode 274: What Developers Need To Know About Generative AI
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Guest: Anthony Bartolo Recording date: 3/7/2024 Brought to you by AG Grid IdeaBlade Resources: Generative AI Microsoft services for AI Microsoft Copilot GitHub Next | Copilot Workspace Visual Studio Code GitHub Copilot overview Generative AI for Beginners Timejumps 01:45 Introducing Anthony Bartolo 02:48 What are you working on in generative AI? 05:46 An example of how a power company used Copilot to learn more about their code 09:54 What if AI tooling doesn't feel right for me? 11:50 Sponsor: Ag Grid 12:53 Should I use generative AI to add security to my projects? 24:19 The importance of being specific 29:56 Sponsor: IdeaBlade 30:56 Asking questions to craft a better prompt 38:38 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, March 21, 2024
Episode 273: Preparing for the State of JavaScript Survey Results
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Recording date: Feb 29, 2024 Brought to you by AG Grid IdeaBlade Resources: State of JavaScript Survey Svelte • Cybernetically enhanced web apps Bun — A fast all-in-one JavaScript runtime Timejumps 01:10 Are we asking the right questions of each other? 08:23 How I think about surveys 09:38 Sponsor: IdeaBlade 10:38 Languages vs frameworks 14:34 How much does experience factor in? 18:06 Sponsor: Ag Grid 19:01 Proxy usage and page visibliity API 22:03 RxJS and data fetching 26:06 JavaScript runtimes 26:59 Our final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, March 14, 2024
Episode 272: What If - Axios vs Custom Http
Host(s): John Papa @John_Papa Ward Bell @WardBell Recording date: Feb 22, 2024 Brought to you by AG Grid Resources: What if Less Angular Could be More - John’s Video John’s What If GitHub repository Axios and http interceptors Axios and http Angular Dependency Injection Promises and RxJS Observables Fetch API Interceptors in React Timejumps Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, March 07, 2024
Episode 271: Should You Learn Container Apps?
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Recording date: Feb 15, 2024 Brought to you by AG Grid IdeaBlade Resources: Azure Container Apps docs Kubernetes Azure Kubernetes Google Cloud Run Overview of Azure Container Apps KEDA Docker DAPR docs Beginner friendly course for containers AWS Fargate vs Google Cloud Run Hands-on learning of VS Code Remote and containers without containers The Chosen Timejumps 00:29 What do you need to know about containers? 01:27 What is Kuber Nets? 04:44 Can you get your apps in the cloud faster? 09:06 Sponsor: Ag Grid 10:09 What's required to get started using containers? 16:09 What's KEDA? 16:57 How much do I need to know about Kubernetes? 20:20 Sponsor: IdeaBlade 24:01 Can you move out of container apps? 25:39 When should you use containers vs Kubernetes? 29:12 What costs are there associated? 35:26 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, February 29, 2024
Episode 270: A Day in the Life of a Software Development University Student
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Guest: Madelyn Papa LinkedIn Recording date: Feb 8, 2024 Brought to you by AG Grid IdeaBlade Resources: Siena College - Software Development Program React.dev Arrays Java Software Engineering classes Unity 3D Siena College Program for Poland Trauma and UX Design Figma GitHub Copilot GitHub Education Developer Pack React Native React Tic Tac Toe tutorial CodeSandbox Game Pigeon Connect Four game Siena College - Top college in NY for finding a job Timejumps 00:26 Introducing John's favorite guest on the show 01:40 What drew you into computer science? 05:19 What are you taking now in comp sci? 10:28 Sponsor: Ag Grid 11:32 What are they teaching on user experience UX? 14:45 Has the course work been solo or team based? 16:21 How important is presenting in course work? 20:26 What are you doing outside of computers in university? 23:40 Is ChatGPT or AI being used at school in computer sc
Thu, February 22, 2024
Episode 269: Taking Your Own Path to Being a Cloud Native Developer
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Guest: Gwyneth Pena-Siguenza @Twitter Recording date: Feb 1, 2024 Brought to you by AG Grid IdeaBlade Resources: Gwyneth Pena-Siguenza on YouTube Learn to cloud Do More with AI and GitHub Copilot, keynote at All Things Open by Gwyneth All Things Open conference Gwyn’s github GitHub Copilot Microsoft Developer From Zero to Cloud Engineer in 6 months Sandy Hook Elementary School Shooting The Phoenix Project book Semantic Kernel Learning How To Learn, by Barbara Oakley The Woobles - crochet kits for beginners Express Yourself: “It’s not what you look like when you’re doin’ what your doin’” Timejumps 00:30 Are you a YouTuber? 01:51 Introducing Gwyneth Pena-Siguenza 07:23 Sponsor: Ag Grid 08:28 What was your journey into tech? 13:40 How did you feel joining a professional tech jon? 19:09 What kind of tech is interesting you? 21:43 What are problems you enjoy trying to solve? 24:23 Sponsor: IdeaBlade <l
Thu, February 15, 2024
Episode 268: Democratizing AI or AI for Everyone with Lee Stott
Host(s): John Papa @John_Papa Ward Bell @WardBell Guest: Lee Stott @lee_stott Recording date: Jan 25, 2024 Brought to you by AG Grid IdeaBlade Resources: Lee Stott on LinkedIn University College of London Lee Stott, Honorary Associate Professor in Teaching at UCL Democritizing AI iPhone’s decade worth of impact AI Revolution What if AI Could Rebuild the Middle Class What is the Rabbit R1 device? Rabbit r1 is an AI-powered sidekick that’s like a future version of Siri Best practices for deploying language models Small Language Models Semantic Kernel LangChain Semantic Kernel Cookbook Educator Developer Blog Microsoft Learn Microsoft Student Resources Azure AI Studio BaseCamp’s “Shape Up” methodology for defining, choosing and “estimating” projects Timejumps 00:43 Introducing Lee Stott 03:37 What does Democratizing AI really mean? <l
Thu, February 08, 2024
Episode 267: Business Strategy for Developers
Host(s): John Papa @John_Papa Ward Bell @WardBell Recording date: Jan 18, 2024 Brought to you by AG Grid IdeaBlade Resources: Want to go fast go alone. If you want to go far, go together Build an IT Succession Plan Angular workshops at ngConf 2024 Timejumps 00:28 Is business strategy fun? Boring? 03:42 Bad things happen when I'm doing something the business doesn't want 06:39 How do you shift your own thinking around the business or customer goal? 11:44 Sponsor: Ag Grid 12:51 What would happen if you didn't finish what you're working on? 22:24 Sponsor: IdeaBlade 23:26 What is your succession plan for your role at the business? 28:37 If you want to fast, go alone. If you want to go far, go together 33:44 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, February 01, 2024
Episode 266: Why You Should Get CS Degree
Madison Kanna returns to talk about the benefits of a computer science degree, what bootcamps can offer, and the benefit of being around others learning in a similar direction. Host(s): John Papa @John_Papa Ward Bell @WardBell Guest: Madison Kanna on Twitter Recording date: Dec 21, 2023 Brought to you by AG Grid IdeaBlade Resources: Do You Need a CS Degree to be a Developer? (Madison Kanna on YouTube) Madison Kanna on YouTube Madison Kanna’s code book club Design Patterns: Elements of Reusable Object-oriented Software Cracking the Coding Interview Exercism JavaScript Track The Exorcist on IMDB The Flat Iron Bootcamp Coding Dojo FreeCodeCamp - introduction to JavaScript Teach Yourself Computer Science Microsoft Learn Student Ambassadors program Resilient Management Deep Work Timejumps 00:29 Welcome 00:54 Introducing Madison Kanna 02:06 What's the state of books and code book clubs in 2024? 04:49 What is Exercism JavaScript style programming? 07:09 Sponsor: Ag Grid 08:10 How were CS degrees viewed when you started programming? 11:00 What was the biggest value from self studying
Thu, January 25, 2024
Episode 265: 2023 in Review
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Recording date: Dec 14, 2023 Brought to you by AG Grid IdeaBlade Resources: ChatGPT released Bing Image generation AI Hallucination Responsible AI Great Ezra Klein podcast on the state of AI in 2023 and where it is going GitHub Copilot Is Scrum dead? Zeitgeist Why use a web framework Bargaining for our very existence Why hasn’t TDD Taken Over the World?” - by Dave Farley Timejumps 00:27 Welcome 02:08 AI had a big coming out 10:30 Ways to deal with hallucinations 14:00 Sponsor: Ag Grid 15:01 Growing discontent with testing 19:37 What processes do we need to challenge? 23:19 Sponsor: IdeaBlade 24:17 The job market 29:54 Where's crypto and blockchains? 31:47 In person conferences 35:33 Are we moving back to the office? 39:48 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, January 18, 2024
Episode 264: What If You Were The Boss?
Host(s): Craig Shoemaker @craigshoemaker Guest: Ward Bell @WardBell Recording date: 12/07/2023 Brought to you by AG Grid IdeaBlade Timejumps 00:30 Welcome 01:22 When Ward changed from consultant to owner manager? 08:36 Sponsor: Ag Grid 09:40 What's an example of an excuse developers give? 12:34 How do you interpret answers to the problem you're trying to solve? 16:22 Meet the user 20:51 Break down the problem and chip away at it 24:17 Sponsor: IdeaBlade 25:20 How does a developer have time for it all? 40:04 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, December 14, 2023
Episode 263: Stories Every Developer Can Relate To
Host(s): John Papa @John_Papa Craig Shoemaker @craigshoemaker Guest: Chris Woodruff @cwoodruff Recording date: Nov 30, 2023 Brought to you by AG Grid IdeaBlade Resources: The Microsoft MVP program ASP Insiders Learning the Entity Framework .NET 8 Efficient querying with Entity Framework Video showing how to use GitHub Copilot with Entity Framework The Scotty Principle Using the Scotty principle to Crush your To-Do List Fundamentals of Software Architecture: An Engineering Approach Strange New Worlds: Star Trek Chris Woodruff on GitHub Timejumps 00:26 Welcome 01:05 Introducing Chris Woodruff 02:34 What is a Microsoft MVP? 06:03 Sponsor: Ag Grid 07:09 Learning how to be a data detective 17:12 Learning the Scotty Principle 23:12 Sponsor: Ideablade 24:15 Dealing with uncertainty in projects 29:14 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, December 07, 2023
Episode 262: 0 to Web Developer with Jasmine Greenaway
Host(s): John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Guest: Jasmine Greenaway @paladique Recording date: 11/15/2023 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Jasmine Greenaway on LinkedIn Jasmine Greenaway on GitHub Perl Live coding Beginner’s Guide to Web Development Replit Fundamentals for Self Taught Programmers Timejumps 00:28 Welcome 02:11 Introducing Jasmine Greenaway 05:32 What sticks out to you on your learning journey into coding? 08:15 How did you get into teaching? 10:00 Sponsor: Ag Grid 10:50 Do you remember your first time in front of a classroom? 15:58 Are there common themes in people wanting to learn to code? 18:11 Sponsor: Narwhal 18:44 How do you know when to give an answers vs ask more questions? 21:45 What are some good starting points with web development? 24:04 How has AI effected teaching? 28:21 How does teaching intersect with developer relations at Microsoft? 30:24 Writing a book called Fundamentals for Self Taught Programmers 32:55 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, November 30, 2023
Episode 261: Who’s Afraid Of Open Source?
Host(s): John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Guest: Evyatar Alush @evyataral Recording date: 11/09/23 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Vest.js Ward’s Forms talk: “Form Validation Done Right” Brecht - Advanced Angular Template Driven Forms Episode 256: FullStack JavaScript and TypeScript Apps Using Remult.js | Web Rush Vest.js on GitHub RxJs RxJs Breaking changes Emoji-picker-react Emoji-picker-react Live demo Timejumps 00:28 Talking about our fears 02:09 Introducing Evyatar Alush 08:11 Sponsor: Ag Grid 09:13 What is Vest? 11:59 When is an API done? 18:08 If you didn't have to worry about the API, would you have done something different? 20:04 How do you know what you don't know? 22:06 Sponsor: Narwhal 22:40 When should you make breaking API changes 28:43 How should people be thinking about open source? 41:26 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, November 16, 2023
Episode 260: Reach for the Sky with AI UI - with Mike Ryan
Host(s): John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Guest: Mike Ryan @MikeRyanDev Recording date: Nov 2, 2023 Brought to you by AG Grid IdeaBlade Resources: What is Generative AI? Free Course on Generative AI for Beginners Generating Images (Skyboxes) with AI Few-Shot Prompting Prompt Engineering Techniques Temperature and Top_p Parameters Open AI Temperature Cheat Sheet Tiktoken What is Retrieval Augmented Generation? Hardcore History Adam Grant: “Hidden Potential: The Science of Achieving Greater Things” Dan Harris’s podcast with Adam Grant on this book Adam Grant’s bio Timejumps 00:28 Welcome 01:01 Introducing Mike Ryan 02:17 Is AI over hyped? 07:47 Sponsor: Ag Grid 08:46 The illusion of AI can be easily broken 10:21 What AI is really good at <s
Thu, November 09, 2023
Episode 259: What Should a CS Degree Mean in Universities?
Host(s): John Papa @John_Papa Ward Bell @WardBell Guest: Alfredo Deza (@AlfredoDeza) / X Recording date: Oct 26th, 2023 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Alfredo Deza's personal site alfredodeza (Alfredo Deza) Alfredo Deza in the Olympics Alfredo Deza (high jumper) In Real Life with Alfredo Deza: Olympian, Author and Coach Training | Microsoft Learn How to Use the Ikigai Diagram to Find Fulfillment ikagai Timejumps 00:27 Ward is ready for adventure 01:33 Introducing Alfredo Deza 08:50 Sponsor: Narwhal 09:31 What do you do with universities? 14:00 What should a computer science education have? 21:28 Why should a student consider computer science? 30:34 Can university be a networking opportunity? 33:32 Sponsor: Ag Grid 34:31 What does an employer think of a computer science degree? 39:09 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, November 02, 2023
Episode 258: Where Does AI Fit In Your Solution?
Host(s): John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Guest: Anthony Bartolo @WirelessLife Recording date: Oct 19, 2023 Brought to you by AG Grid IdeaBlade Resources: Introduction to Generative AI Fundamentals of Generative AI Quickstart: Get started with Azure Machine Learning - Azure Machine Learning | Microsoft Learn Anthony on LinkedIn Rogers the Musical - YouTube Generative AI Terminator films predicted the future of AI - The Hollywood Reporter Meta Quest 3 release information Meta Quest 3 at Meta Store AI in Medicine - The New England Journal of Medicine NLP to SQL Exercise (and the caveats) Alexa Silver - YouTube Timejumps 00:29 LinkedIn and YouTube in 2023 03:25 Introducing Anthony Bartolo 05:23 Why is it important to understand AI in 2023? 06:49 What does generative AI mean? 08:17 Sponsor: Ag Grid 09:18 What are the different ways AI works? 17:50 How do IoT devices make use of AI? 21:40 Sponsor: IdeaBlade 22:41 How do you decide when to put AI in? 32:59 W
Thu, October 26, 2023
Episode 257: Myth Busting Best Practices That Drive All Of Us Crazy
Host(s): John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Guest: No guest this episode Recording date: Oct 12, 2023 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Readable Code Ready for Readable Code? - John Papa - YouTube Total Addressable Market Advantages of Data-Driven Decision Making The Seven Pitfalls of data driven estimation Effort Estimations are Wishful Thinking Story points estimation Gilding the Lily Test Driven Development (TDD) Is TDD dead? Unit, End to End and Integration testing. What is the difference? The optimal way to optimize code Timejumps 00:28 Welcome 01:44 Finding the thing that you love and getting to do it for the rest of your life 03:59 Data is important but so is context 10:24 Sponsor: Narwhal 10:59 Tshirt sizing or estimations 18:46 Sponsor: Ag Grid 19:51 Should we be testing? 26:48 Worrying more about tests than the feature 29:38 Does performance matter? 3
Thu, October 19, 2023
Episode 256: FullStack JavaScript and TypeScript Apps Using Remult.js
Host(s): John Papa @John_Papa Guests: Yoni Rapaport yoni-rapoport on Github Noam Honig Noam Honig on LinkedIn Recording date: Oct 5, 2023 Brought to you by AG Grid IdeaBlade Resources: Remult Remult GitHub Repo Remult tutorial - React Remult tutorial - Vue Remult tutorial - Angular Remult tutorial - Next.js Remult on Twitter Remult on YouTube Remult on Discord TypeScript Fastify Express Nuxt Next Nest React Angular SvelteKit T4 Templates Prisma What is an ORM Remult Article in InfoQ Vite.js Bun.js Deno Remult databases Timejumps 00:28 Welcome 01:02 Guest introduction 02:57 What is Remult? 05:12 What are the guardrails for Remult? 07:37 Sponsor: Ag Grid 08:38 App size is relative 15:56</strong
Thu, October 12, 2023
Episode 255: The AI Landscape
Host(s): John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Guest: No guest this episode Recording date: Sep 28, 2023 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: RAG Semantic Kernel LangChain Hugging Face Models Claude AI Azure OpenAI service Azure OpenAI Bring Your Own Data TypeChat Katerina Skroumpelou sharing how she created an AI app to augment docs See chatGPT hear and speak ChatGPT conversation Video: Azure OpenAI BYOD - ChatGPT with Your Own Data 👍🏼Rag Doll by Aerosmith What's Your Vector, Victor? text-embedding-ada-002 GPT embeddings models Your home for Microsoft Ignite Timejumps 00:26 Welcome 01:22 Topic introduction 02:05 What's on our mind with AI these days? 02:59 What happens i
Thu, October 05, 2023
Episode 254: UX Reliability with Mike Ryan
Host(s): John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Guest: Mike Ryan [@mikeryandev]]( https://twitter.com/mikeryandev ) Recording date: Sep 21, 2023 Brought to you by AG Grid IdeaBlade Resources: Polaris Site Reliability on Web Rush with Brian Love on episode 228 Surviving Technical Debt with Mike Ryan on Web Rush episode 117 Websites vs Web Apps Polaris on LinkedIn Firebase Performance Sentry Data Dog Google Analytics SendBeacon API Using Web Workers A closer look at the Beacon API New Relic Smokey Mountains Website Timejumps 00:27 Welcome 00:52 Introducing Mike Ryan 03:16 What is site reliability UX? 06:28 Sponsor: Ag Grid 07:28 Why is reliability so important in a web app? 14:02 How can I prepare for site issues? 16:13 Where do you learn about tooling? 19:43 What do you do if the monitoring software goes down? 22:48 Sponsor: IdeaBlade 23:53 </strong
Thu, September 28, 2023
Episode 253: AI with Katerina Skroumpelou
Host(s): John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Guest: Katerina Skroumpelou @psybercity Recording date: Sep 14, 2023 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Soul Train the Musical ChatGPT Nx Docs Link to Nx AI Assistant (Disclaimer: I did NOT build the UI (I am useless in UI stuff).) NxConf event Grounding LLMs Hallucination (artificial intelligence) AI & Vectors PostgreSQL What is RAG? Supabase Based on/inspired by: (we'll have our own blog post explaining our AI docs once they're out) Mastering temperature and Top P in Open AI SkyNet Text Blaze "The numeric representation of knowledge and logic—Two artificial intelligence applications in medical education" W. D. Hagamen 1986 Ward's citation: "Medical applications of data-dr
Thu, September 21, 2023
Episode 252: Demystifying Reactivity in Frontend
Host(s): John Papa @John_Papa Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Guest: Michael Hladky @Michael_Hladky Recording date: Sep 7, 2023 Brought to you by AG Grid IdeaBlade Resources: Push Based IO Company website Performance workshop Signals in angular keynote ngConf What is reactive programming? JavaScript Promises Signals in Angular as a new Rective Primitive Angular Signals docs RxJS Keyboard events RxAngular JavaScript Signals tutorial: implementing a signals library step by step Unlock the Power of Angular - Master Class: A Comprehensive 4-Day Workshop with Michael Hladky Signals 1-Pager Cheatsheet Timejumps 00:28 Grooming with John 01:46 Guest introduction 03:15 What is reactivity? 04:55 What about promises? 07:52 Sponsor: Ag Grid 08:53 When is reactivity a good choice or not a good choice? 16:21 How do you tame the complexity in programming? 21:17 Sponsor: IdeaBlade 22:17 Why should people pay attention to reactivity? 28:10 Dan's cheat sheet for function calls Podcast editing on this episode done by <a href="h
Thu, September 14, 2023
Episode 251: RedwoodJS with Tom Preston-Werner
Recording date: Aug 31, 2023 Host: John Papa @John_Papa Guest: Tom Preston-Werner @Mojombo Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: RedwoodJS on Web Rush with Anthony Campolo episode 119 RedwoodJS TypeScript Next.js React.js Auth0 Netlify and RedwoodJS Vercel and RedwoodJS Prisma and RedwoodJS GraphQL and RedwoodJS What is a meta-framework Tailwind with RedwoodJS Jest with RedwoodJS Storybook with RedwoodJS RedwoodJS and Vite Next Gen tooling with RedwoodJS with Vite and Vitest React server components RedwoodJS and react server components Public roadmap for RedwoodJS Bighorn Epoch Why would I choose RedwoodJS over Next.js Pino logging <a href=
Thu, September 07, 2023
Episode 250: Lessons from Building with Vue 3
episode: 250 title: Lessons from Building with Vue 3 guest: Alexander Lichter hosts: John Papa, Ward Bell Recording date: Aug 24, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Alexander Lichter @TheAlexLichter Brought to you by AG Grid IdeaBlade Resources: Alex’s GitHub Alex’s LinkedIn Alex’s (old but hopefully soon new) website Last episode with Alex about Nuxt.js DI in Vue.js Vue Vine Results Composition API vs Options API in Vue 3 COBOL program structure and divisions TypeScript and Vue TypeScript with Vue Options API Vue 3 Options API vs Composition API Vue 3 Setup function The 101 Guide to Script Setup in Vue 3 Internationalization - i18n - in Vue 3 Reactivity in Vue 3 with ref and reactive VueUse Ref vs Reactive in Vue 3 SFC Playground for Vue Timejumps 00:28 Welcome 02:16 Welcome A
Thu, August 31, 2023
Episode 249: Open AI
Episode: 249 Title: Open AI Topics: Open AI, transformer, Azure Open AI Hosts: John Papa, Dan Wahlin Guest: None Recording date: 2023-08-17 John Papa @John_Papa Dan Wahlin @DanWahlin Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Thinking Outside the Box: Taking Your LOB Apps to the Next Level with AI Hands-On Tutorial: Integrate OpenAI, Communication, and Organizational Data Features into a Line of Business App GitHub Repo for Project Discussed The ABCs of AI Transformers, Tokens, and Embeddings: A LEGO Story GitHub Copilot ngConf Angular event Do More using GitHub Copilot, AI, and VS Code by John Papa at ng-conf 2023 Azure Open AI Service What is Azure Open AI Learn how to use Azure Open AI How can i make a http call to open AI OpenAI tokenizer Open AI and transformers What are embeddings for OpenAI How to set the temperature for the model LangChain What is Semantic Kernel Timejumps 00:28 Welcome 01:10 </strong
Thu, August 24, 2023
Episode 248: Wut's Nuxt for Nuxt.js?
const podcast = { episode: 248, title: 'Wut's Nuxt for Nuxt.js?', topics: [ 'framework', 'ssr', 'developers' ], guest: 'Alexander Lichter' hosts: [ 'John Papa', 'Ward Bell', 'Dan Wahlin' ]}; Recording date: Aug 10, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Alexander Lichter @TheAlexLichter Brought to you by AG Grid IdeaBlade Resources: Web Rush episode 72 - What's Your Vue of Nuxt.js - with Alexander Lichter Nuxt.js Nuxt.js on GitHub Vue What Meta frameworks TypeScript Vite Pros and Cons of Nuxt.js Next.js compared to Nuxt.js Netlify with Nuxt Vercel Npx to scaffold nuxt apps Choosing Nuxt.js or Vue.js (Reddit thread) Azure Static Web Apps Nuxt and SSR PHP ASP.NET Web Forms Universal rendering with Nuxt 2 on Azure Static Web Apps Video: Hybrid Rendering with Nuxt on Azure Static Web Apps Learn how to Deploy Nu
Thu, August 17, 2023
Episode 247: Ecosystem CI Katerina Skroumpeloution
const podcast = { episode: 247, title: 'Ecosystem CI', topics: [ 'startup', 'business', 'insurance' ], guest: 'Katerina Skroumpelou' hosts: [ 'Craig Shoemaker', 'Ward Bell' ]}; John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Katerina Skroumpelou @Psybercity Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Ecosystem CI Vite Nx Nx Ecosystem CI Introducing Nx Ecosystem CI Storybook Ecosystem CI Storybook Status Page Timejumps 00:29 Rushing to understand our name 01:05 Who is Katerina Skroumpelou? 02:18 Programming in 104C 02:53 What is Ecosystem CI? 06:00 What is Vite? 07:10 Sponsor: Ag Grid 08:10 What's an example of how this all works? 16:36 Is this platform agnostic? 18:53 What's easy and difficult about working with ecosystem CI? 24:03 Where do you see ecosystem CI going? 30:20 Sponsor: Narwhal 30:57 Who would benefit from ecosystem CI tooling? 32:12 What's the experience getting started with ecosystem CI? 36:55 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, August 10, 2023
Episode 246: Angular with Emma Twersky
const podcast = { episode: 246, title: 'Angular', topics: [ 'framework', 'angular', '' ], guest: 'Emma Twersky' hosts: [ 'Craig Shoemaker', 'Ward Bell' ]}; John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Emma Twersky @Twerske Brought to you by AG Grid IdeaBlade Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Ionic Resources: Angular versions and releases Mr. Ed Angular Control Flow RFC Angular Deferred Loading RFC Bike Shedding RxJS Axios HTTP Client Timejumps 00:27 Welcome 01:52 Who is Emma Twersky? 03:17 What's exciting about Angular? 11:00 Sponsor: Ag Grid 12:06 How do you listen to the community with a wide range of views? 18:55 What is Control Flow? 22:52 Sponsor: IdeaBlade 23:54 What areas are getting feedback? 29:06 What would you love to change about Angular? 38:29 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, August 03, 2023
Episode 245: Starting a Career in Web Dev with Kate Sky
const podcast = { episode: 245, title: 'Starting a Career in Web Dev', topics: [ 'web developer', 'learning', 'training' ], guest: 'Kate Sky' hosts: [ 'Dan Wahlin', 'Ward Bell', 'Craig Shoemaker' ]}; John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kate Sky @KateSky8 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: State Management Techniques and Family Therapy (Kate's ng-conf 2022 talk) What does work life balance look life for a Software Engineer Growth Mindset How Learning Has Changed Over the Years What's the Right Way to Find a Mentor? Timejumps 00:31 If Ward is on a train going one way... 02:02 Introducing Kate Sky 04:01 What should people ask themselves before starting in web dev? 08:49 Sponsor: Ag Grid 09:52 Do web developers still have to work crazy hours? 15:29 Where should someone start? 17:00 Managing work / life balance 19:41 Sponsor: Narwhal 20:22 Problem solving as a way of learning 24:47 How important are mentors? 28:24 When are the various steps of training worth doing? 31:30 How should someone find a mentor? 34:21 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, July 27, 2023
Episode 244: Angular 16 and ngConf
const podcast = { episode: 244, title: 'Angular 16 and ngConf', topics: [ 'angular', 'conferences', 'signals' ], guest: 'namei' hosts: [ 'John Papa', 'Ward Bell', 'Dan Wahlin' ]}; Recording date: 7/13/2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid IdeaBlade Resources: ngConf Brandon Roberts’ take on ngConf 2023 Angular Blog Post on v16 Signals 1-pager Cheatsheet Signals guide Handlerbars.js Mustache The Angular Signals RFC React vs. Signals (in SolidJS) Sara Drasner sharing the new control flow syntax The template syntax RFC (“Built-In Control Flow”) Functional programming model in Angular Angular Routing Parameters and inputs Angular’s ngConf 2023 keynote Angular Standalone Components/Pipes/Directives Declarative lazy loading syntax Deferred loading RFC for Angular NgZone documentation Timejumps 00:29 Welcome 01:12 ngConf 2023 04:54 What's new with Angular? <s
Thu, July 20, 2023
Episode 243: Nx with Juri Strumpflohner
const podcast = { episode: 243, title: 'Nx', topics: [ 'libraries', 'dependancies', 'monorepo' ], guest: 'Juri Strumpflohner' hosts: [ 'John Papa', 'Ward Bell' ]}; Recording date: 07/06/2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Juri Strumpflohner [@Juristr]]( https://twitter.com/juristr ) Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Building React apps with Nx and Jack Hsu Notepad conf from 2014 Notepad has tabs Juri Strumpflohner on Egghead IO Nx from Narwal Nx Conf event ngConf 2023 Remix with Nx Nx Plugins registry How Google Does Monorepo Wilhelm Scream recording session found Wilhelm Scream recording session found When should you go with Nx Narwhal seed funding for Nx to take monorepos mainstream New York Times: There’s One Hard Question My Fellow Doctors and I Will Need to Answer Soon Make Time: How to Focus on What Matters
Thu, July 13, 2023
Episode 242: What’s New in GitHub Copilot?
const podcast = { episode: 242, title: 'What’s New in GitHub Copilot', topics: [ 'copilot', 'github', 'ai' ], guest: '' hosts: [ 'John Papa', 'Ward Bell', 'Craig Shoemaker', 'Dan Wahlin' ]}; Recording date: June 29, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid IdeaBlade Resources: GitHub Blog GitHub Copilot GitHub Copilot pricing Blog post on ChatGPT and GitHub Copilot How GPT models work: accessible to everyone rsync script (mostly) generated by ChatGPT GitHub Copilot Chat VS Code Extension GitHub Copilot privacy policies Samsung chatGPT lesson GitHub Copilot Pricing Documentation Learn GitHub Copilot Timejumps 00:28 Welcome 01:05 What's the state of Copilot today? 04:45 How often does Copilot hallucinate? 06:59 How are you using Copilot? 08:26 Sponsor: Ag Grid 09:28 Angular example 11:28 How is Copilot answering your questions? 16:30 Is it getting better? 18:32 Can you use it to write unit tests? 29:36 Sponsor: IdeaBlade 30:34 Does Copilot have more awareness than general ChatGPT? 34:49 What is pricing for GitHub Copilot?<
Thu, July 06, 2023
Episode 241: Composable Front End Cloud Solutions with Natalia Venditto
const podcast = { episode: 241, title: 'Composable Front End Cloud Solutions', topics: [ 'cloud', 'front end', 'ui' ], guest: 'Natalia Venditto' hosts: [ 'Craig Shoemaker', 'Ward Bell' ]}; Recording date: Jun 22, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Natalia Venditto @anfibiacreativa Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Natalia Venditto’s website Server Side Rendering Microfront Ends 5 Reasons You Should Adopt a Micro Frontend Architecture Announcing: Contoso Real Estate JavaScript Composable Application Reference Sample Amazon Goes Back to Basics Arnold on Netflix Timejumps 00:29 Welcome 00:51 Introducing Natalia Venditto 01:59 What are composable front ends? 04:15 What are we trying to fix by doing this? 10:03 Sponsor: Ag Grid 11:09 Is it an abstraction layer on top of the APIs? 20:38 How do maintain the illusion of local coherence? 27:57 Sponsor: Nx 28:28 What happens in the browser? 37:52 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, June 29, 2023
Episode 240: There’s Something .NET Maui with Jesse Liberty
const podcast = { episode: 200, title: 'There’s Something .NET Maui', topics: [ '.Net', 'C#', 'frameworks' ], guest: 'Jesse Liberty' hosts: [ 'John Papa', 'Dan Wahlin' ]}; Recording date: June 8, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Jesse Liberty @JesseLiberty Brought to you by AG Grid IdeaBlade Resources: Jesse’s Mastodon .NET MAUI For C# Developers ChatGPT Learning .NET Maui .NET Multi-platform App UI Community Toolkit Xamarin Forms C# Documentation Learn about XAML Anders Hejlsberg Zelda Flutter React Native Ionic Framework Spider-Man: Across the Spider-Verse Jesse Liberty Bookshop Timejumps 00:30 Welcome 01:19 Who is Jesse Liberty? 05:38 What is .NET Maui? 07:27 What was Xamarin forms? 08:36 Sponsor: Ag Grid 09:45 Why was .NET Maui created to replace Xamarin Forms? 11:13 What is XAML? 14:49 What do you need to build Maui applications? 19:13 Sponsor: IdeaBlade 20:09 Who is .NET Maui for? 22:3
Thu, June 22, 2023
Episode 239: Scaling BackEnd APIs with Bornwell Matembudze
const podcast = { episode: 239, title: 'Scaling BackEnd APIs', topics: [ 'API', 'python', 'backend' ], guest: 'Bornwell Matembudze' hosts: [ 'John Papa', 'Craig Shoemaker' ]}; Recording date: June 5, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Bornwell Matembudze @Bornie_21 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Bornwell Matembudze on Web Rush 137 GitHub Actions Jenkins Don’t be scared of CSS Why Developers Fear CSS CSS Float Overengineering in software development RabbitMQ Welcome to Python.org Flask Django Adobe After Effects EDA Event Driven Architecture - Event Brokers Event Driven Architecture with RabbitMQ Microservices Event Driven Architecture with RabbitMQ and Docker Container on .NET <a href="https://cloud.google.
Thu, June 15, 2023
Episode 238: Rise and Fall of JavaScript Libraries with Chris Ferdinandi
const podcast = { episode: 238, title: 'Rise and Fall of JavaScript Libraries', topics: [ 'JavaScript', 'frameworks', 'accessibility' ], guest: 'Chris Ferdinandi' hosts: [ 'Craign Shoemaker', 'Ward Bell' ]}; Recording date: 6/1/2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Chris Ferdinandi @ChrisFerdinandi Brought to you by AG Grid IdeaBlade Resources: Go Make Things Newsletter & More zachleat.com React Preact What Is Server-side Rendering And How Does It Improve Site Speed? What is “Vanilla JavaScript”? Timejumps 00:29 Welcome 00:47 Introducing Chris Ferdinandi 03:30 Why are JavaScript frameworks bad for developers? 07:04 Sponsor: Ag Grid 08:12 If you take JavaScript out, aren't you limiting apps? 22:01 Sponsor: IdeaBlade 23:01 How do you minimize your use of JavaScript? 28:38 Accessibility and frameworks 44:18 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, June 08, 2023
Episode 237: Tech Community Engagement with Newsletters with Sam Julien
const podcast = { episode: 237, title: 'Tech Community Engagement with Newsletters', topics: [ 'newsletters', 'dev advocacy', 'writing' ], guest: 'Sam Julien' hosts: [ 'John Papa', 'Craig Shoemaker' ]}; Recording date: May 25, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Sam Julien @SamJulien Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Sam’s Website Sam’s article How to Finish What You Start Developer Microskills Newsletter Zero Index Developer Newsletter Sam’s book Getting Started in Developer Relations Race for Homeless Llamas Obsidian The Emperor’s New Groove Where to watch the Emperor’s New Groove AI is changing security ConvertKit ConvertKit Documentation Joel Hooks on evergreen newsletters Sam’s newsletter process Foster Kitten Mama Timejumps 00:28 Welcome 01:32 Yak shaving? 02:22 Introducing Sam Julien 04:51 What has been your career path? <li
Thu, June 01, 2023
Episode 236: Astro 2.5 with Alvin Bryan
Alvin Bryan talks with John about what's new in Astro 2.5, why he enjoys using Astro, and how easy it is to use Astro alongside another framework like Svelte. const podcast = { episode: 236, title: 'Astro 2.0', topics: [ 'framework', 'static site', 'content' ], guest: 'Alvin Bryan' hosts: [ 'John Papa' ]}; Recording date: May 23, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Alvin Bryan @AlvinBnet Brought to you by AG Grid IdeaBlade Resources: Alvin Bryan’s website Astro Docs Episode 215 of Web Rush on Lighthouse scores with Astro Astro 2.5 release that includes references: Astro Islands Multi-Page Applications (MPAs) with Astro UI Frameworks that Astro supports Svelte React Content Collections in Astro Hugo 11ty Markdown YAML HAML Astro 2.5 release notes Data Collections and references in Astro Timejumps 00:26 Welcome 01:20 Guest introduction 02:01 What is the Astro framework? 04:57 What's the benefit of using Astro? 06:03 What if you want dynamic content with Astro? 07:00 Sponsor: Ag Grid 08:02 How do you know i
Thu, May 25, 2023
Episode 235: Playwright with Debbie O’Brien
const podcast = { episode: 235, title: 'Playwright', topics: [ 'playwright', 'testing', 'automation' ], guest: 'Debbie O’Brien' hosts: [ 'John Papa', 'Dan Wahlin' ]}; Recording date: May 11, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Debbie O’Brien @debs_obrien Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Playwright Playwright documentation End to End testing tools First look at Playwright VS Code extension for Playwright Visual comparison with Playwright Recording videos with Playwright GitHub Copilot Tracing in Playwright Debbie sharing time Traveling debugging with Playwright on YouTube UI Mode in Playwright The Gold Mine Effect by Rasmus Ankersen Get Running Coaching Timejumps 00:26 Welcome 01:38 Guest introduction 03:28 What is Playwright? 06:43 Sponsor: Nrwl 07:19 Do you have to write tests differently to use different languages? 09:31 Playwrite VS Code extension 12:40 What are we doing when we're testin
Thu, May 18, 2023
Episode 234: OpenAI with React + NextJS with Luca Restagno
const podcast = { episode: 234, title: 'Open AI with React + NextJS', topics: [ 'AI', 'NExtJS', 'React' ], guest: 'Luca Restagno' hosts: [ 'John Papa', 'Ward Bell', 'Craig Shoemaker' ]}; Recording date: 05/04/2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Luca Restagno @Ikoichi Brought to you by AG Grid IdeaBlade Resources: Dynamo DB Serverless on AWS Serverless on Azure NoSQL defined SQL Server database Next.js React.js Hivoe Inboxs OmniWrite Open AI Open AI API reference Introduction to prompt engineering Open AI Node.js Library Chat completion API for Open AI Introduction to GitHub Copilot Learning lesson Next.js vs React.js Lake Como Italy, Star Wars villa Star Wars Episode II scene from Lake Como Azure Open AI service Building an Entrepreneurial Future with Luca Restagno <a href="https:
Thu, May 11, 2023
Episode 233: Just a Girl Building an Empire
const podcast = { episode: 233, title: 'Just a Girl Building an Empire', topics: [ 'tech', 'empire', 'engineering' ], guest: 'Sara Gibbons' hosts: [ 'John Papa', 'Ward Bell', 'Dan Wahlin' ]}; Recording date: April 27, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Sara Gibbons @saragibby Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Sara Gibbons Cloud Advocate profile Girls Who Code Microsoft Access Lighthouse performance scoring React ASP.net Azure App Service Introduction to Azure Functions Wetness Protection Program David Rees and Blackwing Pencils: Artisanal Pencil Sharpening Lightmakers Manifesto Timejumps 00:25 Welcome 01:33 Guest introduction 03:31 What is empire building? 06:20 What have you built along your journey? 11:05 Sponsor: Ag Grid 12:05 What tech stack did you use for your last few projects? 20:47 Helping motivate others to push ahead 22:51 Working to change things in a positive way 30:17 </s
Thu, May 04, 2023
Episode 232: Web Accessibility with Maria Korneeva
const podcast = { episode: 232, title: 'Web Accessibility', topics: [ 'Accessibility', 'tooling', 'issues' ], guest: 'Maria Korneeva' hosts: [ 'Craig Shoemaker' ]}; John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Maria Korneeva @BrowserPerson Brought to you by AG Grid IdeaBlade Resources: Maria Korneeva Myths of Accessibility Accessibility Linter W3C Accessibility Course Accessible Forms Axe Browser Extensions Chrome Lighthouse Angular A11y ESLint Accessibility auditing with react-axe and eslint-plugin-jsx-a11y Accessibility Tree Timejumps 00:40 Guest introduction 00:58 Biking through Europe 02:17 How did you get into working with web accessibility? 03:17 What does accessibility mean to you? 04:40 What's a myth of accessibility? 07:13 Sponsor: Ag Grid 08:16 What things would be harder on the accessibility list? 14:39 How can software teams fight for accessibility? 19:38 What tools do you use to develop with accessibility in mind? 23:50 What about linters for writing code with accessibility? 27:18 Sponsor: IdeaBlade 28:16 What are common accessibility mistakes people make? 34:50 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, April 27, 2023
Episode 231: Quickly Publishing Your Web App to Static Web Apps
const podcast = { episode: 231, title: 'Quickly Publishing Your Web App to Static Web Apps', topics: [ 'static', 'web apps', 'azure' ], guest: 'na' hosts: [ 'John Papa', 'Craig Shoemaker' ]}; Recording date: April 13, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Static Web Apps Docs Static Web Apps day keynote with John Papa Static Web Apps demo app on GitHub VS Code extension for Static Web Apps What is a static asset? Learn how to Publish an Angular, React, Svelte or Vue JavaScript app with Azure Static Web Apps CORS What is a reverse proxy SWA CLI Role based security in Static Web Apps Build your first SWA with VS Code Preview environments in SWA Timejumps 00:27 Welcome 01:05 Knowing how and where to publish a web app 05:46 What is a built file? 08:41 Sponsor: Narwhal 09:15 Right cli
Thu, April 20, 2023
Episode 230: Semantic HTML
const podcast = { episode: 230, title: 'Semantic HTML', topics: [ 'html', 'semantics', 'tags' ], guest: 'na' hosts: [ 'John Papa', 'Craig Shoemaker' ]}; Recording date: April 6, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid IdeaBlade Resources: Deprecated HTML tags HTML Web docs Craig’s HTML course The HTML id attribute The DIV tag SEO tips for HTML The font tag Can I Use XHTML Responsive Web Apps Goodbye Zen Coding, hello Emmet Emmet toolkit Emmet in VS Code Timejumps 00:31 Welcome back 01:51 The meaning of Craig 03:00 Dom updates 03:40 Never learned HTML 05:43 What are the different pieces of HTML? 08:58 Sponsor: Ag Grid 09:53 Attributes vs property 15:09 Should ID be deprecated? 18:04 What is semantic HTML? 24:57 Sponsor: IdeaBlade 25:56 What has been deprecated in HTML? 33:22 xHTML tangent
Thu, April 13, 2023
Episode 229: Security with Rey Bango
const podcast = { episode: 229, title: 'Security', topics: [ 'Security', 'business', 'insurance' ], guest: 'Rey Bango' hosts: [ 'Craig Shoemaker', 'Ward Bell' ]}; Recording date: 03/30/2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Rey Bango @ReyBango Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: LastPass Issues Update on Data Breach, But Users Should Still Change Passwords - CNET How to Think Like a Hacker How to Write Secure Code Static Application Security Testing Veracode Snyk Typosquatting Open Worldwide Application Security Project (OWASP) What is Dynamic Application Security Testing (DAST)? Attack IQ Red Canary Zero Trust Security Wazuh - The free and open source XDR platform Defcom Security Courses on Udemy Timejumps 00:30 Welcome 01:12 Guest introduction 02:53 What does offensive security mean? 07:42 </
Thu, April 06, 2023
Episode 228: Web Apps and Site Reliability Engineering (SRE) with Brian Love
const podcast = { episode: 228, title: 'Web Apps and Site Reliability Engineering', topics: [ 'reliability', 'web apps', 'user focused' ], guest: 'Brian Love' hosts: [ 'John Papa', 'Ward Bell' ]}; Recording date: March, 23, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brian Love @Brian_love Brought to you by AG Grid IdeaBlade Resources: Google Books on SRE What is SRE Introduction to Site Reliability Engineering (SRE) Reliable systems in DevOps Ping test Voting with your feet What is an SLA Service Level Objectives and Indicators SLA vs SLO vs SLI SLIs, SLOs, and SLAs, oh my: Interview with Dave Rensen, SRE Engineering Director on the SRE Workbook: The Origins of SRE What it means to be a SRE Get Polaris (SRE tool) Send Beacon API GitHub Copilot X Prompt Engineering Learn with Introduction to Prompt Engineering Timejumps 00:29 Welcome <li
Thu, March 30, 2023
Episode 227: Browser APIs you May Not Know About with Sasha Shynkevich
const podcast = { episode: 227, title: 'Browser APIs you May Not Know Abou', topics: [ 'API', 'browser', 'development' ], guest: 'namei' hosts: [ 'Craig Shoemaker', 'Dan Wahlin' ]}; Recording date: March 16, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Sasha Shynkevich @neesoglasnaja Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: MDN Web Docs Vibration API Can I Use Polyfills Chromium Browsers Contact Manager API Contact Picker API Drag and Drop API Intersection Observer API Beacon API Broadcast Channel API Tabs API LocalStorage API Barcode API Presentation API Full screen API Picture-in-Picture API Clipboard API Gamepad API </
Thu, March 23, 2023
Episode 226: All Things Typescript with Maina Wycliffe
Recording date: March 9, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Maina Wycliffe @mwycliffe_dev Brought to you by AG Grid IdeaBlade Resources: All Things TypeScript Newsletter General Zod Typescript and Zod schemas TypeScript type assertion Typescript-eslint Better linting with TypeScript and ESLint Linting in TypeScript using ESLint and Prettier Zod vs Yup validation schemas Zod, Joi and Yup side by side When should you use Zod? Fetch API TypeScript Decorators Type Narrowing in TypeScript GitHub Copilot Timejumps 00:28 Welcome back 01:43 Guest introduction 04:32 Why shouldn't we use assertions? 08:31 Sponsor: Ag Grid 09:35 Using Zod schemas as the source of truth? 13:11 How would you use Zod to validate data? 18:51 Sponsor: IdeaBlade 19:50 What are your favorite features about Typescript? 27:10 What is type narrowing doing? 33:10 What are practices people should avoid with Typescript? 35:24 Final thoughts Podcast editing on this episode done by <a
Thu, March 16, 2023
Episode 225: Maximizing Your Impact as a Developer
Recording date: March 2, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: How full is your bucket? For kids How to Maximize Your Impact as an Engineer Impact vs Activity “If you want to go fast go alone. If you want to go far go together.” African Proverb The Coaching Habit Measuring Impact vs Activity How to Win Friends and Influence People Have You Filled A Bucket Today? Timejumps 00:59:00 Craig the Stormbringer 02:54:00 What fills your bucket? 05:50:02 Sponsor: Ag Grid 06:50:00 What fills Dan's bucket? 15:59:12 Intentionality vs reacting 25:23:09 Sponsor: Narwhal 26:01:00 How do you get past blockers on projects? 29:12:00 How do you deal with pushback? 35:53:12 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, March 09, 2023
Episode 224: Starting a Company as a Technical Founder with Sam Artioli
Recording date: Feb 23rd, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Sam Artioli @SamArtioli Brought to you by AG Grid IdeaBlade Resources: Reach Sam on email Tredder Website IdeaBlade Rensselaer Polytechnic Institute (RPI) Capoeira Apple RFID Start Bootstrap UI templates FinTech Voice Capo The Power Broker: Robert Moses and the Fall of New York by Robert Caro Liift More Paul Graham on Twitter The Power Law Zero to One The Hard Thing About Hard Things Crossing the Chasm Timejumps 02:32 Guest introduction 08:06 How do you know when to jump on an idea? 11:49 Sponsor: Ag Grid 12:51 Working with a partner 17:27 What is Tredder? 18:39 Sizing the market 22:20 Building a business can be like playing poker 25:58 How do you protect yourself legally and payroll? 27:42 Sponsor: IdeaBlade 28:48 <
Thu, March 02, 2023
Episode 223: Delivering Real World PWAs with Maxim Salnikov
Recording date: Feb 16, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Maxim Salnikov @WebMaxRU Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: PWA Overview of Progressive Web Apps (PWAs) Maxim on Web Rush episode 4 ngVikings event Akershus Fortress What is a Progressive Web App (PWA) Alex Russell Progressive Web Apps: Escaping Tabs Without Losing Our Soul What’s new in Progressive Web Apps Service Worker API Web App Manifest Beats Per Minute PWA DALL-E What can PWA do today? Article on Web Share API chatGPT The "new" Bing GitHub Copilot GitHub Copilot now has a better AI model and new capabilities Slides about PWA installability <
Thu, February 23, 2023
Episode 222: Micro Front Ends with Manfred Steyer
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Manfred Steyer @ManfredSteyer Brought to you by AG Grid IdeaBlade Resources: Angular Lazy loading To Decouple or Not to Decouple? The Answer Depends on Your Website (And Your Budget) Domain driven design Blog Series on Module Federation with Angular Piral Free eBook on Module Federation with Angular Timejumps 00:37 Guest introduction 01:11 How did you get started with micro front ends? 03:36 What are the consequences of micro front ends? 07:14 Why should someone use micro front ends? 10:09 Sponsor: Ag Grid 11:12 What are implementation details of working with micro front ends 21:17 Sponsor: IdeaBlade 22:13 Using hyperlinks to achieve micro front end 28:29 How does a mobile device handle micro front ends? 33:30 How do you get consistency across UX? 35:38 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, February 16, 2023
Episode 221: Inflection Point SvelteKit 1.0 with Kevin Åberg Kultalahti
Recording date: Feb 2, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kevin Åberg Kultalahti @kevmodrome Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: SvelteKit 1.0’s release Rich Harris on Twitter Svelte Svelte Society Svelte Radio Loki Variants Svelte vs React Comparison Svelte Components Svelte Tutorial Svelte vs SvelteKit ASP.NET MVC SvelteKit Adapters SvelteKit Forms Timejumps 00:27 Welcome 01:00 Guest introduction 02:05 What is Svelte Society? 04:26 What is Svelte? 07:44 Sponsor: Ag Grid 08:46 What is the Svelte Compiler? 13:14 What is SvelteKit? 19:18 Why SvelteKit? 23:40 Sponsor: Nrwl 24:16 What are adapters in Svelte? 29:14 What is exciting about SvelteKit? 32:01 What is the file structure for SvelteKit? 34:59 Getting started with SvelteKit 36:00 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, February 09, 2023
Episode 220: Tips for Effective Presenting and Communication
Recording date: Jan 26, 2023 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid IdeaBlade Resources: The Four Pillars of Ward Bell Public Speaking Genius What’s the problem? Why should I care? What am I going to do about it? How should I feel? John’s 5th pillar: Cut any content that doesn’t meet the needs of the first 4. Craig's Tweet on differentiating yourself Vinh Giang speaking tips on TikTok Sharknado Speed Movie Die Hard on a Bus John Papa’s speaking course at Pluralsight Holding Out for a Hero Keiran Drew Timejumps 00:27 Welcome 01:01 Why should you care about presentation? 04:50 What are scenarios where better communication helps? 06:29 Ward's 4 Pillars of Public Speaking 09:18 Sponsor: Ag Grid 10:15 Differentiating yourself 15:50 The pause 26:28 Sponsor: IdeaBlade 27:29 How do you come up themes or ideas for a talk? 31:45 The hero's journey 38:48 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, February 02, 2023
Episode 219: Code Spaces with Chris Noring
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Chris Noring @chris_noring Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Codespaces Overview Code Spaces .NET Core Starter Dev containers Introduction to GitHub Code Spaces Managing encrypted secrets for your codespaces Configuring and customizing codespaces: deep dive Vscode.dev Github.dev Just One More Change - github.dev, vscode.dev, codespaces on YouTube by John Papa Azure for Students $100 credit Codespaces pricing What is Codespaces and how can Students access it for free? Simple example of configuring a codespaces environment for Angular + Node How to optimize your Codespaces using quotas <a href="https://docs.github.com/en/codespaces/setting-up-your-project-for-codespaces/adding-a-dev-container-configuration/introduction-to-dev-co
Thu, January 26, 2023
Episode 218: Routing with Tanner Linsley
Recording date: 12/29/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Tanner Linsley @TannerLinsley Brought to you by AG Grid IdeaBlade Resources: TanStack on Twitter TanStack Router Tanner Linsley on Web Rush discussing data grids in the web Sammy.js Angular React Nuxt.js Next.js Svelte SvelteKit Announcing TanStack Router @ jamstackconf on YouTube Nozzle.io Definition of a router, as per MDN The location interface on MDN Angular Router React Router Vue Router SvelteKit Router History API as per MDN History.js Remix Solid.js Timejumps 00:29 Welcome 02:08 Guest introduction 03:04 Why isn't routing a solved problem? 08:22 Sponsor: Ag Grid 09:29 Things we have to think about with router 11:15 What are the core feautres of routing? 22:29 Routing architecture 26:44 What is the Tanstack router? 39:27 </stro
Thu, January 19, 2023
Episode 217: AI in 2023 - What’s it all Mean?
Recording date: 12/22/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Lensa AI What you should know about Lensa before you use it Ethics and AI in google search This Person Does Not Exist ChatGPT “I asked Chat GPT to build a To-Do app” Ward’s repo for subsink GitHub CoPilot docs Timejumps 00:28 Welcome 01:51 This person does not exist 04:08 Ethics in AI 04:58 ChatGPT 10:44 Sponsor: AG Grid 11:45 GitHub Copilot 20:45 </strong
Thu, January 12, 2023
Episode 216: JavaScript Proxies with Evyatar Alush
Recording date: 12-15-2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Evyatar Alush @evyataral Brought to you by AG Grid IdeaBlade Resources: MDN: Proxy Caniuse Proxy Traps Tutorial GoogleChrome/proxy-polyfill (Sam Thorogood) Vest n4s (enforce) VueJS How Reactivity Works In Vue MobX Immer, Immutability and the Wonderful World of Proxies - Michel Weststrate Fiverr Talks: Building an Assertion Library with Javascript Proxy, Evyatar Alush Writing a JS Proxy based assertion function Partytown Qwik Web Worker XmlHttpRequest Generic Party Town Proxy Timejumps 00:48 Guest introduction 01:45 What are JavaScript proxies? 04:08 What might a developer use this for? 07:01 Sponsor: Ag Grid 08:02 How are the proxies delivered?
Thu, January 05, 2023
Episode 215: How I Doubled by Lighthouse Performance with Astro.js with Corbin Crutchley
Recording date: 12/08/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Corbin Crutchley @Crutchcorn Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Google Lighthouse PageSpeed Insights Gatsby Astro NextJS Unicorn Utterances Framework Field Guide GitShark Islands Architecture Astro Islands Remark.js Qwik Brandon Roberts, Developer Extraordinaire Timejumps 00:38 Caviar dreams 01:53 Guest introduction 04:01 Starting out in Lighthouse 06:47 Why Astro? 08:25 Sponsor: Nrwl 09:01 What have you added on to Astro? 12:43 What about islands architecture? 16:46 What about Angular support? 17:49 Sponsor: Ag Grid 18:54 What changes did you make to improve Lighthouse score? 23:08 How is Markdown supported? 25:15 What was it like switching from Gatsby to Astro? 27:09 What sort of incremental improvements can I do? 35:15 What was the hardest part of the process? 37:27 Final thoughts Podcast editing on this epi
Thu, December 15, 2022
Episode 214: Securing Your Web Apps and Source Code with Feross Aboukhadijeh
Recording date: 12/1/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Feross Aboukhadijeh @Feross Brought to you by AG Grid IdeaBlade Resources: Feross Aboukhadijeh’s website Feross Aboukhadijeh’s GitHub Log4j The Federal Trade Commission’s (FTC) note on Log4j Socket – Secure your JavaScript supply chain What’s really going on in your node_modules folder? Vulnerability scanning isn’t enough to protect your app Auditing npm packages for security vulnerabilities GitHub Dependabot List of package security issues that Socket detects List of npm packages that have been removed from npm for security reasons Feross’s Web Security class at Stanford University Darknet Diaries DEFCON conference Have I Been Pwned? Troy Hunt 1% of CMS-Powered Sites Expose Their Database Passwords Timejumps 00:44 World Cup welcome 02:08 Security in applications 03:20 Guest introduction 04:41 Why should you worry about your software supply chain? 07:41 Sponsor: Ag Grid 08:50 What's the attack vector like and what's the threat? 15:54 Depending on dependancies to find security issues 22:16 </strong
Thu, December 08, 2022
Episode 213: Hello Web Rush: Dan Wahlin, This is Your Life
Recording date: Nov 17, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Dan Wahlin on Twitter Dan Wahlin on GitHub Rabbits vs Guinea Pigs Dan Wahlin on Pluralsight Apple IIc IBM PC jr TRS 80 Show White design language Links golf game Paint Shop Pro VB Script Sort Algorithm Wrox Press Component Object Model (COM) Dan Wahlin’s books he's authored Timejumps 01:30 Who is Dan Wahlin? 04:56 Getting distracted by golf games 08:16 Sponsor: Ag Grid 09:14 Do you regret not getting a computer science degree? 20:17 Sponsor: Nrwl 20:52 Getting over imposter syndrome 24:53 Were you ever worried about losing your job? 30:22 Any crash and burn experiences? 31:25 Advice for moving your career forward Podcast editing on this episode done by <a href="https://lemonproductions.c
Thu, December 01, 2022
Episode 212: AG Grid with Stephen Cooper
Recording date: Nov 10, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Stephen Cooper @Scooperdev Brought to you by AG Grid IdeaBlade Resources: AG Grid Tan Stack with Tanner Linsley on Web Rush 206 Whimsy definition Getting Started docs for AG Grid Using AG Grid with React Using AG Grid with Vue Using AG Grid with Angular 5 Open Source JavaScript Grids AG Grid GitHub repository What is an Abstract Syntax Tree? (AST) ESLint and TypeScript ASTs Glide Gear Teleprompter Using Typescript to Auto Generate Documentation Timejumps 00:29 Welcome 02:24 Guest introduction 07:10 Helping developers work with AG Grid 08:16 What are the pain points for using grids? 09:49 Sponsor: AG Grid 10:44 How do you determine sensible defaults for developers? 12:49 What's the best route for giving feedback on AG Grid? 14:31 How can users try out different features of AG Grid? 19:17 How do you decide which mode to use? 26:55 Advice for developers using a grid 29:16 Sponsor: IdeaBlade 30
Thu, November 24, 2022
Episode 211: Deploying Web Apps in Containers
Dan and Craig talk about the ways to use containers to deploy web apps, and the benefits and drawbacks to using Kubernetes for deploying web apps. Recording date: 11/03/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Docker Desktop Rancher Desktop Docker What is a Container Kubernetes Amazon Elastic Container Service Amazon Elastic Kubernetes Service Google Cloud Run Azure Kubernetes Service Azure Container Apps What are containers: Benefits and Use Cases Get Started with Containers What is a container image? Timejumps 00:34 The famous Craig Shoemaker 01:43 Deploying apps in containers 02:37 Why use containers? 06:22 Benefits and pain points of Kubernetes 09:50 Sponsor: Narwhal 10:18 When should you use Kubernetes? 14:52 Sponsor: Ag Grid 15:50 Where do you run Kubernetes? 23:56 Where do you get started with containers? Podcast editing on this episode done by <a href="https://
Thu, November 17, 2022
Episode 210: Component Testing with Ely Lucas
Recording date: Nov 1, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ely Lucas @ElyLucas Brought to you by AG Grid IdeaBlade Resources: React with PWA and Ionic with ELy Lucas on Web Rush episode 69 Cypress Component Test, by Martin Fowler Writing your first component test Angular component test harnesses Cy.mount React and Cypress Testing React components Cypress and Svelte Angular and Cypress Vue and Cypress Cypress vs Selenium Waiting and Retry in Cypress Intercepting http requests with Cypress Vuori Blockbuster on Netflix Timejumps 00:51 Candy hangovers 02:40 Guest introduction 04:12 What is component testing? 07:30 How do you test complicated components? 10:03 Sponsor: Ag Grid 11:04 Calcuate taxes example 16:39 What's your background with testing? 20:45 Sponsor: IdeaBlade
Thu, November 10, 2022
Episode 209: Catch the Wave with Martin Turoci
Recording date: 10/27/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Martin Turoci @Unusual_code Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: H20 Wave H2O.ai on Twitter H20 website H2O Hydrogen Torch Slovakia on Google Maps Badminton Surfing GitHub Copilot Stanley Kubrick Star Wars Microsoft Cloud command line Psychology of Money Existential Physics Timejumps 00:28 Badminton vs snowballs 02:49 Guest introduction 04:11 A front end framework without HTML or CSS? 05:23 What is H2O.ai? 07:04 Sponsor: Ag Grid 08:06 How do you build a presentation? 11:21 Is it server side or client side? 13:42 What types of applications are people using this for? 15:32 Sponsor: Narwhal 16:11 What is the target audience for Wave? 24:22 Why are web sockets not fun to set up? 27:41 What
Thu, November 03, 2022
Episode 208: Cypress with Jordan Powell
Recording date: 10/13/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Jordan Powell @JordanPowell88 Brought to you by AG Grid IdeaBlade Resources: Jordan Powell’s website Cypress 10 Cypress Run tests in WebKit Cypress on Ep 3 of Web Rush TestCafe from DevExpress Playwright Testing Cleveland Midges Cypress web site Selenium vs Cypress End to End vs Unit Testing What is a unit test? What is an integration test? What is End to End Testing? The Practical Testing Pyramid, by Martin Fowler 42, Jackie Robinson The Hitchhiker’s Guide to the Universe and 42 Dave Farley’s YouTube Channel Dave Farley’s “Don’t Do E2E Testing!” Timejumps 01:27 Guest introduction 04:04 Would testing have helped with the Yankees? 07:31 Sponsor: Ag Grid 08:33 How does Cypress make it easy for developers to test? 12:46
Thu, October 27, 2022
Episode 207: Impact of DevRel and Content Creation with Kapehe
Recording date: October 6, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kapehe @kapehe_ok Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Kapehe’s blog Kapehe’s YouTube channel Sanity.io The Battle of House Promises vs House Observables with Kapehe What the heck is a developer advocate? Query Language for Sanity (GROQ) GROQ in 2 video series RXJS Timejumps 00:32 Topic introduction 01:04 Creating content 02:49 Guest introduction 05:49 What does developer relations mean to you? 07:18 Sponsor: Narwhal 07:50 How does Dev Rel go back to the Product team? 15:03 Where does video work best for dev rel? 19:34 Sponsor: Ag Grid 20:36 The difference between a presentation vs a workshop? 22:33 How does dev rel not become a shill for the company? 27:21 Dealing with criticism of dev rel knowledge 33:10 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, October 20, 2022
Episode 206: A Little Diddy About A Griddy With Tanner Linsley
Recording date: 09/29/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Tanner Linsley @TannerLinsley Brought to you by AG Grid IdeaBlade Resources: TanStack TanStack Table on github Tanner Linsley’s conference presentation 5 Years of Building React Table at React Summit 2022 Ag-Grid Nozzle Memoization in Javascript and React Timejumps 01:18 Guest introduction 02:59 What functionality does a data grid give you? 08:13 Sponsor: Ag Grid 09:17 What are people using grids for? 16:22 How do you differ from Ag Grid? 29:02 How do you decide which grid to use? 34:54 Do you work with other libraries besides React? 36:27 Virtualization 39:42 Sponsor: IdeaBlade 40:34 Why would you want to use headless? 42:52 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, October 13, 2022
Episode 205: Leadership with Matt Netkow
Recording date: 09/22/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Matt Netkow @DotNetkow Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Matt's upcoming book What are soft skills? Todd Anglin on Twitter 10 Business Leaders who Overcame Dyslexia Toastmasters The Great Love of All Timejumps Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, October 06, 2022
Episode 204: Wolves, Cats, and Dogs...and The Google Cloud Platform
Recording date: 9/15/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Katerina Skroumpelou on Twitter https://twitter.com/psybercity Brought to you by AG Grid IdeaBlade Resources: Katerina Skroumpelou’s website Google Maps with Katerina Skroumpelou Firebase with Katerina Skroumpelou Nx and Lerna Angular docs Web Sockets API Heroku Push Notifications API Web Push Notifications Firebase Firebase projects vs apps Firestore data Google Cloud Functions Google Cloud Functions for Firebase Google Cloud Platform Console Firebase authentication Firebase pricing Foster Kitten Mama Outpost Wolf commercial Colorado Wolf and Wildlife Center CavaPoo dogs Timejumps 00:49 Topic introduction 02:03 Guest introduction 05:57 What drew you to Google Cloud? 07:45 Sponsor: Ag Grid 08:46 What was the app you created for a friend? <
Thu, September 29, 2022
Episode 203: The Return of the Man from Vest with Evyatar Alush
Recording date: 09/08/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Evyatar Alush @evyataral Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Episode 188: Wearing a Vest is In Style, with Evyatar Alush Toastr Form Validation Done Right, by Ward Bell at ngConf 2022 Angular AsyncValidator Vest on GitHub Squiggly Be Gone ! New feature in VS Code Peacock Vest.js Vest news, from InfoQ Vest and Svelte Vest and React Emoji Picker React Evyatar Alush on GitHub VS Code Peacock extension NxConf Don't be scared to put yourself out there React Context Propagation in JavaScript Timejumps 00:44 Be our vest 01:47 Guest introduction 02:09 What is the Vest framework? 04:21 What is unique about Vest? 10:29 Sponsor: Narwhal 11:08 What are some issu
Thu, September 22, 2022
Episode 202: The Victories And Utter Failures Of Choosing Open Source Software
Recording date: August 25, 2022 John Papa @John_Papa Ward Bell @WardBell Craig Shoemaker @craigshoemaker Brought to you by AG Grid IdeaBlade Resources: Npm Jshint Morgan js Bunyan js Pino js AG Grid Leftpad Sugar.js Pair programming Hal replacing a light bulb (malcolm in the middle) Yak shaving defined Yak Shaving: A Short Lesson on Staying Focused Timejumps 00:53 How we choose open souce projects 06:42 Using loggers as an example 07:23 Sponsor: Ag Grid 08:29 Testing for if a library is current 10:53 When do you decide to go look elsewhere? 18:42 How do you fix your mistakes? 31:17 Sponsor: IdeaBlade 32:23 When you're stuck in a ditch 35:48 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, September 15, 2022
Episode 201: Web Framework Field Guide with Corbin Crutchley
Recording date: Aug 18, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Corbin Crutchley @Crutchcorn Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Book Woody Allen Fairchild Channel F Atari 2600 Pong Night Driver CRT React Vue Angular React Router Reactive Programming JavaScript Proxies SSG What does proxy mean in Vue 3? Reactivity in Vue React Reconsiller Svelte Marko Solid.js Qwik Tailwind WindiCSS React Native Styled Components Pinia Vuex Ref vs Reactive in Vue 3 composition API <a href=
Thu, September 08, 2022
Episode 200: Svelte Apps in Production and HuggingFace
Recording date: Aug 11, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ron Au @Ronvoluted Brought to you by AG Grid IdeaBlade Resources: Ron Au on the web Ron Au upcoming talk on scrollytelling with Svelte Huggingface Svelte Svelte Kit Sapper and Svelte Web Hydration What is Hydration in SvelteKit Svelte Repl Elder JS on episode 158 of Web Rush ElderJS Qwik on the Web Rush podcast Qwik framework Should you use Svelte in production? Rich Harris on frameworks organising your mind, not code John Papa’s Shop at Home Precursor to Svelte, Ractive.js Hugging Face and Svelte What is social Engineering? Web Animations API Svelte transitions Rich Harris on Web Rush on Single and Multi page applications - episode 153 What is a a CMS The Browser Wars
Thu, September 01, 2022
Episode 199: Learning from Our Mistakes
Recording date: 08/03/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Why you should hire a database administrator DCOM VB6 ASP.NET WebForms Timejumps 00:29 Kicking off the topic right 01:56 Being afraid to look bad 04:00 Enrollment system mistake 09:16 Sponsor: Nrwl 09:38 Wire transfer security mistake 14:18 Production deploy mistake 21:50 Sponsor: Ag Grid 22:47 Sharepoint deployment mistake 28:32 Credit card company mistake Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, August 25, 2022
Episode 198: Angular v14 and Beyond
Recording date: July 28, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Minko Gechev @mgechev Brought to you by AG Grid IdeaBlade Resources: Minko Gechev on GitHub Tools for Faster Applications Quicklinks Angular Prefetching Preloading Strategy Angular 14 release article Angular CLI NextJS framework Svelte Kit framework Google Developer Tools Stack Trace Standalone components in Angular ng update Less Angular Could be More Angular - video from John at ngConf 2021 Rx Js Next.js image component ng-conf 2022 Dependency injection in Angular Injection Function in Angular 14 Axios HttpClient in Angular Angular on Twitter Vite.js Evan You on Twitter Timejumps 00:39 Ward's buzz 02:35 Guest introduction 06:09 Sponsor: Ag Grid 07:04 Who is Angular for in 2022? 17:13 Does Angular 14 address the complexity? 20:24 What makes components d
Thu, August 18, 2022
Episode 197: Women in Tech with Gen Ashley
Recording date: July 22, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Gen Ashley @CoderInHeels Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Gen is the Founder of TECH(K)NOW Day Modern Frontends Live! Google Women Techmakers Svelte Sirens Meetup.com SvelteJS NASA Space Apps Challenge London Twitter Community Ada’s List Coed:Code OpenTechSchool London TensorFlow JS Jessica Alba: Marvel Is ‘Still Quite Caucasian’ Despite ‘Business Initiative’ of Racial Diversity Timejumps 00:49 Coming late to a project 02:49 Guest introduction 06:11 What got you interested in supporting women in tech? 10:37 What is Coed:Code? 11:35 Sponsor: Nrwl 12:06 Using Meetup.com to organize 14:41 What progress are you seeing? What impediments? 18:42 What can we do to be more inclusive? 27:49 Sponsor: Ag Grid 28:46 How can we encourage more women to be speakers at conferences? 33:35 Final thoughts Podcast editing on this episode done by Chris Enns of L
Thu, August 11, 2022
Episode 196: Developer Experience and Tools with Brian Holt
Recording date: 7/14/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brian Holt @Holtbt Brought to you by AG Grid IdeaBlade Resources: Stripe API Documentation Payment Gateway Stripe Shell Brian Holt classes on Front End Masters Figma Rust programming language Go programming language Stripe Multi-Language Documentation/Examples Payment Methods API What does a software Product Manager Do? Azure App Service Sarah Drasner Azure Developer CLI Brian Holt’s AZ EZ Frontend Masters Timejumps 00:59 Guest introduction 02:11 What is it about developer tools that you enjoy? 05:19 What problems are you seeing day to day at Stripe? 08:24 Sponsor: Ag Grid 09:31 How much of developer tooling do you connect with? 12:44 Convention over configuration? 14:35 What's the hardest part to get right? 18:40 How do you know what users really want? 22:35 Sponsor: IdeaBlade 23:28 What's been your journey to PM role? 32:03 In what ways did being an engineer help you as a PM? 37:31 Final thoughts Podcast editing on this episode done b
Thu, August 04, 2022
Episode 195: More Qwik with Misko Hevery!
Recording date: 07/07/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Miski Hevery @MHevery Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Misko Hevery Qwik Preload Prefetching Lazy vs eager loading Qwik API documentation Microfront ends Qwik Playground Qwik City Qwik Tutorials Qwik Examples Timejumps 00:40 Guest introduction 01:29 Why create another framework? 03:05 What is Qwik? 09:07 Sponsor: Nrwl 09:43 Lazy loading issues 12:47 How should app developers think about these issues? 18:44 Does Qwik take care of implementation details? 22:31 Sponsor: Ag Grid 23:33 Who is the target for Qwik? 29:27 What is Qwik City? 30:32 What's Qwik's developer experience? 33:56 What is Qwikify React? 37:22 How should someone check out Qwik? Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, July 28, 2022
Episode 194: Building apps for Teams with Waldek Mastykarz
Recording date: 06/30/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Waldek Mastykarz @Waldekm Brought to you by AG Grid IdeaBlade Resources: Waldek Mastykarz blog Microsoft Teams Teams Toolkit VS Code extension GitHub app for Teams Include a SaaS offer with your Teams app Build apps for Microsoft Teams (Docs) Design your tab for Microsoft Teams Teams Message Extensions Designing your Microsoft Teams meeting extension Create a bot Ngrok Bots in Microsoft Teams Microsoft Graph The Back of a Napkin Teams-angular Timejumps 01:13 Guest introduction 02:51 Why did you start building apps for Teams? 04:40 What benefit is there to use Teams? 06:44 Can apps leverage the Teams infrastructure? 08:26
Thu, July 21, 2022
Episode 193: Localizing Docs with Aristeidis Bampakos
Recording date: 06/23/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Aristeidis Bampakos @Abampakos Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Becoming A Tech Author During The Pandemic with Aristeidis Bampakos Localizing Angular Localize docs Fencing World Championships Localization vs Internationalization Angular docs in Greek language Greek Angular Docs repository George Kalpakas on Twitter Timejumps 00:20 Welcome 02:20 Guest introduction 03:38 Topic introduction 07:01 Sponsor: Nrwl 07:37 Learning Angular in different languages 11:12 How do you deal with images? 12:01 What about using Google Translate? 14:48 Does crowd sourcing work? 19:06 Sponsor: Ag Grid 20:06 Angular is a global team 23:11 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, July 14, 2022
Episode 192: Nx and Lerna with Katerina Skroumpelou
Recording date: Jun 16, 2022 John Papa @John_Papa Dan Wahlin @DanWahlin Katerina Skroumpelou on @psybercity Brought to you by AG Grid IdeaBlade Resources: Integrating Nx and Lerna Nx is taking stewardship of Lerna.js Google Maps with Katerina on Web Rush episode 138 Nx open source tool for monorepos and builds Lerna Monorepo tools Visit Greece What’s a monolith? What is CI? Symbolic Links Updating Angular with ng update Welcome to Nx workspaces video Nx Docs Nx and React Nx and TypeScript Nx and Angular Storybook and Nx Obi Wan Kenobi on Disney+ Solar output and high heat Victor’s monorepo blog post Background story: Nrwl stewardship announcement: 1st Nrwl blog post about Lerna: <a href="https://blog.nrwl.io/lerna-used
Thu, July 07, 2022
Episode 191: First Impressions of Angular 14
Recording date: Jun 9, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: The Standalone Components RFC Nethan Basal on new inject function in Ng v14 Angular 14 release article Angular docs Standalone components in Angular Example repo with vue, react, angular, svelte to compare techniques Using a child component in Vue with options API Using a child component in Vue with composition API Video of Accessibility in Angular Angular Diagnostics blog post Angular Jumpstart Repo ng update Timejumps 01:39 Topic introduction 02:41 What is Angular 14? 08:43 Sponsor: Nrwl 09:19 How has moving to a module-less world changed? 13:44 What about in React, Svelte, or Vue? 19:28 What changes if you're using ng modules? 22:57 Sponsor: Ag Grid 24:00 Smaller improvements in Angular 14 26:41 What are tree shakable error messages? 30:15 How do you like bananas in a box in Angula
Thu, June 30, 2022
Episode 190: Building Apps with Capacitor, React Native or Flutter with Thomas Vidas
Recording date: June 2, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Thomas Vidas @ThomasVidas Brought to you by AG Grid IdeaBlade Resources: What is a cross functional team Capacitor JS React Native Flutter Flutter vs Ionic for cross platform development Hybrid Apps comparing react native, ionic and flutter Who is going to Support your Next Mobile App Project? Hint: Not React Native or Flutter Flutter vs Capacitor Dart language Custom native Android code with Capacitor Custom native iOS code with Capacitor Push notifications for Capacitor Cordova s Capacitor Web Rush Podcast episode 103 - Building Web Apps with Capacitor ngConf Timejumps 00:52 Ward's belt phone 03:26 Guest introduction 05:58 What is capacitor? 07:14 Mobile first or web first development 07:59 Sponsor: Ag Grid 08:59 How does Capacitor differentiate itself? 14:22 Does Capacitor give you access to the device? 18:19
Thu, June 23, 2022
Episode 189: Be a Lifelong Learner with Deborah Kurata
Recording date: 05/26/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Deborah Kurata @DeborahKurata Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Deborah Kurata blog Solving Common RxJS Scenarios in Angular with Deborah Kurata Angular Style Guide Stackblitz Deborah Kurata’s Pluralsight courses Deborah Kurata's RxJS playlist Timejumps 01:14 Guest introduction 04:01 Learning how to learn 07:26 Having a career crisis 09:57 Sponsor: Nrwl 10:34 What methods are there to be a lifelong learner? 17:24 Asking why is important 24:23 Sponsor: Ag Grid 25:26 How to approach learning something new on the job 33:03 How do we deal with learning fatigue? 40:18 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, June 16, 2022
Episode 188: Wearing a Vest is In Style, with Evyatar Alush
Recording date: Mar 19, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Evyatar Alush @evyataral Brought to you by AG Grid IdeaBlade Resources: Evyatar Alush on the Web Vest: Validation JavaScript Framework Vest on GitHub Jest Mocha Unit Testing HTML form element Your first HTML form Discord server AgnosticUI Timejumps 00:47 Dan's short story about shorts 02:34 Guest introduction 03:22 What is the Vest validations framework? 08:29 Sponsor: Ag Grid 09:30 What are some of the main features of Vest? 12:44 How would someone do an async validation? 15:14 How do you see the results? 19:14 What prompted you to build Vest? 20:48 Sponsor: IdeaBlade 21:56 How do you enforce conditional validations? 27:12 How would you use Vest in an asynchronous scenario? 30:07 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, June 09, 2022
Episode 187: Hey Siri, What's Up with jQuery? Part 2
Recording date: May 12, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: JQuery Difference between jquery and JavaScript jQuery Tips and Tricks Pluralsight course jQuery Getting Started Pet Rock John Resig jQuery on Twitter The Story of jQuery, the thread jQuery is Ta’Veren HTML5 HTML4 and 5 differences Document Object Model (DOM) Modernizr The Web Standards Project The History of the Web Browser John Resig on Twitter Zepto jQuery file sizes JavaScript Sizzle JQuery selectors Infragistics John Papa’s app written without any web frameworks Timejumps 01:03 Root canal vs jQuery
Thu, June 02, 2022
Episode 186: Hey Siri, What's Up with JQuery? Part 1
Recording date: May 12, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid IdeaBlade Resources: JQuery Difference between jquery and JavaScript jQuery Tips and Tricks Pluralsight course jQuery Getting Started Pet Rock John Resig jQuery on Twitter The Story of jQuery, the thread jQuery is Ta’Veren HTML5 HTML4 and 5 differences Document Object Model (DOM) Modernizr The Web Standards Project The History of the Web Browser John Resig on Twitter Zepto Jquery file sizes Timejumps 00:53 What do you think of jQuery these days? 02:57 What is jQuery? 06:44 What did jQuery do for you? 10:38 Sponsor: Ag Grid 11:42 What jQuery did for Craig 13:44 What was Modernizr? 18:01 Sponsor: IdeaBlade 19:03 Are we using jQuery today? 21:32 What's wrong with jQuery? Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, May 26, 2022
Episode 185: Speed Up Frontend Development With Maria Korneeva
Recording date: May 5, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Maria Korneeva @BrowserPerson Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Web Rush Episode 155: Building a Technology Radar with Maria Korneeva Maria’s blog on Medium Angular and Jest with Maria How to type faster What is CI/CD Jimp to resize images in gulp Husky Gulp Git Hooks Compress Images for the Web with GitHub Actions Sort Imports extension for VS Code What is a linter? What is a Web Framework Linters Four Design patterns in FrontEnd Web JavaScript Design Patterns The Gang of Four book - Design Patterns book Container-Presenter Pattern Jira
Thu, May 19, 2022
Episode 184: Why so hard? Upgrading Your Dependencies.
Recording date: April 28, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Resources: Angular Experience Podcast - S2E12 - Ward Bell on How to Fire Your Boss Auditing package dependencies for security vulnerabilities with npm audit Automated dependency updates built into GitHub dependabot Angular’s ng update CLI Jasmine tests Snyk Bulma Node-sass deprecated? DevOps and CI/CD with Jenkins AG-Grid Timejumps 01:18 Topic introduction 03:10 What does it mean to upgrade your dependancies? 06:48 Dealing with security issues 12:00 Getting error messages when updating 20:17 Sponsor: Ag Grid 21:19 Managing npm libraries you've created 27:26 Having a strategy 30:42 Should you build it yourself or use a third party version? 33:17 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, May 12, 2022
Episode 183: What Type of Safety Can You Get with TypeScript?
Recording date: April 21, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Maarten Tibau @maartentibau Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: TypeScript Type Safety Type-Safe TypeScript TypeScript support in VS Code TypeScript: The Good, The Bad, and the Type-Safe Achieving Type Safety with TypeScript Tim Deschryver on Twitter / blog Why Ernest Hemingway scissors are so expensive TypeScript "Everyday Types" TypeScript config file Tsconfig Ravioli Code in TypeScript Types vs Interfaces in TypeScript Wurkin Stiffs - magnetic collar stays Time Zone Converter Timejumps 02:29 Guest introduction 03:58 What is Type Safety? 06:21 What is the value of TypeScript?</li
Thu, May 05, 2022
Episode 182: GitHub Actions with Lars Gyrup Brink Nielsen
Recording date: 04/14/2002 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Lars Gyrup Brink Nielsen @LayZeeDK Brought to you by AG Grid Ionic Resources: GitHub Actions Webhooks YAML GitHub Actions SDK Linux command line cheat sheet GitHub Marketplace GitHub Apps Azure Static Web Apps GitHub Self Hosted Runner GitHub Hosted runner AWS for GitHub Actions GitHub Actions for Google Cloud Lumberjack 4 ways we use GitHub Actions to build GitHub: Turn weekly team photos into GIFs and upload to README Actionsflow This is Learning’s automated Twitter feed using Actionsflow and GitHub actions GitOps What is GitOps Azure Kubernetes Service Docker OCI GitOps Operator <a href="https://argo-cd.
Thu, April 28, 2022
Episode 181: Stencil with Anthony Guiliano
Recording date: April 7, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Anthony Guiliano @A_Giuliano Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Web Rush episode 148 - Resuable Architecture and Stencil Stencil Web Components Adam Bradley , co-creator of Stencil and Ionic Stencil First Component (Docs) Lit web component project Vanilla JavaScript and Lit HTML Avoiding a Litany of Mistakes that Design Systems Fix Stencil FAQ Integrate StencilJS with Web Frameworks like Angular, React, Vue Storybook on Web Rush React Context Web Component Interoperability with Major Frameworks Using Stencil in Monorepos [Video version https://www.youtube.com/watch?v=p9NaM4_CdmQ Timejumps 02:59 Guest introduction 04:12 What is Stencil? 06:00 What makes Stencil different? 08:31 </s
Thu, April 21, 2022
Episode 180: Functional Web Apps with Simon MacDonald
Recording date: 3/31/2002 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Simon MacDonald @Macdonst Brought to you by AG Grid Ionic Resources: Functional Web Apps Server Side Generation vs Incremental Static Generation Begin Architect Web Components YAGNI Timejumps 00:53 Guest introduction 02:05 What are fuctional web apps? 03:29 Why do we need functional web apps? 07:22 Sponsor: Ag Grid 08:25 Do we still need static assets or HTML? 14:05 What's the process to build a form based application? 18:21 It's still faster than pregenerating the data? 20:00 What affects cold starts in JavaScript environments? 22:29 Sponsor: Ionic 23:08 How is this different from microservices? 28:48 Is this more like micro apps than micro services? 30:18 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, April 14, 2022
Episode 179: Visual Testing with Ramona Schwering
Recording date: Thursday, March 24 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ramona Schwering @leichteckig Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Ramona’s website Article over Testing Pipelines for Frontend developers Testing trophy Cypress testing shopware AG Dan Wahlin on End to End Testing with Cypress.io Spot the Difference What is visual testing Test Cafe Visual testing with Storybook Once Upon a Storybook - Web Rush 110 Visual testing with Percy Playwright testing AppliTools for visual testing Testing Pyramid Jiminy Cricket Toastr JavaScript library Run Disney Timejumps 00:34 Hiking and puppies 03:05 Guest introduction 05:45 When do I want to
Thu, April 07, 2022
Episode 178: Tailwind CSS with Shawn Wildermuth
Recording date: 03/17/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Shawn Wildermuth @ShawnWildermuth Brought to you by AG Grid Ionic Resources: Tailwind CSS Shawn’s Hello World film Shawn’s blog The pros and cons of using TailWind CSS Bulma Bootstrap CSS values and units FlexBox CSS jQuery Dan’s course on jQuery at Pluralsight UnCSS PostCSS TailWind CSS on GitHub SASS Using pre-processors with TailWindCSS Shawn’s Coding Short on Tailwind Docker ignore files Timejumps 00:50 Diving in to Tailwind 01:35 Guest introduction 03:44 What is Tailwind? 06:04 When does Tailwind work best? 10:32 Sponsor: Ionic 11:07 Tailwind classes and components 17:04 What is flex? 17:41 Pruning your CSS 27:56 Sponsor: Ag Grid 29:00 H
Thu, March 31, 2022
Episode 177: OSS Sustainability and NPM Module Ecosystem with Matteo Collina
Recording date: March 17, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Matteo @MatteoCollina Brought to you by Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. AG Grid Resources: Newsletter Web Rush episode with Matteo and Fastify Web Rush episode with Matteo with Node.js Optimization and Performance Fastify Fastify from 600k in Aug 2020 to 1.6m in Feb 2022 CityJS London OpenJS Matteo speaking at the OpenJS World keynote npm Node.js Moving Fastify to Azure Pipelines with Matteo Collina and Damian Brady Fastify ecosystem Fastify on InfoQ Fastify and Validation of Data Article on "Forget Express" Fastify Hooks Routing in Fastify Pino logger in GitHub Express Contributors Fastify to Express Fastify Workflows <a h
Thu, March 24, 2022
Episode 176: Micro Front Ends with Josh Thomas
Recording date: March 10, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Josh Thomas @Jthoms1 Brought to you by AG Grid Ionic Resources: The World According to Jeff Goldblum, “Sneakers” Greenfield applications Brownfield applications Micro Front Ends with Natalia Venditto on Web Rush episode 113 Micro Front End Architecture Ionic Framework Module Federation More on module federation with micro front ends Turning Red Ionic Portals Micro Frontends for Mobile Timejumps 02:06 Guest introduction 04:05 What is Micro Front Ends? 04:37 Why is it simpler? 06:25 What challenge or issue is this solving? 07:30 Is it a good option for existing projects or for new apps? 08:28 Sponsor: Ionic 09:00 What is greenfield vs brownfield? 11:57 What do you pass to micro front ends? 15:15 How do you decide when to break something apart? 16:48 What are some of the difficulties in doing this? 17:54 Sponsor: Ag Grid 18:53 How does this apply in the mobile web? <
Thu, March 17, 2022
Episode 175: Skulpt with Meredydd Luff
Recording date: 03/03/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Meredydd Luff https://twitter.com/meredydd Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Anvil Skulpt Skulpt on GitHub Web Assembly Brython Transcrypt Pyodide Abstract Syntax Tree (AST) Symbolic Execution Timejumps 01:22 Guest introduction 01:57 Catch us up on Anvil and Skulpt 04:13 How do you avoid HTML & CSS? 06:12 Sponsor: Ag Grid 07:22 What is Skulpt? 10:59 Does Skulpt have source maps? 18:50 Running Python in the browser 25:32 Insulating you from other languages 29:52 Sponsor: Narwhal 30:29 The story behind putting this all together 40:15 Could it be a way to learn how to program? 44:56 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, March 10, 2022
Episode 174: Where Should You Go for Authentic Tech Advice?
Recording date: Feb 24, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Ionic Resources: Icky Woods and the Icky Shuffle How to sharpen knives ReactJS Redux React context Recoil Jotai vs. Recoil Svelte store Svelte MobX Knives Out 2 Continuum definition Shop at Home Repo Svelte stores Timejumps 02:35 Where do you go to learn about new technologies? 09:12 Sponsor: Ag Grid 10:13 What method do you use to find good educational content? 16:48 Jotai vs. Recoil 22:35 Sponsor: Ionic 23:12 What should a beginner look for? 27:26 John's repo using front end libraries 31:39 Writing docs for new technology 33:57 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, March 03, 2022
Episode 173: Getting the Best out of TypeScript with Maina Wyclyffe
Recording date: Feb 17, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Maina Wyclyffe @mwycliffe_dev Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Yes, Bradley Cooper does voice Rocket AngularJS Angular TypeScript Nairobi, Kenya Basic types in TypeScript Non-null assertion operator in Typescript Union types in Typescript Enums in Typescript Kevin Chisholm Creating types from types in TypeScript Utility types in Typescript Type Assertions in TypeScript - why not? Timejumps 01:03 Ward's haircut 02:06 Guest introduction 03:40 What made you want to use TypeScript? 05:51 How do you decide when to use TypeScript? 09:08 Sponsor: Ag Grid 10:07 How do you deal with null in TypeScript? 14:37 Are TypeScript enums are bad? 20:12 What are your pet peeves in TypeScript? 21:36 Sponsor
Thu, February 24, 2022
Episode 172: Becoming A Tech Author During The Pandemic with Aristeidis Bampakos
Recording date: 2022-02-10 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Aristeidis Bampakos @abampakos Brought to you by AG Grid Ionic Resources: Aristeidis on Medium Learning Angular (book) Google Developer Expert Angular Projects Timejumps 01:48 Guest introduction 03:19 How did you get started in teaching Angular? 08:12 Sponsor: Ag Grid 09:16 How did you schedule writing about Angular? 11:52 How did you decide when to write a book? 14:52 Dan's intro to tech story 17:17 Craig's origin story 18:02 What lessons did you learn on your journey? 24:14 Any tips for people procrastinating? 25:23 Sponsor: Ionic 26:02 Craig's tips for dealing with procrastination 31:34 What are your motivations for writing? 33:21 What was the process for a second book? 36:03 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, February 17, 2022
Episode 171: Stop worrying about JavaScript frameworks with Sasha Shynkevich
Recording date: 2/3/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Sasha Shynkevich @neesoglasnaja Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: AngularJS React Vue Svelte How to Stop Choosing JavaScript Frameworks and Start Living Recording Slides The Front-End Operations Engineer Intro to Frontend Ops TodoMVC RealWorld Camparison Redux Choosing Your JavaScript Framework - video of John Papa from dotJS Web Rush podcast episode 42 - Choosing Your JavaScript Framework State of JavaScript Booksellers Documentary Timejumps 01:25 Guest introduction 02:20 How did you get into this topic? 06:45 Sponsor: Narwhal Nx 07:17 Who are the people who don't know what to do? 11:24 How do you help people pick technologies? 19:41 What is the state of Javascript? 22:32 Sponsor: Ag Grid 23:42 How do you know if a framework is a good one to run with? 26:06 How do you find community to learn? 28:36 Final thoughts
Thu, February 10, 2022
Episode 170: Building a Web App with SvelteKit with Domenik Reitzner
Recording date: Jan 27, 2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Domenik Reitzner @ReitznerDomenik Brought to you by AG Grid Ionic Resources: Web Rush episode 83 - Online Store with Svelte with Domenik Reitzner SvelteKit TypeScript Gitlab Azure Static Web Apps Transitional Apps Stores are awesome Writeable Store Svackages Timejumps 01:03 First name or Last name 02:41 Guest introduction 03:49 What problem were you trying to solve? 05:24 How did the store app end up working? 08:13 Sponsor: Ionic 08:53 What are the technologies used? 10:33 How did you design the app? 13:24 Does throwing more people on a project help? 14:12 Did Svelte help you meet your goal? 19:34 How much overhead does Typescript add? 20:53 Sponsor: Ag Grid 21:59 What went wrong with the project? 23:38 Did GitLab make it more efficient? 24:26 What role did Azure static web apps play? 28:16 What's in SvelteKit that helped? 32:00 How does routing work with SvelteKit? 42:46 How does SvelteKit manage Stores? Podcast editing on this episode done by <
Thu, February 03, 2022
Episode 169: Vue and all Things JavaScript/TypeScript with Shawn Wildermuth
Recording date: 1/20/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Shawn Wildermuth @ShawnWildermuth Brought to you by AG Grid IdeaBlade Resources: Hello World Film A View to a Kill A View to a Skill Introduction to Vite: A Better Vue CLI? jQuery SPA Single Page Application (SPA) Angular React Vue Vue Options API Vue Composition API and Options API Vuetify Humanitarian Toolbox Vue 3 Composition API: Ref vs Reactive Refs Reactive Shawn on YouTube Shawn’s newest film project Shawns’ Film Site Timejumps 02:37 Guest introduction 05:16 What's up with Vue? 07:11 What's a SPA? 11:05 Sponsor: Ag Grid 12:09 What's the options API? 16:12 Does the composition API make it difficult to get into Vue? 19:23 What's the Humanitarian Toolbox? 25:27 Sponsor: IdeaBlade 26:25 Composition API 2
Thu, January 27, 2022
Episode 168: Create web apps using Firebase with Ankit Sharma
Recording date: 01/13/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ankit Sharma @AnkitSharma_007 Brought to you by AG Grid Ionic Resources: Ankit Sharma - blog Ankit Sharma - GitHub Ankit Sharma - LinkedIn Exploding Kittens Firebase Angular What is Backend as a Service Google Cloud Platform Svelte Realtime app with Firebase Build a ToDo app with React and Firebase Choosing an auth provider service Firebase authentication Firebase security rules Azure Managed Databases Google Analytics for Firebase Database Concurrency Atomic Habits Build a Full Stack Web Application Using Firebase Josh Duffney Ng-Rx Data <a href="https://github.com/AnkitSharma-007/angular-firebase-t
Thu, January 20, 2022
Episode 167: Anvil with Meredydd Luff
Recording date: 01/06/2022 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Meredydd Luff @Meredydd Brought to you by AG Grid IdeaBlade Resources: Anvil QBasic Python Phoenix framework Remix.run 6 Ways to Run Python in the Web Browser Skulpt Brython Pyodide CodeCombat Timejumps 01:11 Guest introduction 01:59 How did you get started with Anvil? 09:28 Sponsor: Ag Grid 10:34 What's the elevator pitch for Anvil? 12:32 Am I writing logic in multiple places? 18:29 Are you implementing another framework or what's happening? 23:46 Can I use just Python in a project? 25:42 What do you think of Blazer? 29:33 Sponsor: IdeaBlade 30:38 How does Python work in the browser? 32:55 Options for running Python in the browser 38:52 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, January 13, 2022
Episode 166: Creating Your First GitHub Contributions with Santosh Yadav
Recording date: Dec 30, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Santosh Yadav @SantoshYadavDev Brought to you by AG Grid Ionic Resources: GitHub Stars program InDepthDev NgRx Open Learning Initiative RxJs Course NgRx Course YouTube Channel This Is Tech Talks How to make your first pull request on GitHub Create your first pull request GitHub docs - creating a pull request Google Summer of Code (GSoC) program Angular Google GDE’s Minesweeper Git version control system GitHub Visual Studio Code Git cheat sheet Desktop for github Breeze repo on GitHub Fork a repo Setup Git (GitHub docs) <a href="https://docs.github.com/en/re
Thu, January 06, 2022
Episode 165: Setting up Enterprise Frontend for Success
Recording date: Dec 16, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Alex Okrushko @alexokrushko Brought to you by AG Grid IdeaBlade Resources: Guide to Monorepos for Front End Code Feature flags make development faster and safer Trunk-based development Building with FeatureFlags The 7 D’s of Development video Conniption definition (: a fit of rage, hysteria, or alarm) TypeScript style guide TypeScript style guide Code Review guidelines Pull Request Guidelines ESLint Prettier Brian Holt on Web Rush: Scaling React: Episode 1 Brian Holt on Twitter FrontEnd Testing best practices Daily Release schedules Firebase Timejumps 00:56 Guest introduction 03:18 What's the benefit to setting apps up for front end success? 08:31 Team communication 09:39 Sponsor: Ag Grid 10:43 Don't silo your teams 13:21 Why do I need monorepos? 16:49 Why is feature flagging important? 19:17 How do you start creati
Thu, December 16, 2021
Episode 164: Rising, Stumbling and Getting Up Again: Life as a Tech Manager
Recording date: Dec 9, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Andre Young @Dreyoung79 Brought to you by AG Grid IdeaBlade Resources: Andre Young on Web Rush - Old man yells at tests Sneaker Net Floppy disks Leaders need different skills to thrive in tech Resilient Management book by Lara Hogan The Managers Path book by Camille Fournier Measure What Matters book Workboard and OKRs How to run effective meetings Run effective meetings - Slack Run effective meetings - NY Times Timejumps 01:28 Guest introduction 04:27 Becoming a manager in tech 06:52 Sponsor: Ag Grid 07:57 What's the advantages of being a tech manager? 08:51 Why be a people manager? 12:06 How do you prepare for management? 13:23 Any resources that worked for you? 17:13 Sponsor: IdeaBlade 18:09 How do people skills factor into management? 22:21 How would someone be ready for a leadership role? 27:29 How do you communicate with your team vs supervisors? 32:50 How do you make sure everyone's contributing to the same goal? 36:06 Final thoughts Podcast
Thu, December 09, 2021
Episode 163: Theme Park Technology
Recording date: Nov 19, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid IdeaBlade Resources: Portion of the world with disabilities Aria Semantic HTML Building Websites with HTML, CSS, and JavaScript: Getting Started HTML5 Fundamentals Disney World Web Site Rise of the Resistance Geofencing Disney World mobile app Caniuse.com Disney World photopass Harry Potter’s Forbidden Journey Universal Orlando Geolocation API Mobile ordering at Be Our Guest Timejumps 00:37 Topic introduction 01:55 Technology is everywhere at theme parks 03:30 E Tickets 04:38 What system has the biggest influence on your experience? 06:55 Have you ever seen a purple light? 07:42 Sponsor: Ag Grid 08:44 The Magic bands 12:29 It all starts on the web site <
Thu, December 02, 2021
Episode 162: Life outside code with Mark Thompson
Recording date: Nov 18, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Mark Thompson @MarkTechson Brought to you by AG Grid Ionic Resources: Crafting Bespoke PWA experiences with Angular by Mark Thompson ngConf IBM PS1 BASIC The Byrds - Turn! Turn! Turn! Sarah Drasner Engineering Management for the Rest of Us - book by Sarah Drasner Flutter IntelliJ Timejumps 00:49 Ward's bellydancing tryout 02:49 Guest introduction 04:48 What was your talk about at Ngconf? 07:29 The relationship between hobby and money 09:21 Sponsor: Ionic 10:06 What does life outside of code mean to you? 17:18 Are these seasons in our lives? 28:44 Sponsor: Ag Grid 29:51 People are different - what does life outside of code mean now? Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, November 25, 2021
Episode 161: Searching for a Job with Laurie Barth
Recording date: Nov 11, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Laurie Barth @LaurieOnTech Brought to you by AG Grid IdeaBlade Resources: Taco Bell Baskins Robbins Laurie Barth’s blog Web Rush Episode 104: Just what the Doc-ter ordered with Laurie Barth Web Rush Episode 76: Readable JavaScript React coding interview CSS Selector alternate table row color Laurie Barth tech interviews blog post Musk on open ended questions that reveal what you actually know Musk on Education Doesn’t Matter “I ‘don’t care if you even graduated high school” Cypress IO React.js Timejumps 01:27 Our first jobs 03:27 Guest introduction 06:32 What is it like to search for a job? 08:16 Sponsor: Ag Grid 09:21 Is it a good idea to look around at job options? 13:39 Everyone makes mistakes 17:17 Elon Musks interview process 21:47 Are open ended questions good to ask in interviews? 26:18 It really depends on where in your career you are 30:31 How do you know when to say you don't know? 32:39 Sponsor: IdeaBlade 33:37 </
Thu, November 18, 2021
Episode 160: FullerStack with Val Neekman
Recording date: 11/04/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Val Neekman @Vneekman Brought to you by AG Grid Ionic Resources: FullerStack on GitHub NestJS GraphQL Apollo GraphQL Cognitive Services Play it Forward Timejumps 00:54 Guest introduction 01:56 What is FullerStack? 07:19 Sponsor: Ionic 08:04 Are you doing end to end data management? 10:50 How does the app detect changes? 12:28 Do you have patterns for building components? 17:52 Who is the target audience for FullerStack? 22:13 What is dark mode? 23:05 What is the SEO story for FullerStack? 33:12 Sponsor: Ag Grid 34:22 What else is like FullerStack? 38:13 What applications can you point to that have used FullerStack? 40:20 Can developers change some settings? 41:35 How do you hope to support FullerStack? 42:36 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, November 11, 2021
Episode 159: Do Mobile Web with Your Preferred Web Stack with Max Lynch
Recording date: Oct 21, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Max Lynch @MaxLynch Brought to you by AG Grid IdeaBlade Resources: Ted Lasso TV show Bantr mobile app on Ted Lasso Ionic Framework Why is Android more popular globally, while iOS rules the US? Angular React Vue Svelte Capacitor PWA Tailwind CSS Microsoft and Google Collaborate on Angular 2 Framework TypeScript Language TypeScript Serverless Computing DevOps Ionic CLI Capacitor CLI Web Assembly SQL Lite Indexed DB Jquery mobile See Timejumps 01:15 Guest introduction 04:26 How would you build Ted Lasso's Bantr 07:31 Is Android easier to develop for? 08:44 Sponsor: Ag Grid 09:42 What tools and options are there to start with Ionic? 15:23</a
Thu, November 04, 2021
Episode 158: Svelte and Elder.js with Nick Reese
Recording date: Oct 15, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Nick Reese @NickReese Brought to you by AG Grid Ionic Resources: Elder.js Guide Elder.js on github Find Energy I slept at a Holiday Inn Express last night Gatsby Wordpress Client-side hydration in Vue Hydration in Gatsby Andorra Chemical Guys car wash kits Timejumps 01:54 Guest introduction 02:22 What is Elder.js and why? 08:14 Sponsor: Ag Grid 09:19 What are short codes in Svelte? 15:00 Where does Elder.js fit with Sveltekit? 17:35 What is hydration on a website? 21:14 Sponsor: Ionic 21:54 How do you figure out if your site is interactive enough for hydration? 30:13 How does someone get started with Elder.js? 38:52 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, October 28, 2021
Episode 157: Building StackBlitz with Eric Simmons
Recording date: 2021-10-07 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Eric Simmons @EricSimons40 Brought to you by AG Grid IdeaBlade Resources: Stackblitz Web Assembly Web Containers on Stackblitz StackBlitz Turbo Webpack Deno Bytecode Alliance Timejumps Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, October 21, 2021
Episode 156: Cloud DBs with Natalia Venditto
Recording date: 10/01/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Natalia Venditto @anfibiacreativa Brought to you by AG Grid Ionic Resources: MongoDB Cloud database ACID Database Principles Relational database Document-Model database SQL (Structured Query Language) Referential integrity in databases Data localization PostgreSQL The Price of Peace Hemingway app Hemingway’s “Shortest story” contest Timejumps 01:43 Guest introduction 03:36 How do you think about databases in 2021? 09:27 Sponsor: Ag Grid 10:30 How do you break out various databases and when to use them? 17:41 Databases in the cloud 20:26 Stories of successful database decisions 25:03 Sponsor: Ionic 25:48 What kinds of issues did you have? 28:51 Do we evolve past data schemas? 36:01 What about relational integrity? 38:33 When should I choose to go with MongoDB? 41:16 Final thoughts Podcast editing on this episode done by <a href="https://lemonproductions.ca/
Thu, October 14, 2021
Episode 155: Building a Technology Radar with Maria Korneeva
Recording date: 9/21/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Maria Korneeva @BrowserPerson Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Front End Technology Radar Learning through metaphors JSON server ES Lint RxJs Dunning-Kruger Effect Timejumps 01:21 Guest introduction 01:59 What metaphors do you use to explain development? 05:13 Sponsor: Narwhal 05:47 What is a front end strategy? 09:10 How do you evaluate new technologies? 16:50 Is a front end strategy a formal thing? 22:36 Sponsor: Ag Grid 23:38 What is your technology radar? 33:54 How much does competency play a factor? 37:54 Final Thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, October 07, 2021
Episode 154: Theming and Accessibility with Angular Components with Emma Twersky
Recording date: Sep 16, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Emma Twersky @Twerske Brought to you by AG Grid Ionic Resources: Angular.js in 60-ish minutes by Dan Wahlin Angular Angular CDK 37 JavaScript Carousels Reasons why Carousels may not be accessible Lighthouse Core Web Vitals Localizing Angular Billy Eilish on Disney+ Understanding the Four Principles of Accessibility Otter AI Riverside.fm for recording Descript Aria in HTML for Accessibility Timejumps 01:39 Angular (ish) 02:46 Guest introduction 04:03 What is Angular? 05:34 What is the CDK? 06:20 Why anti-carousel? 10:13 Sponsor: Ionic 10:52 The importance of theming and components 13:26 What's the biggest struggle with accessibility? 16:54 What are core web vitals? 21:24 How do you de
Thu, September 30, 2021
Episode 153: Single Page Application vs Multi Page Application with Rich Harris
Recording date: Sep 14, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Rich Harris @Rich_Harris Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Single-page application vs. multiple-page application More on MPA vs SPA SvelteKit What is a SPA (Single Page App) Rendering on the Web SPA SEO Pitfalls to Know Before you Build your App Server rendering and Nuxt and Vue Server rendering and Next and React Vercel Canvas Charting Netlify Azure Static Web Apps Rich Harris on Twitter discussing MPA and SPA Qwik on GitHub First Look at Qwik Web Rush 0144 - Qwik with Misko Hevery What is a CDN (Content Delivery Network) What is Edge computing? CloudFlare workers Timejumps 0
Thu, September 23, 2021
Episode 152: Creating a Successful Front-End Onboarding Plan with Dana Yudelevich
Recording date: Sep 9, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Dana Yudelevich @dana_yudelevich Brought to you by AG Grid Ionic Resources: Fiverr Karate black belt The Art of ETA video Dashlane Storybook Storybook inception : Web Rush 115 Once Upon a Storybook: Web Rush 110 React Chromatic CSS Style Guide Examples Notion Grafana Sentry app monitoring Shang-Chi Marvel “What If...” Natan Levy on instagram Vest Timejumps 01:09 Weather updates 03:36 Guest introduction 05:11 Why is onboarding important? 08:42 Sponsor: Ionic 09:18 Setting people up for success 11:46 What are some of the hangups with onboarding? 13:48 Is there a guide to how to start onboarding? 23:27 Sponsor: Ag Grid 24:32 What is Notion? 27:24 How to help people feel a part of the team? <
Thu, September 16, 2021
Episode 151: Engineering Technology from Idea to Release
Recording date: Sep 2, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Mitali Karmarkar @KarmarkarMitali Brought to you by AG Grid IdeaBlade Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Azure Static Web Apps Jamstack Azure App Service Azure Functions Internships at Microsoft Azure control plane and data plane Static Web Apps Configuration Learn - tutorial - Authenticate users with Azure Static Web Apps Bring Your Own Auth in Azure Static Web Apps Works on my machine tshirt Timejumps 03:23 Topic and guest introduction 05:00 What is a static web app? 09:09 Sponsor: Ag Grid 10:16 Whatt was the first line of code that was written? 13:14 What's a control plane and a data plane? 15:04 What are some challenges you fa
Thu, September 09, 2021
Episode 150: Svelte Tools and Svelte Society
Recording date: 8/24/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kevin Åberg Kultalahti @Kevmodrome Brought to you by AG Grid Ionic Resources: Svelte Society on Twitter Svelte Society web site Svelte Radio podcast Svelte DevTools for Chrome Svelte Discord Svelte for VS Code Discord’s Stage Channels Svelte Summit event SvelteKit for Svelte SvelteKit migration guide Vite docs From Snowpack to Vite Budibase Svelte REPL with hello world Svelte Writable Stores Cypress Playwright Jest UVU Svelte Society Svelte-Knobby Snakes on a Plane ShopAtHome ShopAtHome demo in Svelte Sho
Thu, September 02, 2021
Episode 149: Real Time Systems in the Real World with AG Grid
Recording date: 08/17/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Han Dong @Promisedotall Prerak Sanghvi @PrerakSanghvi Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Proof Trading Blog The Algorithmic Trading Platform Michael Lewis’ Flash Boys Fidelity Investments Proof Trading Mainframe Computer Web Socket API SSE - “Server-side Events” Redis AG Grid Web Workers Query by Example Perspective grid from FinOS Noun Project Timejumps 01:18 Guest introduction 01:54 Flashboys 07:42 Storytelling tools for financial products 12:29 Sponsor: Narwhal 13:11 How do you deliver real time events? 19:00 How does AI intersect with your tech stack? 21:57 How do you display and update the vast data? 25:07 Where is the data sorted? Client or server? 29:41
Thu, August 26, 2021
Episode 148: Reusable architecture/design systems with Max Lynch
Recording date: July 27, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Max Lynch @MaxLynch Brought to you by AG Grid Ionic Resources: Max Lynch Website NG Conf Manchester United Ted Lasso Ted lasso on Rotten Tomatoes AngularJS TypeScript Webpack Ionic Framework Angular What’s new in Ionic 4 Capacitor Gulp Grunt Sass Typescript What is AtScript? List of tools for Static Code Analysis Ionic Angular Routing Stencil Kebab Casing Snabb DOM Design Systems with Stencil.js Adam Bradley on Twitter Lit.dev from Google Euro 2020 <a href="https://techcrunch.com/2018/06/23/open-source-sus
Thu, August 19, 2021
Episode 147: Leading Technology Teams with Jem Young
Recording date: July 22, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Jem Young @JemYoung Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Front End Happy Hour podcast Front End Masters training courses jQuery Backend for the Frontend Node.js NetFlix tech blog The Witcher TV series Web Assembly React NetFlix Engineering on Twitter Next.js Regression Testing GraphQL Node.js LTS and release version strategies Ryan Burgess on Twitter Working in Developer Relations with Kim Maida Which department does DevRel belong in? By Kim Maida Timejumps 01:13 An award for subtitles 04:05 Guest introduction 05:25 Understanding modern technology 07:28 Sponsor: Narwhal 08:13 Working on the backend for the frontend 13:14 How do you evaluate when to do betas? 15:22 What's a way to incorporate new technology? 21:02 Do you have challenge
Thu, August 12, 2021
Episode 146: Lessons Learned
Recording date: 07/15/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by AG Grid Ionic Resources: COM+ Visual Basic Deployment Environments Encrypt a Column of Data in SQL Server 11th hours requirements - how to push back and mitigate The Cat’s Pajamas The History of the Relational Database Y2K APL programming 10 Tips to Improve Your Communication Skills as a Software Developer Timejumps 02:17 Why are we telling these stories? 04:31 Dan's tale 09:53 Sponsor: Ionic 10:46 Dan's tale continued 24:36 Ward's tale 34:40 Sponsor: Ag Grid 35:48 Ward's tale: What would you do differently? 39:51 John's tale 59:36 Final thoughts Podcast editing on this epi
Thu, August 05, 2021
Episode 145: Vue and Careers with Ari Clark
Recording date: July 6, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ari Clark @GloomyLumi Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Enjoy the Vue Podcast Chris Fritz 42 is the secret of the universe World of Warcraft Enjoy the Vue podcast on twitter Vue.js Just in Time Learning 10x developer Imposter Syndrome Soft Skills Engineering Podcast Frou Frou Ari Clark - Real Time Vue video Polymer Lit replaces polymer, lit-html, and lit-elements Composition API in Vue Vue Mixins Composition API - do you really need it? - blog post Petite Vue Vue Docs Drop a script tag in a page and go with Vue Stripe docs Front-End Foxes Timeju
Thu, July 29, 2021
Episode 144: Qwik with Misko Hevery
Recording date: 07/01/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Misko Hevery @mhevery Brought to you by AG Grid Ionic Resources: @Qwikdev on Twitter A first look at Qwik - the HTML first framework Death by Closure (and how Qwik solves it) TTI (Time to Interactive) PageSpeed Angular AngularJS Lazy Loading Defer attribute in HTML Do google analytics slow down my site? Adam Bradley on Twitter Asynchronous JavaScript Browser and JavaScript performance memory ASP.NET View State Qwik on Twitter Qwik on GitHub Qwik Discord Timejumps 03:54 Guest introduction 05:50 What is your new web framework? 08:48 Sponsor: Ag Grid 09:49 How does it work to delay code that you need? 17:34 How does a developer decide how to handle button clicks? 22:15 What mental model is required for de
Thu, July 22, 2021
Episode 143: Old Man Yells at Tests - Andre Young
Recording date: June 22, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Andre Young @DreYoung79 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Classic ASP AJAX Toolkit NASA GSFC Visual InterDev Knockout JS Functional JavaScript VS Code Visual Studio Webpack Angular jQuery React !! operator in JavaScript Unit Testing JavaScript Design Patterns Jest Cypress end to end testing Kent C Dodds react testing library Azure DevOps Cyclomatic complexity Timejumps 01:13 Guest introduction 04:02 Shifting from .Net to Javascript 09:00 Sponsor: Ag Grid 10:06 Did your tool chain change? 13:05 Did it make you have to rethink how you program? 17:25 Making the transition wit
Thu, July 15, 2021
Episode 142: Sketch Notes in Tech with David Neal
Recording date: June 15, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker David Neal @ReverentGeek Brought to you by AG Grid IdeaBlade Resources: David Neal (Website) Dan Roam: Show and Tell Practice in Public Brad Colbow Reverent Geek: About Page David’s Illustrated OAuth Guide Dan Roam: Draw to Win Zetlekasten Timejumps 01:00 Guest introduction 01:35 How did you get into sketch noting? 08:11 Sponsor: Ag Grid 09:14 Dad joke illustrations 13:41 Do you share your early talks? 17:53 Even bad drawings are still art 23:36 How do you describe non-visual items? 27:37 Tell your story 31:12 Sponsor: IdeaBlade 32:09 Lessons from software development that relate to drawing 35:11 What kind of tools or software should someone start with? 44:06 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, July 08, 2021
Episode 141: Flexible Doc Sites with Docusaurus with Sébastien Lorber
Recording date: June 8, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Sébastien Lorber @sebastienlorber Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Sébastien Lorber Docusaurus Stripe Docs Autho0 Docs MDX Algolia Search Crowdin (translation service that is recommended companion to docusaurus) The “Showcase Tab” showing examples of docusaurus-powered sites How to add screenshot to READMEs in github repository? Timejumps 01:18 Guest introduction 01:43 What is Docusaurus? 04:41 What's the process for using Docusaurus? 06:42 Sponsor: Ag Grid 07:49 Why would someone switch to Docusaurus? 10:20 What kinds of interactive features does it offer? 14:08 What are some good examples of sites built with Docusaurus? 15:12 How is search handled? 18:11 How should someone start with Docusaurus? 24:15 Sponsor: Nrwl 24:51 How did you decide to want to work on Docusaurus? 27:16 How are translations handled? 32:20 How does versioning work in Docusaurus? 35:28 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, July 01, 2021
Episode 140: WebAssembly and Blazor with Michael Washington
Recording date: June 3, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Michael Washington @ADefWebserver Brought to you by AG Grid IdeaBlade Resources: Blazor Help Website Oqtane Steve Sanderson Blazor WebAssembly Power BI Blazor Hosting Models Web Assembly docs JavaScript Interop in Blazor Call JavaScript from DotNet SignalR WebSocket API ASP.NET MVC Pattern Reasons Why Blazor is Worth Considering for your Next Project Build an app with Blazor Oqtane Publish a Blazor Web Assembly app and ASP.NET API with Azure Static Web Apps Can I Use Stackblitz <a hre
Thu, June 24, 2021
Episode 139: Building the Static Web Apps CLI with Wassim Chegham
Recording date: 05/25/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Wassim Chegham @Manekinekko Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Azure Static Web Apps CLI on GitHub Static Web Apps Authentication & Authorization Local development with the CLI Azure Static Web Apps CLI docs Netlify dev CLI Vercel dev CLI Server-Static npm package Fallback routes Http-proxy Azure Static Web Apps VS Code extension Grace Hopper Timejumps 01:06 Guest introduction 03:10 What is Azure Static Web Apps CLI? 07:26 Why do I need an emulator to test local development? 09:43 Sponsor: Nrwl 10:22 Does the CLI bring Azure to your local development? 11:51 What does static mean in this context? 16:22 What was it like releasing this to your peers? 24:31 How did you handle the
Thu, June 17, 2021
Episode 138: Google Maps with Katerina Skroumpelou
Recording date: May 20th, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Katerina Skroumpelou @Psybercity Brought to you by AG Grid Lemon Productions podcast editing and production. Resources: Katerina Skroumpelou (website) Google Maps Platform APIs Google Maps JavaScript API What is Spatial Data Google Developer Expert program Google Earth Difference between Vector and Raster WebGL Google Maps + WebGL From Google I/O 2021: Cloud-based Google Maps Styling From Google I/O 2021: Google Maps + WebGL Google Maps Samples Google Maps JS Samples Keyboard accessibility in Google Maps Node in your browser! Timejumps 00:40 Intro 02:39 Guest introduction 04:29 What is it about Google Maps that you enjoy? 06:19 How did you get into maps? 09:22 Sponsor: Ag Grid 10:24 What type of custom maps are you building? 12:51 What type of business applications have you built? 18:50 What features are under-utilized? 23:28 Sponsor: Lemon Productions <li
Thu, June 10, 2021
Episode 137: Netlify Continuous Integration and Continuous Delivery (CI/CD) with Bornwell Matembudze
Recording date: May 13, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Bornwell Matembudze @Bornie_21 Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Bornwell Matembudze Netlify The Definitive Guide To Continuous Integration Continuous integration Continuous delivery Continuous deployment Jenkins GitHub Actions AWS Elastic Beanstalk What is a Container? Azure DevOps Release Gates Azure Static Web Apps Shaun of the Dead Hero - AfroJack - on Spotify Timejumps 01:15 Guest introduction 02:13 What is CI / CD? 05:50 How is this working in the real world? 08:16 Sponsor: Nrwl 08:56 It looks good on paper - does it work? 12:42 What sort of tooling do you use for this? 15:21 What's the process for making changes on a site? 24:02 Sponsor: Ag Grid 25:03 How do you fix errors? 28:54 What is Netlify? 32:40 How to test a deployment with a gate? 44:00 Final Thoughts Podcast editing on this episode do
Thu, June 03, 2021
Episode 136: Deno with Preston Lamb
Recording date: 5/6/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Preston Lamb @PrestonJLamb Brought to you by AG Grid IdeaBlade Resources: Deno Land Ryan Dahl Demo Goals Comparison to Node.js Deno Permissions Deno Package Management Oak Deno Node Compatibility Third Party Deno packages Express Deno What is Deno and how is it different from Node.js? Course and Book 50% off code: WEBRUSH Iojs repo (archived now) Dixie and her sister on the Camino de Santiago Timejumps 01:07 Guest introduction 01:50 What is Deno? 04:46 The history of Deno 09:53 Sponsor: Ag Grid 10:56 How do you load modules into Deno? 17:08 Does Deno not support npm packages? 23:04 Why would someone use Deno? 28:59 Sponsor: IdeaBlade 30:02 How would you build with Deno? 38:12 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, May 27, 2021
Episode 135: The Journey to Flutter with Majid Hajian
Recording date: 4/29/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Majid Hajian @Mhadaily Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Majid Hajian’s website Flutter Dart Tour of the Dart language Flutter Hot Reload Dart Streaming rxdart Dart event loop Dart isolate Declarative Programming Imperative Programming Start thinking declaratively IoT IoT Hub Material Design Clean Architecture Flutter Desktop Flutter Web Flutter Favorites Create readme files Timejumps 02:32 Guest introduction 03:07 What is Flutter? 10:09 Sponsor: Nrwl 10:46 Dart is not dead 18:39 What kinds of screens does
Thu, May 20, 2021
Episode 134: Form Validation and How Vue 3 and Reactivity Changes the Game
Recording date: April 8, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Marina Mosti @MarinaMosti Brought to you by AG Grid IdeaBlade Resources: Marina Mosti on dev.to Vue Schema-Driven Form Generation with FormVueLate Angular model-driven form generation: Angular Formly MSDN Article 2011 They turned off the LightSwitch 2016 HTML Form element HTML and Client side Form Validation Marina Mosti on GitHub Treeware Validating Schema-driven forms with Marina Mosti Docs on Building Forms with Vue Damian Dulisz on Twitter Damian Dulisz presenting Vue.js Forms and validations Vuelidate library is a Simple, lightweight model-based validation for Vue.js 2.0 Form Validation in the Vue docs VeeValidate library for form validation in Vue.js Vue.js library jQuery Backbone.js Firebase An ANCIENT FormBuilder from a time long, long ago <a href="https://vu
Thu, May 13, 2021
Episode 133: How to Design CSS for Design and Performance with Nicole Oliver
Recording date: April 1, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Nicole Oliver @Nixallover Brought to you by AG Grid Nrwl Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Nrwl on Twitter Nicole on Web Rush episode 0027 talking about TypeScript decorators Nicole on Web Rush episode 0057 on Styling Modern applications CSS (for those who ignore it) Nx Developer tools Rubik’s cube What are CSS Design Tokens Angular Playground Angular Playground Visual Regression Utility Figma Storybook Storybook Visual Regression Testing Visual Regression Testing PurgeCSS Optimizing CSS for Production UnCSS Addy Osmani talking about purging CSS Find unused CSS with Chrome dev tools Angular Material CDK Bootstrap Bulma Tailwind CSS Funny Terrib
Thu, May 06, 2021
Episode 132: Don’t Say That At Work with Michael Callaghan
Recording date: March 25th, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Michael Callaghan @walkingriver Brought to you by AG Grid IdeaBlade Resources: Mike’s Blog Don't Say That at Work at Amazon Yogi Bear Michael Calllaghan’s Courses at Udemy Three Letter Acronyms (TLA) Jerry Maguire mission statement email Valerie Kittel - speaking coach Don’t Say that at Work - Audio Book What is Mindfulness? Maya Angelou “I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.” Timejumps 01:45 Guest introduction 02:59 Why did you decide to talk about this? 09:02 Sponsor: Ag Grid 10:14 Being accused of perjury 15:51 Don't use so many TLA's 20:11 Strategies for avoiding putting your foot in your mouth 24:36 Don't succumb to prejudice 29:09 How to respond when you're feeling emotional to a message 33:30 Sponsor: IdeaBlade 34:34 Don't tell me no 41:07 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, April 29, 2021
Episode 131: Sketchnotes with Doug Neill
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Doug Neill Brought to you by AG Grid IdeaBlade Resources: Doug’s Verbal to Visual YouTube channel Sunni Brown: Doodlers Unite Web Rush Episode 123: Sketchnoting in Tech with Mike Rohde Mind Map Concepts App for iPad Procreate app for ipad Notability GoodNotes 5 UPS Sketch Ads My Octopus Teacher How to Sharpen Pencils Baronfig tools Field Notes Field Notes Moleskine Timejumps 01:56 Guest introduction 03:38 What was your journey into sketch noting? 07:44 Sponsor: Ag Grid 08:53 Did you have to start to think differently? 11:15 Sketching for presentation or notes 15:08 Does a mindmap become the sketch? 22:42 Do you prefer paper or iPad? 25:10 How do you keep yourself from polishing instead of note taking? 26:35 Sponsor: IdeaBlade 27:44 How do you handle mistakes? 30:14 What is it about Concepts that you like vs Procreate? 46:42 Who benefits from visual note taking? 50:00 How do you get started with sketch notes? 51:41 Final thoughts Podcast editing on this episode done by <a
Thu, April 22, 2021
Episode 130: Irish Soda Bread and Shipping Web Apps with Kelly Vaughn
Recording date: 03/18/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kelly Vaughn @Kvlly Brought to you by AG Grid IdeaBlade Resources: Ladybug Podcast Commerce Tea Kelly Vaughn Website The Taproom Emma Bostian on Twitter Ali Spittel Sidney Buckner Rhian Beutler Irish Soda Bread Recipe Newly Practicing Mortician aka npm What are web hooks? Heroku Vue.js React.js Nodejs Koa Express Heroku Papertrail Shopify API Shopify Storefront API “Polaris” - react components for Shopify Kelly’s advice on pushing to production on Friday Setting Up a Local Shopify Theme Development Environment Ten Interesting Facts About the Dentist’s Drill Sequel Pro MySQL database Paper Trail log management At IdeaBlade we use Sentry with most of our clients New Relic logging <a href="https://
Thu, April 15, 2021
Episode 129: Shipping What You Use - Open Source Chronicles - with Brandon Roberts
Recording date: 03/16/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brandon Roberts @BrandonRoberts Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: NgRx NgRx Platform on GitHub NgRx on Twitter Discord for NgRx Swag for NgRx OSS Sponsor page for NgRx Rob Wormald on Twitter Brandon’s journey into Developer Relations Nx developer tools Redux Saga NgRx Sagas Dan Wahlin’s Observable Store on GitHub Blog Post describing Dan Wahlin’s Observable Store Video on Dan Wahlins Observable Store The Component Store Timejumps 02:11 Guest introduction 03:38 Proven development practices 07:53 Sponsor: Nrwl 08:28 How did you get started? 14:17 What is NgRx and what was the business need? 22:17 NgRx Effects and Sagas differences 25:11 How can it be used with other frameworks? 27:30 Sponsor: Ag Grid 28:38 Shipping what you use 33:53</
Thu, April 08, 2021
Episode 128: Building apps with React and Nx with Jack Hsu
Recording date: 03/11/2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Jack Hsu @Jay_soo Brought to you by AG Grid IdeaBlade Resources: Nx Monorepo Micro front-end Nx Getting Started Nx Migration Overview Nx Cloud Github Github CLI Gitlab GitHub Code owners GitLab Code owners Lerna Vercel Azure Static Web Apps Nrwl channel on YouTube Free Nx + React course Nx Playbook (one free Nx course, and a paid Advanced Nx cource) New Nx Devkit docs Timejumps 01:07 Guest introduction 01:43 Introduction to Nx 03:45 What are the benefits of mono repos? 09:04 Sponsor: Ag Grid 10:10 Why should someone check out Nx? 12:26 What's the process to get started with Nx? 18:02 Nx Cloud details and pricing 19:29 How do I know if I need to use Nx? 30:56 Can you cut your build time down? 31:46 Sponsor: IdeaBlade 32:42 What's new for the developer experience? 34:55 </
Thu, April 01, 2021
Episode 127: TikTok React with Ania Kubów
Recording date: March 9, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ania Kubow @Ania_Kubow Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Code with Ania Kubów on youtube TikTok for Developers React.js React Hooks Jamstack Ania built a TikTok app in React, on YouTube Github repo for TikTok app in React useState with React Hooks Datastax.com serverless database Apache Cassandra Netlify functions Netlify Jamstack intro Visual Studio Code Create React App TypeScript and React What is Token based Authentication? GraphQL Stargate documentation MERN stack MEAN stack Datastax Astra Collections Express 12HR+ YouTube Coding Bootcamp 2021! <a hr
Thu, March 25, 2021
Episode 126: A Tale of Two Topics - Mentoring and NgRx with Kate Sky
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kate Sky @Katesky8 Brought to you by AG Grid IdeaBlade Resources: Kate Sky links NgRx Container Presenter Pattern with Kate Sky Angular RxJS Library Angular state management with NgRx Container Presenter Pattern from 2015 Container Presenter in React Angular and the Container Presenter pattern NgRx Data JavaScript Spread Operator Deep Cloning in JavaScript Angular EventEmitter Designing Your Life (book) Riverside.fm podcast service Otter transcription service Timejumps 02:06 Guest introduction 02:53 Mentoring 05:07 Best practices as a mentor 12:04 Sponsor: AG Grid 13:14 What is State Management? 19:41 How did you decide what to refactor? 22:48 How would you mentor someone entering NgRx? 26:40 What about NgRx data? 28:56 Sponsor: IdeaBlade 30:03 How do you help people understan
Thu, March 18, 2021
Episode 125: Working with JavaScript on TVs and Xbox's with Todd Spatafore
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Todd Spatafore @Spatacoli Brought to you by AG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Moo Tools Vudu Vanilla JS Feature detection HTML5 codec Refactoring JavaScript modules Progressive Web Apps XHR requests Timejumps 03:01 Guest introduction 04:04 How do you write for tvs and media devices? 05:58 Do you want to switch to a framework? 08:43 Sponsor: Nrwl 09:20 What sort of matrix of devices do you have? 10:58 How do you use feature detection? 13:41 What does it feel like having to write everything? 21:20 What did it look like before / after a refactor? 23:33 How are devices updated? 26:18 Sponsor: AG Grid 27:33 What worries you about JavaScript? 29:17 What's the hardest thing to get around? 32:44 What sort of testing infastructure do you use? 38:19 How does this fit in to your career path? 42:35 Final Thoughts Podcast editing on this episode done by Chris Enns
Thu, March 11, 2021
Episode 124: Angular Updates with Minko Gechev
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Minko Gechev @mgechev Brought to you by AG Grid IdeaBlade Resources: Minko Gechev's blog Angular Angular Developer Survey 2020 Results Angular on npm Angular compiler on npm Angular Debugging Guides Info on Angular Errors Angular Augury Angular Dev Tools for Chrome Angular on YouTube Profiling Angular Applications with Minko Gechev Chrome Dev Tools Angular on Twitter Angular Roadmap Introduction to Angular concepts NgModules Angular Rendering Engine Ivy Angular versions Rendering on the Web Angular Universal Minko’s tricky array code Gary Bernhardt’s famous JavaScript WAT flash talk RxJs Angular RxJS Decision Tree Haskell Tailwind Timejumps 01:59 Guest introduction
Thu, March 04, 2021
Episode 123: Sketchnoting in Tech with Mike Rohde
Recording date: Feb 16, 2021 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Mike Rohde @rohdesign Brought to you by AG Grid Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Mike Rohde web site The Sketchnote Handbook one : Sketchnoting The Sketchnote Army Podcast Sketchnoting workshop with Mike Rohde n YouTube How to avoid cluttering your sketchnotes Example of an article with sketch note as a image header Sketchnote layouts Sketchnoting on the iPad with Procreate Paper by WeTransfer Paperlike Paper mate flair pens Field Notes Moleskine books Baronfig tools Pictionary How did they ever come up with that kooky Kubernetes name? Here’s the inside story Dario Paniagua - Metaphors Illusions of agreement post Sketchnote Mini Workshop SQL Server in a sketchnote
Thu, February 25, 2021
Episode 122: Modern Web with Chris Coyier
Recording date: 2021-02-11 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Chris Coyier @ChrisCoyier Brought to you by ag-Grid IdeaBlade Resources: Chris Coyier CSS Tricks CodePen ShopTalk Podcast Web Assembly Blazor "Going Ga Ga" on wikipedia Blazor Azure Functions React CSS Layout with Flexbox CSS Layout on Grid Azure Static Web Apps Netlify What is Jamstack Github Pull Requests Review and publish Pull Requests to a Preview URL for Static Apps Best Practices for Great DX SnowPack and WASM SnowPack Preact WMR with Jason Miller Vite and Vue Enabling Popups in HTML Jeremy Keith <a href="https://www.histor
Thu, February 18, 2021
Episode 121: Building React Apps on the Jamstack with Colby Fayock
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Colby Fayock @ColbyFayock Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Netlify Jamstack Azure Static Web Apps Static Apps What is SPA? Vercel Azure Static Web Apps Server side rendering with Vue Client side vs server side rendering Perl Leaflet Next.js Gatsby On Running Shoes Surviving Technical Debt GitHub Actions Timejumps 01:40 Guest introduction 02:29 What is Jamstack? 08:39 Storage for static hosting 10:05 Sponsor: Nrwl 10:47 How do Jamstacks handle forms? 15:45 What's the difference between Jamstack and service side rendering? 18:40 What might be the elevator pitch for Jamstack? 21:04 Do I need to build on Jamstack from the start? 31:02 Sponsor: Ag Grid 32:01 </strong
Thu, February 11, 2021
Episode 120: Large data in the Browser with Sam Artioli
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Sam Artioli @SamArtioli Brought to you by ag-Grid IdeaBlade Resources: Start Bootstrap Ngrx Redux principles 2011 Stackoverflow question on how much data is too much Browser storage limits Max size of a redux store Large sets of data in react and redux Can we store lots of data in redux? CRDTs CRDTs: The Hard Parts by Martin Kleppmann Operational Transformation (OT) Debouncing explained Timejumps 02:09 Guest introduction 03:24 What problem were you trying to solve? 07:02 Do you download the entire project each time? 14:48 What is CRDT? 17:57 Sponsor: Ag Grid 19:03 Breaking your browser 22:34 Is it collaborative? 25:59 The clone wars 36:15 Sponsor: IdeaBlade 37:20 Why put everything in a store? Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, February 04, 2021
Episode 119: Redwood JS with Anthony Campolo
Anythony Campolo talks with John, Ward, and Dan about Redwood JS. Is Redwood JS a framework or a library? Why would you use Redwood JS? What problems does it solve? Is it for beginners or experienced developers? John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Anthony Campolo @ajcwebdev Brought to you by IdeaBlade Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Anthony on GitHub Anthony’s Blog RedwoodJS RedwoodJS Community Forum RedwoodJS Discord 12-part series "A First Look at RedwoodJS" RedwoodJS own tutorials Gesture library Hammer.js Tailwind CSS Chainsaw React Remix for React Lambda School bootcamp for full stack Remix for React Prisma js GraphQL Apollo for GraphQL Fauna DB Redwood File Structure CLI Commands Tom Preston Warner Tom Preston Warner on Twitter Gatsby Blitz Next.js Fullstack Jamstack Podcast Is it safe? </
Thu, January 28, 2021
Episode 118: Fails, Wins, and The Future of the Web
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by ag-Grid IdeaBlade Resources: Parcel Micro Services on Web Rush Remix Martin Fowler on MicroServices Angular Monolith Microservices Svelte Fast.design React Storybook Once Upon a Storybook with Michael Shilman Code Spaces VS Code and ARM Snowpack Angular Playground WebPack Ward Bell talking Unit testing Timejumps 02:26 Fails from 2020 08:41 Sponsor: Ag Grid 09:52 Wins in 2020 20:10 Treading water 26:21 The future 34:35 Sponsor: Ideablade 35:45 Ghosted 45:55 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, January 21, 2021
Episode 117: Surviving Technical Debt
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Mike Ryan @MikeRyanDev Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Ngrx Martin Fowler on Technical Debt SemVer (Semantic Versioning) How We Build Code at Netflix Waterfall vs Agile More on Agile vs Waterfall BDUF (“Big Design Up Front”) YAGNI - You Aint Gunna Need It YAGNI AHA - Avoid Hasty Abstractions How to identify tech debt Angular CLI's ng update Introduction to Microservices Micro-frontends Baby Yoda (Grogu) toy example Fembot Timejumps 01:47:10 Guest introduction 02:33:17 What is it like to maintain Ngrx? 05:46:00 Managing versions 07:56:00 Recommendations for new projects 11:08:08 Sponsor: Ag Grid 12:18:05 Designing to avoid tech debt 14:55:02 How do you decide whether to start fresh or use old methods? 28:25:00
Thu, January 14, 2021
Episode 116: Optimizing Svelte Applications using the Closure compiler
Recording date: Dec, 2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Tor Helgevold @Helgevold Brought to you by ag-Grid IdeaBlade Resources: Closure Compiler Optimizing Svelte Applications Svelte Svelte with Closure Compiler and Lazy Loaded Routes Closure Compiler and Http Requests The Curious Tale of the Stolen Pets Timejumps 04:03:13 Guest introduction 06:06:14 How did you discover Svelte? 10:59:00 What pain points are addressing by adding a compiler on top of Svelte? 13:33:19 Sponsor: Ag Grid 14:45:00 How do you get a smaller bundle size? 30:38:00 How do you support lazy loading? 36:52:05 Sponsor: Idea Blade 38:03:18 When should you turn on closure compiler? 47:39:00 Does closure optimize at run time as well? 50:06:00 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, January 07, 2021
Episode 115: Storybook Inception with Norbert de Langen
Recording date: Dec 3, 2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Norbert de Langen @NorbertdeLangen Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Chromatic Storybook Visual Regression Testing Add ons for storybook Jest testing Storbook maintainers AMA Web Rush ep 110 on Storybook with Michael Shilman Material Accordian Component Next.js Nuxt.js Accessibility Add On for Storybook List of AddOns in StoryBook repo Fluid Playground (uses Storybook with a custom add-on) Madison Kanna on Web Rush Timejumps 00:52 Guest introduction 02:26 What is Chroma? 12:17 Sponsor: Nrwl 12:56 Storybook and Chroma 15:24 Tips for getting in to open source 20:50 How do you reach the community to help them learn Storybook? 32:35 Sponsor: Ag Grid 33:38 Add ons for Storybook 42:47 Final thoughts Podcast editing on t
Thu, December 17, 2020
Episode 114: Challenges and Solutions when using Svelte - Andrew Smith
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Andrew Smith @silentworks Brought to you by ag-Grid IdeaBlade Resources: Andrew Smith Fabulous Thunderbirds “Wrap it up” BackbonJS Svelte 3 with Rich Harris Spine JS Knockout JS Introducing Svelte (Nov 2016) CSS Transitions (per MDN) Svelte motions Svelte transitions Fade transition in Svelte Transition events Can’t believe how simple this one is to implement. Pretty cool Greensock animation library NY Times election animation with Svelte Svelte Recipes Amelia Wattenberger Cypress testing FrontEnd Masters - Animations - Rich Harris Native-Like Animations for Page Transitions on the Web - Sarah Drasner flip function — flip stands for — from svelte/animate: FLIP = FIRST _ LAST _ INVERT _ PLAY Svelte Stores Svelte Easing Tweened example <a href="https://www.starwars.com/news/star-wars-the-clo
Thu, December 10, 2020
Episode 113: Micro-Front Ends with Natlia Venditto
Recording date: 11/10/2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Natlia Venditto @AnfibiaCreativa Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Manfred Steyer on Micro Front Ends Micro FrontEnds on ITNext Micro Frontends - extending the microservice idea to frontend development Micro Frontends - Martin Fowler Angular based micro frontend Manfred Steyer video on Micro FrontEnds Martin Fowler on Micro FrontEnds Scaling UX with Micro FrontEnds Micro FrontEnds on Pluralsight Microfrontends: the good, the bad, and the ugly I Don't Understand Micro FrontEnds The State of Micro FrontEnds Backends for FrontEnds - a Mi
Thu, December 03, 2020
Episode 112: Next.js and Vercel with Tim Neutkens
Recording date: Oct 29, 2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Tim Neutkens @timneutkens Brought to you by ag-Grid Raygun Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy. Resources: pre-rendering explained Time to First Byte (TTFB) Hot Module Replacement Fast Refresh in Next.js Zeit is now Vercel Nuxt.js with Vue Static Web Apps Static Web Apps for VS Code Which service? Netlify vs Vercel vs Azure Static Web App Hugo Jekyll 11ty GitHub Repo with 30+ examples of web frameworks Vercel Timejumps 01:37:00 Guest introduction 02:17:00 What is Next.js and what is Vercel? 05:09:00 What does Next.js allow you to do? 18:07:10 Sponsor: Raygun 18:38:19 What is the relationship between Vercel and Next? 29:25:00 Getting started with Vercel 37:04:08 Sponsor: Ag Grid 38:13:07 </stro
Thu, November 26, 2020
Episode 111: IOU Some IoT with Diana Rodriguez
Recording date: Oct 22, 2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Diana Rodriguez @cotufa82 Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: DnD Monopoly Nuxt Connect Tech What is IoT Arduino Intro to Azure IoT Diana’s blood sugar levels MicroPython Flask Scott Hanselman and displaying your realtime Blood Glucose from NightScout on an AdaFruit PyPortal Spark Fun boards Tutorial - Create and connect a client app to your Azure IoT central application with Node.js Tutorial - IoT and Python NodeBots Learn how to make robots powered by JavaScript NodeBots - Robots powered by JavaScript Remote control cats Angular NodeBos on twitter María Hernández <a href="https://twitte
Thu, November 19, 2020
Episode 110: Once Upon a Storybook with Michael Shilman
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Michael Shilman @MShilman Brought to you by ag-Grid Raygun Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy. Resources: Storybook on Twitter Storybook web site How to test you design your system What is storybook and how can I use it to create a component library in react? How to build JS components with Storybook Fluid Framework Playground (demos using Storybook) Figma Storybook - When, Why, and How Multiple technologies can be “combined” into a single Storybook Set up a ci/cd pipeline for storybook using GitLab Deploy Storybook to an Azure storage static website with Azure DevOps Pipelines Storybook - getting started on Pluralsight Storybook docs Storybook and MDX Visual testing with Storybook using Chromatic</a
Thu, November 12, 2020
Episode 109: How to be a Standout Developer with Randall Kanna
Recording date: Oct 8, 2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Randall Kanna @RandallKanna Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy. Resources: The Standout Developer Randall Kanna’s website Etherium Bitcoin Ruby on Rails Node.js LinkedIn Ember React.js Blog site at dev.to iOS and Swift Randall Kanna video on React and Truffle Ask Trim Timejumps 02:08 Guest introduction 04:29 What inspired you to write this book? 09:51 What is Etherium? 12:19 Sponsor: Ag Grid 13:33 What do they teach in boot camps? 16:04 How do you get your first job? 29:00 How do you stand out with your resume? 44:39 Sponsor: Nrwl 45:19 Using this information for jobs in the future 48:51 What's the story in your career? 53:43 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, November 05, 2020
Episode 108: Learn to Code with Madison Kanna
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Madison Kanna @MadisonKanna Brought to you by ag-Grid Raygun Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy. Resources: MadisonKanna.com Code Book Club FreeCodeCamp Front End Masters Egghead Brian Holt Jem Young Become a CodeBookClub host Here's the form to fill out if you'd like to become a host! You Don’t Know JS series Madison Kanna on FreeCodeCamp Timejumps 01:45 Guest introduction 03:49 Is college important? 06:52 Resources to get started 10:09 Sponsor: Raygun 10:46 What does Freecodecamp offer? 11:37 What is Code Book Club? 15:57 You Don't Know JS series 19:43 Working in cyber security 22:10 Work and passion time management 23:26 Sponsor: Ag Grid 24:29 Any tips for learning coding? 29:41 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Thu, October 29, 2020
Episode 107: Two Svelte Forms Enter One Form Leaves - Kevin Åberg Kultalahti
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kevin Åberg Kultalahti @kevmodrome Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Kevin on GitHub Svelte Forms on GitHub Svelete Discord John Candy movies Svelte React EasyForms Formee library Yup Reactivity in Svelte Try Svelte Forms in the Svelte REPL Svelte Stores Svelte Society - community -on Twitter Svelte community on Discord Mad Max Beyond Thunderdome Tutorial on creating Svelte Actions Pug RxJS Docs page … open the browser tools and enjoy! Plato Aristotle Timejumps 02:18 Guest introduction 04:01 How did you decide to work on forms for Svelte? 07:45 How does Svelte Forms make life easier over HTML? 09:21 Sponsor: Nrwl 10:05 </strong
Thu, October 22, 2020
Episode 106: Extensibility for Angular, React, and Vue with NX
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Devin Shoemaker @ParanoidCoder Brought to you by ag-Grid Raygun Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy. Resources: Nx Monorepos on Real Talk JavaScript Nx and React Lerna tools for managing javascript projects with multiple packages Nx and Angular Vue support in Nx Angular schematics Bob the Builder Fast framework Fast design Enterprise Monorepo and Angular Patterns book Nx community ker : Extending Schematics in an Nx Plugin Ionic React with Nx Nx course on YouTube List of supported plugins with Nx Schematics Authoring Timejumps 02:51 Guest introduction 04:26 What is NX and who is it for
Thu, October 15, 2020
Episode 105: Cats as a Service
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Tomomi Imura @Girlie_Mac Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: 01:41 Guest introduction 05:48 What inspired you to create these? 11:06 Sponsor: Nrwl 11:48 Sketch notes 18:12 What is sketch noting? 22:58 What tools do you use for sketch noting? 34:26 How do you start crafting a talk? 36:23 Sponsor: Ag Grid 37:34 Final thoughts Timejumps HTTP Cats GitHub repo ES6 Spread Operator Git Commands explained with Cars RegEx Example of Sketchnoting from Tomomi Copic markers Procreate for the iPad Field Notes books Verbal to Visual Sketchnoting videos @Chiuki The Sketchnote handbook and workbook Mike Rodhe and Sketchnoting on Twitter Nitya Narasimhan on Twitter Tomomi at DevRelCon Tokyo Fluid Framework <a href="https://ww
Thu, October 08, 2020
Episode 104: Just What the Doc-ter Ordered with Laurie Barth
Recording date: 2020-05-14 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Laurie Barth @LaurieOnTech Brought to you by ag-Grid Raygun Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy. Resources: Gatsby Angular Docs Marcy Sutton Node.js Gatsby Docs Gatsby Cloud Peacock docs Documentation template Stripe docs MDN docs Drink a v8 Vue Router Yarn docs 2ality Alligator V8 Lauries course on Vue Router at Egghead UnifiHD wifi networking Timejumps 01:13 Guest introduction 02:31 What do you do at Gatsby? 04:35 Organizing principles of docs 12:02 Sponsor: Ag Grid 13:06 Do people know the terms in a doc? 21:48 How can people learn to write better docs? 29:55 Sponsor: Raygun 30:27 What's the first thing you should do with docs? 40:50 How do you do SEO for docs? 46:08 </stron
Thu, October 01, 2020
Episode #103: Building Mobile Apps with Capacitor
Recording date: 9/4/2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Mike Hartington @MHartington Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Bet on the Web Capacitor Native React Apps without React Native Geolocation on capacitor Geolocation on CanIUse.com What is Geofence Apache Cordova Cordova vs Capacitor Capacitor and Storage IndexedDb jQuery jQuery 2006 Progressive Web Apps (PWA) "Hand Covers Bruise" Capacitor For Vue Capacitor for Ember Timejumps 02:03 Talking podcasting 05:49 What is Capacitor? 12:20 Exporting contacts data 13:39 Sponsor: Ag Grid 14:36 Geofencing 17:54 What's the difference between Cordova and Capacitor? 22:04 How does Capacitor deal with storage? 30:53 Sponsor: Nrwl<
Thu, September 24, 2020
Episode 102: TypeScript and Svelte
Recording date: 8/27/2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Orta Therox @Orta Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Svelte TypeScript Svelte and TypeScript TypeScript and React Vue 2 and TypeScript Vue 3 and TypeScript Backbone.js Svelte extension for vs code Language Extensions for VS Code Compiler Option in Typescript TypeScript basic types Sapper and Svelte Svelte store Orta on YouTube Timejumps 01:31 Guest introduction 03:31 What's happening with Svelte and Typescript 09:10 Sponsor: Nrwl 09:49 How did Typescript infiltrate Svelte? 30:02 Sponsor: Ag Grid 31:03 Should we use any? 38:50 What's sapper? 40:00 What client side data management tools are there? 41:29 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Tue, September 22, 2020
Episode #101: Back to Basics with Native HTML and LitElement
Recording date: August 25, 2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Alan Davalos @AlanGDavalos Brought to you by ag-Grid Raygun Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy. Resources: Web Components Shadow DOM Render HTML with Vanilla JavaScript and LitHTML CSS Encapsulation lit-html Polymer Project LitElement LitElement with Vue.js Model Viewer Iooxa Haunted Defining a property in LitElement Events in LitElement Web Component Benchmark FAST Vanilla JavaScript and HTML - No frameworks. No libraries. No problem Web Component Benchmark Open WC Cool Components (LitElement) Modelviewer Stripe Elements WiredJS <l
Thu, September 10, 2020
Episode 100: Intercepting HTTP in Web Frameworks
Recording date: August 20, 2020 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Angular Interceptors Axios Interceptors Matryoshka doll The difference between POST and GET Using Reactor Touer inside axis interceptors Ward Bell presentation on HTTP Interceptors (The Room Where it Happens) Angular Preload and Interceptors Timejumps 01:18 Why are these things important? 09:54 Isn't this kind of like middleware? 10:42 Sponsor: Nrwl 11:22 How does it work with Angular? 17:14 What is a Read only interceptor? 25:42 Axios and interceptors 37:47 Sponsor: Ag Grid 38:54 Where should someone start with interceptors?
Thu, September 03, 2020
Episode 99: So You Wanna Use MonoRepos and Micro FrontEnds in Your Enterprise Architecture? - with Manfred Steyer
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Manfred Steyer @ManfredSteyer Brought to you by ag-Grid Raygun Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy. Resources: Manfred's angular workshops VS Code Visual Studio Live Share What is a monorepo? Nx tools Selecting Monorepo tools .NET dotnet Design Systems by Emma Bostian Azure Static Web Apps Micro Frontend Manfred Steyer video on Micro Frontend Webpack 5 and Module Federation Conway’s law: in brief, s/w boundaries tend to mirror the development team boundaries Micro Frontends with Webpack Module Federation and Angular Architecture with Angular and Nx Monorepos eBook about Enterprise Angular Angular Architecture Workshop Timejumps 01:12 G
Fri, August 28, 2020
Episode 98: Svelte with Rich Harris
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Rich Harris @Rich_Harris Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Svelte The Guardian NY Times The JavaScript Framework that puts web pages on a diet Mustache js Handlebars js jQuery templates jQuery DS.js D3 on GitHub What is SVG Backbone.js innerHTML Raphael Example Svelte app React and the Virtual DOM Svelte REPL Sapper and Svelte Next.js for React apps Rube Goldberg machine VS Code Svelte extension for VS Code Svelte 3 for VS Code Learn Box Alignmnet Svelte JS on Twitter Timejumps 01:30 Guest introduction 02:19 Why did you create Svelte? 07:24 Where does the size come from? 13:04 Sponsor: Ag Grid 14:05
Tue, August 18, 2020
Episode 97: Javascript and Social Economic Reform with Justin Samuels
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Justin Samuels @ThugDebugger Brought to you by ag-Grid Raygun Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy. Resources: Justin on Dev.to Rich Rebuilds on YouTube Rebuild Black Business Render Atlanta Sep 2021 Render Atlanta team JavaScript Hello World apps in 30+ frameworks Speaker list for Render Atlanta React.js Sophie Alpert Pariss Athena on Twitter About Rebuild Black Business Del Frisco Grill in Atlanta Business in Rebuild Black Business In Streaming Color Telethon Mailchimp GitHub site for Rebuild Black Business Timejumps 02:59 Guest introduction 13:17 Sponsor: Ag Grid 14:21 Education and college 16:42 What is Render Atlanta? 22:20 Taking care of you with chicken and waffles 24:45 What technology is the focus? 30:30 Sponsor: Raygun 31:06 Rebuild Black Business 43:28 How did you organize all the contributors? 45:24 Final thoughts Podcast editing on this episode done by Chris Enns of Lemon Productions .
Tue, August 11, 2020
Episode 96: Expressway to Fastify with Matteo Collina
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Matteo Collina @MatteoCollina Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Elon Musk and the red satin shorts Node.js Moving Fastify to Azure Pipelines with Matteo Collina and Damian Brady Fastify ecosystem Fastify on InfoQ TSD Fastify and Validation of Data JavaScript Prototype Poisoning Hapi AJV Fluent Schema Article on "Forget Express" Reddit thread on fustily and express performance Npm trends showing express vs fustily vs testify usage Monkey patch definition http2 What is middleware Fastify Hooks Routing in Fastify <a href="https://www.npmjs.com/package/find-my-w
Tue, August 04, 2020
Episode 95: Working in Developer Relations with Kim Maida
Recording date: 2020-07-02 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kim Maida @KimMaida Brought to you by IdeaBlade ag-Grid Resources: Gatsby Server side rendering in Gatsby SSG is Static Site Generator Netlify Static Web Sites in Azure Dan Wahlin's blog post on joining DevRel Creating Slackbots Valerie Kittel, excellent presentation coach Fluid Framework The Body: A guide for Occupants by Bill Bryson GitHub repo for Template Slackbot Resonate by Nancy Duarte Nancy Duarte on Presentation
Tue, July 28, 2020
Episode 94: GraphQL with Daniel Roe
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Daniel Roe @DanielCroe Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: GraphQL React Vue Angular Balance of Power Examples with JavaScript Apollo and GraphQL Build Scalable APIs using GraphQL and Serverless GraphQL and Cosmos DB Apollo Server with Azure Functions Javascript Proxy Hasura Villus Apollo GraphQL vs code plugin MirageJS Lighthouse PHP IO TS Deploy your graphQL server to Azure Functions Vue Apollo Apollo Module Apollo GraphQL VS Code Timejumps 02:31 Guest introduction 04:36 What is GraphQL? 10:39 Sponsors: Ag Gr
Tue, July 21, 2020
Episode 93: Having a Career In Technology with Emma Bostian
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Emma Bostian @EmmaBostian Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: The Squiggly Career Make it Stick CSS Tricks How to Win Friends and Influence People Designing Your Life Timejumps 01:33 Guest introduction 02:50 Initial thoughts on a career in tech 05:23 What drew you back to tech? 14:18 Sponsor: Nrwl 14:59 Asking for a higher salary and negotiating. 18:48 From the employer's prospective 22:07 Figure out your non-negotiables 23:47 Working with a good manager 26:52 Prepping for a job interview and imposter syndrome 28:53 How do you keep up wtih all the things? 30:32 Sponsor: Ag Grid 31:19 Cramming and pretending to be something you're not 40:47 Final thoughts
Tue, July 14, 2020
Episode 92: Nest.js with Loiane Groner
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Loiane Groner @Loiane Brought to you by ag-Grid IdeaBlade Resources: Nest.js Angular Node Express Restify Fastify TypeScript Video on nest vs express React React and Nest together Nest and Auth Passport.js TypeScript Decorators Interceptors Learn RxJS Who is using Nestjs? Nest.js Middleware Nestjs Guards Vue and Nestjs Sequalize GraphQL and Nestjs Timejumps 01:47 Guest introduction 02:29 What is Nest.js? 07:11 Sponsor: Ag Grid 08:14 Is Nest suited for one app over another? 20:46 How do guards work in Nest? 22:55 Consolidating logic 25:51 What gets in your way with Nest.js? 26:48 Sponsor: IdeaBlade 31:35 What does Middleware look like in Nest? 36:12 Final thoughts
Tue, July 07, 2020
Episode 91: Solving Common RxJS Scenarios in Angular with Deborah Kurata
Recording date: 2020-05-21 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Deborah Kurata @DeborahKurata Brought to you by ag-Grid Raygun Resources: Joe Cocker: You can leave your (mask) on RxJS Docs Dan's Observable Store Angular Action Streams Ngrx Docs Maintaining an array of information with scan Learn RxJS RxJs Decision Tree (what do I use?) NgRx course RxJS course Bill Buford Bread in Lyon Getting Started with Azure Static Web Apps Timejumps 04:17 What are people doing with RxJS? 12:07 Sponsor: Raygun 12:37 What are common stumbling points? 19:56 What resources do you use to keep up? 23:41 Reactive forms 29:11 Sponsor: Ag Grid 30:15 Updating Pluralsight courses 40:58 Final thoughts
Tue, June 30, 2020
Episode 90: Using Frisby and Jest with William Imoh
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker William Imoh @iChuloo Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Frisby.js RESTful API testing Jasmine for testing Jest testing Postman API tool Insomnia API tool Swagger API documentation tool Joi API and Usage of Frisby with Auth tokens Faker.js Memory Maker book Azure Static Web Apps Elventy Elgato Key Light Timejumps 02:42 Guest introduction 04:25 What are Frisby and Jest? 05:37 How does Frisby make life easier? 06:42 What is Postman? 13:29 Sponsor: Ag Grid 14:30 Getting Joi from Frisby 18:50 How do you handle authentication? 25:41 Sponsor: Nrwl 26:14 How do you pass tokens or specify environment data? 28:08 Any frustrations with this set up? 31:16 How does it handle file uploads? 34:50 Final thoughts
Tue, June 23, 2020
Episode 89: Building Secure Electron Apps with Aristeidis Bampakos
Recording date: 2020-05-07 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Aristeidis Bampakos @abampakos Brought to you by Visit preemptive.com/realtime for your FREE Realtime Demo of JSDefender. Test out for yourself what your code can look like obfuscated! ag-Grid Resources: Electron Chromium Node.js Main and Renderer processes Angular Visual Studio Code in Electron Slack on electron List of apps using electron GDPR TypeScript on Electron Bing Maps Google Maps Axios Electron quick start open layers Security Checklist for Electron apps Why Security for Electron How to fully disable the remote module Why remote is harmful NodeGUI Building Electron Apps with Ionic Capacitor NW.js What
Tue, June 16, 2020
Episode 88: Refactoring To React Hooks With Gustavo Miranda
Recording date: 2020-04-28 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Gustavo Miranda LinkedIn Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: UseHooks.com Atomic Web Design Hooks State Redux Toolkit Writing custom hooks NOT reactive-react-redux Official react-redux + hooks React is becoming a black box Kent C. Dodds on testing custom hooks React-Query Timejumps 01:58 Guest introduction 03:05 What are React hooks and why are they important? 10:16 Sponsor: Ag-Grid 11:21 How do Hooks tie into moments in React? 12:43 What kind of application did you switch to use Hooks? 14:21 What is Atomic Design? 18:52 Did you have to change the way you think about React? 21:41 What was the learning curve like? 27:21 Sponsor: Nrwl 28:02 How do you use Hooks to manage state? 34:22 How do folks new to Hooks get started? 38:02 Final thoughts
Tue, June 09, 2020
Episode 87: Better frontend development with inspiration from the culinary world - with Ryan Lanciaux
Recording date: 2020-04-2 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ryan Lanciaux @ryanlanciaux Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: RyanLanciaux.com Alton Brown Kitchen Confidential React Native Storybook React Brad Frost's Atomic Design book React props React Apps and DevOps on Azure Learning Storybook on Pluralsight React and Mongo react hooks and container presenter in react The hook brings you back No Soup For You Better frontend development with inspiration from the culinary world Cutthroat Kitchen Lego Masters Remix Blitz Timejumps 02:11 Guest introduction 09:00 Sponsor: Ag Grid 10:05 How does this help in software development? 17:00 How can this all go wron
Tue, June 02, 2020
Episode 86: React in the Enterprise with Gil Fink
Recording date: 2020-04-16 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Gil Fink @GilFink Brought to you by ag-Grid IdeaBlade Resources: Gil Fink React Hooks D3 Charts Arduino Code Playgrounds Uri Shaked Free Seminar on Getting Started with a Career in Web Development Scary documentary on the 1919 Flu Timejumps 00:29 Guest introduction 02:28 How are you using React? 10:11 Sponsor: Ag Grid 11:12 How did you make D3 work within React? 22:30 Don't make everything a hook 30:22 Sponsor: IdeaBlade 31:26 Wrapping third party elements 39:06 Final thoughts
Bonus · Thu, May 28, 2020
Bonus Episode: Azure Static Web Apps
Recording date: 2020-04-29 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Mitch Webster @mtwebster Daria Grigoriu @DariaGrigoriu Brought to you by ag-Grid IdeaBlade Resources: Azure Static Web Apps GitHub Actions React Angular Vue Svelte Oryx Points of Presence Azure Functions Azure Tools Visual Studio Code Extension Azure Functions Extension Develop Azure Functions with VS Code Tutorial on how to refactor node.js and express APIs to Serverless with Azure Functions Develop Azure Functions by using Visual Studio Code Azure Functions documentation DarkNet Diaries #52 Timejumps 01:10 Guest introduction 02:35 What is the new offering from Azure? 03:21 Who is the target audience for this? 08:49 Sponsor: Ag Grid 09:47 Customize GitHub Actions 13:28 How is performance and speed? 17:20 What about custom domains? 19:51 Point of presence 21:41 Wha
Tue, May 26, 2020
Episode 85: Lessons on Building Scotch.io - Chris on Code
Recording date: 2020-04-14 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Chris @ChrisOnCode Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Scotch.io Getting Started on Scotch.io React.js JAMStack Cloudflare for caching Optional Chaining Cache everything with Cloudflare Troy Hunt and Cloudflare Angular Elements Vue.js Algolia for instant search Scotch IO React Patagonia Immured Tutorial on how to build the scotch.io animated logo Rich Text Editor for React draft.js Prismic.io content platform GraphQL APIs on Contentful Strapi content distribution Sanity.io Gatsby Digital Ocean Webflow Hippo CMS gh, the new GitHub CLI
Tue, May 19, 2020
Episode 84: Nuxt- Vue- and GraphQL - Daniel Roe
Recording date: 2020-04-09 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Daniel Roe @DanielcRoe Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Vue Nuxt GraphQL Postgress Deploy Vue to Azure Postgress on Azure Nuxt and Server Side Rendering (SSR) Deploying Apollo and GraphQL with Azure Parent Scheme Zeit now Zeit now and lambda FAAS Serverless Functions and Nuxt CDN Nuxt Server Middleware Time To Interactivity (TTI) Daniel's word: floccinaucinihilipilification How to sound smart in your TEDx Talk Timejumps 01:41 Guest introduction 09:14 Sponsor: Ag Grid 10:19 What are Nuxt, Vue, and GraphQL? 13:25 Why is Server Side Rendering important? 20:59 Hosting on Lambda 29:08 Sponsor: Nrwl 29:43 How easy is it to go client rendered? <strong
Tue, May 12, 2020
Episode 83: Online Store with Svelte - Domenik Reitzner
Recording date: 2020-04-07 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Domenik @ReitznerDomenik Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Svelte CSS Grid Svelte basics WebPack Rollup.JS Rollup in Svelte Sapper Svelte Chat Easiest Way to get Started with Svelte Svelte Tutorial NY Times Coronavirus Map Degit Folding at Home Timejumps 02:15 Guest introduction 04:59 What was it that drew you to Svelte for this project? 06:17 Why is there less boilerplate? 07:29 Sponsor: Nrwl 08:09 Webpack and Rollup.js 12:09 Did you miss not having a cli? 15:06 What's it like developing with Svelte? 24:57 What is the magic in the bundle? 32:26 Sponsor: Ag Grid 33:33 Why might someone not want to use Svelte? 43:00 Final thoughts
Tue, May 05, 2020
Episode 82: i18n and l10n with N3i M3r
Recording date: 2020-03-24 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Naomi Meyer @Nae_Ohmi Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: What's the difference between i18n and l10n? I18n on Azure Video of Naomi Meyer presening i18n and l10n at AngularConnect intl object in javascript intl object in caniuse.com React Intl Angular i18n Vue i18n Svelte i18n Spectrum International Design What every JavaScript developer should know about Unicode momentJS React Berlin Data Visualizations and Internationalization Date Fns - Date library Content Localization on Azure CodeTour VS Code Extension The VS Code Extension for Code Tour by Jonathan Carter Timejumps 02:44 Guest introduction 04:52 What are the terms we're talking about? 10:01 Why should we
Tue, April 28, 2020
Episode 81: Overriding JavaScript Builds with Santosh Yadav
Recording date: 2020-03-19 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Santosh Yadav @SantoshYadavDev Brought to you by ag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources: Grunt.js Gulp.js WebPack Parcel JS Angular Builders Custom Webpack Ionic NGX Build Plus Manfred Steyer NgRx Minko Gechev Angular Builders Netlify Angular deploy to netlify, azure, aws Wassim Chegham Shmuela Jacobs Chris Noring Netlify builder for angular ng deploy azure SSR (server side rendering) in Angular Universal Changing the react build Bob the Builder 5 Actions You Can Take to Reduce Anxiety, Stress, and Increase Overall Well Being Timejumps 01:27 Topic and guest introduction 02:14 What is a Javascript build? 06:14 How does Webpack help?
Tue, April 21, 2020
Episode 80: Service Workers with Keilla Fernandes
Recording date: 2020-03-03 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Keilla Fernandes @keillamenezes_ Brought to you by ag-Grid IdeaBlade Resources: Abbott & Castello "Who's on First" Angular Ivy RxJS lie-fi Service Worker Using web workers Web Worker API Caching files with a service worker Navigator OnLine API for detecting network in a browser Redux React.js IndexedDb redux persist The App Shell Progressive Web Apps Debugging Tools in the browser Creating a service worker in Create React app Creating a service worker in the Vue CLI SapperUpdating service workers - The Service Worker lifecycle Google tutorial on debugging service workers in Chrome <a href="https://codelabs
Tue, April 14, 2020
Episode 79: JavaScript development on a Mac with C-Mac
Recording date: 2020-02-25 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Christina Warren @film_girl Brought to you by ag-Grid IdeaBlade Resources: WSL React Native NPM JS NVM Windows N Brew Chocolatey Scoop Azure CLI Docker Hub Hugo This Week on Channel 9 YouTube DL First 10 macOS Apps I Install Brett Terpstra iTerm 2 OhMyZsh macOS Catalina Windows Defender Use your iPad as a second display for your Mac with Sidecar Alfred Better Snap Tool Default Folder X Final Thoughts Vue JS Documentary The Trouble With Cobalt | Answers With Joe <a href="https://jspai
Tue, April 07, 2020
Episode 78: Going React to React Native with Jenn Creighton
Recording date: 2020-02-13 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Jenn Creighton @GurlCode Sponsors: ag-Grid Resources: Jenn Creighton on Notist UseReactNYC CircleCI VS Code Expo Start React Native Timejumps 02:08 What is React Native? 09:47 Sponsor: Ag Grid 10:52 iOS vs Android development 17:15 What sort of speed bumps did you hit along the way? 28:28 What do you do for debugging? 29:56 Sponsor: IdeaBlade 31:05 Opportunities for talks and blogging 35:41 Did you consider any other solutions? 39:20 Final thoughts
Tue, March 31, 2020
Episode 77: Converting a traditional Rails - client-side stack to Vue.js with Paul Campbell
Recording date: 2020-02-11 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Paul Campbell @Paulca Resources: Tito DNSimple Balancing Dads Podcast Vue JSConf Coffeescript Ruby on Rails Turbolinks Webpack Frankenstein Vue router Rails Turbolinks Vuex Vue dev tools What is SPA Backbone Timejumps 01:34 Guest introduction 08:57 What you've launched is... 10:38 Sponsor: Ag Grid 11:49 What is Tito? 19:42 Was Vue X easy to implement? 21:38 What kind of data did you need to use? 27:11 How do you handle things going wrong? 33:15 Sponsor: IdeaBlade 34:25 What was the most delightful thing about developing with Vue 36:20 What about a bad experience? 41:41 What's new and coming out in Tito? 43:59 Final thoughts
Tue, March 24, 2020
Episode 76: Readable JavaScript with Laurie Barth
Recording date: 2020-01-28 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Laurie Barth @LaurieOnTech Resources: Peacock Plugin for vscode instructional video by Laurie Barth Jekyll to Gatsby Readable Code at ng-Conf by John Papa Peacock extension for VS Code Meet Laurie at DevIntersection Conditional ternary operator Flux Capacitor Dan Abramov an opinion on let vs const Optional chainingJavaScript Immutability in JavaScript Chris Love on let vs const BikeShedding Linters and Aleksandra Shinkevich on Real Talk JavaScript yakshaving Comments in code More opinions on Comments in Code Gatsby documentation and quick start Azure
Tue, March 17, 2020
Episode 75: The Battle of House Promises vs House Observables with Kapehe
Recording date: 2020-01-23 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Kapehe @Kapehe_ok Resources: Promises vs RXJS Observables Promises RXJS Observables Unicast Multicast RX Library in angular RXJS operators BlueBird.js Fibonacci Auth0 blog Timejumps 01:16:00 Guest introduction 05:06:16 5 Points to consider 09:38:12 Sponsor: Ag Grid 12:35:20 If your project is small... 13:09:00 Unicast and multicast 16:17:00 How do you choose between them? 29:33:05 Sponsor: IdeaBlade 30:37:18 Which one should people be using? 33:06:00 What sort of reaction do you get from people? 35:17:18 Final thoughts
Tue, March 10, 2020
Episode 74: React at Starbucks with Cher
Recording date: 2020-01-21 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Cher Cher on Twitter Resources: Starbucks PWA React React and ASP.NET Core Vue Progressive Web Apps (PWAs) Case Study on the Starbucks PWA Blizzard Backbone.js Django Dreamweaver React and Redux Webflow apps React's context for state marko js from eBay Intro to React hooks Vue composition api Vue composition api in the wild Timejumps 01:17:17 Guest introduction 04:38:11 Why go PWA? 08:08:16 Can you characterize PWA user vs mobile app user? 10:21:20 Moving from Vue to React 18:09:00 How did you handle data? 25:09:00 Sponsor: IdeaBlade 26:08:12 Writing with hooks and functional components
Tue, March 03, 2020
Episode 73: Avoiding a Litany of Mistakes that Design Systems Fix with Micah Godbolt
Recording date: 2020-01-14 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Micah Godbolt @MicahGodbolt Resources: Who are design systems for? Design Systems are a language Tailwind CSS Bootstrap Material Design CSS Preprocessors Fluent Design system from Microsoft Half-pipes Front End Architectures for Design Systems / Frontend Architecture for Design Systems: A Modern Blueprint for Scalable and Sustainable Websites Step by Step Guide Honoring Scott Allen, a friend and one of the kind souls in this world Timejumps 02:20 Guest introduction 03:31 What is a design system? 08:53 Sponsor: Ag Grid 09:56 Bootstrap, Tailwind, Material? 19:18 Sponsor: IdeaBlade 20:32 How does a design system help? 23:49 When is a design system not worth your time? 26:15 How to show ROI for a design system? 29:30 How have design systems solved problems? 33:46 How do you learn more about design systems? 39:45 Final thoughts
Tue, February 25, 2020
Episode 72: What's Your Vue of Nuxt.js - with Alexander Lichter
Recording date: 2020-01-07 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Alexander Lichter @TheAlexLichter Resources: Alex’s Blog Elon Musk dancing at the Shanghai Factory Ceremony Tesla Nuxt.js Vue.js Vue CLI Server side rendering (SSR) Next.js for React React Scully SSR for Angular SEO starter guide Vuex Great set of "live" examples Deploying Nuxt on Azure List of Nuxt modules Nuxt core team JamStack Talk from Debbie O'Brien about Nuxt + JAMstack JamStack Conf Final Thoughts Scott Adams How to Fail At Almost Everything and Still Win Big Sprockets Timejumps 02:14:00 Guest introduction 03:28:06 What is Nuxt.js? 06:58:00 Reasons to use Nuxt 09:32:12 Sponsor: Ag Grid 10:31:00 What's wrong with Vue? 20:45:00 Async data and Nuxt? 22:01:00 What do you have to think about differently with Nuxt and SSR? 30:14:00 Sponsor: IdeaBlade 31:21:00 Why go Javascript in the first place? 35:26:00 Can Nuxt help with PWA's? 40:43:12 How do Nuxt and Vue teams work together? 41:48:0
Tue, February 18, 2020
Episode 71: Angular at Scale
Recording date: 2020-01-02 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Jeremy Likness @JeremyLikness Resources: jQuery Fundamentals Browser wars New in JavaScript jQuery JavaScript patterns HTML5 Timeline TypeScript Angular Architecture course at Pluralsight by Dan Wahlin Timejumps 01:59 Guest introduction 08:34 Why is Javascript better today? 11:05 Sponsor: Ag Grid 12:06 jQuery normalizing the DOM 23:32 What's worked and what hasn't worked? 32:23 How should people keep things organized across teams? 45:21 Final thoughts
Tue, February 11, 2020
Episode 70: React Performance with Ken Wheeler
Recording date: 2019-12-12 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ken Wheeler @Ken_Wheeler Resources: ReasonML SML Family Using Web Workers React Loadable Immer React Profiler WebPack Dashboard Final Thoughts Tesla Cybertruck Sourcetree React Performance Timejumps 02:05 Guest introduction 02:21 What is Spectacle? 08:48 What brought you into this space? 09:43 Sponsor: Ag Grid 10:50 Why do I fix performance issues I can't see? 20:15 What is a spot update? 25:17 Sponsor: IdeaBlade 26:19 What kind of performance gains can be had? 33:08 What kind of tools are you using to test and measure? 35:17 How do you get started? 38:55 Top 3 performance tips 42:18 Final thoughts
Tue, February 04, 2020
Episode 69: React with PWA and Ionic with Ely Lucas
Recording date: 2019-12-10 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ely Lucas @ElyLucas Resources: Six Million Dollar Man The Bionic Woman Ionic Framework Ionic React Docs React Native Max Lynch - co-founder of Ionic JQuery Mobile Cordova AngularJS Create React App Service Worker Progressive Web App - PWA Capacitor Ionic Capacitor vs Apache Cordova Difference With Example — The Next Future Innovation of Hybrid Native Apps Flutter Native Web APIs for accessing device features such as camera What is Capacitor CanIUse.com Test with Jest Ionic React Hooks Using react hooks in Ionic Ionic Vue beta Announcing Ionic React Hooks Timejumps 02:33 Guest intro 04:31 What is Ionic? 09:03 Why is it important that Ionic works across frameworks? 09:47 Sponsor: Ag Grid 10:51 What can the latest version of Ionic do? 15:06 Why should I use Ionic instead of React
Tue, January 28, 2020
Episode 68: The Truth Behind Testing - Joe Eames
Recording date: 2019-12-05 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Joe Eames @JosephEames Resources: Cypress.io Avoid the Suck of Testing with Cypress.io by Joe Eames Unit Testing with Joe Eames Run automated tests from test plans on Azure Build, test, and deploy JavaScript and Node.js apps TDD Code Smell for the "God Object" Single Responsibility Patterns Istanbul tools for code coverage Review Code Coverage in Azure Dev Ops Code coverage for Pull Requests Working Effectively with Legacy Code Test driven development by example CleanCoders.com Final Thoughts TypeScript Mulan trailer VueJS Amsterdam NG Conf Baby Yoda plyaing with music Altiplano
Tue, January 21, 2020
Episode 67: JAMstacking with the Great Gatsby - Sam Julien
Recording date: 2019-12-05 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Sam Julien @samjulien Resources: Gatsby JAMstack GraphQL Llamas Hugo Jekyll Algolia Static sties revolution Deploy a Gatsby blog to Azure React Reach Router Ryan Florence Michael Jackson Gatsby Plugins Service Workers ) Deploy a static site to Azure Emperor's New Groove Baby llamas eating WebPack Vue Press Securing Gatsby by Sam Julien of Auth0 Up and Running with Gatsby Course Serverless Contentful Try Azure Functions for free Next.js for rendering things on the server VS Code Extension - Peacock Documentation Gatsby Advanced Starter kit Up and Running with Gatsby Intro Sam Julien on Egghead refactr.tech Final Thoughts <a
Tue, January 14, 2020
Episode 66: Vanilla JavaScript and HTML - No frameworks. No libraries. No problem.
Recording date: 2019-12-03 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Resources: Fast Food Frameworks - Chris Love Vanilla JavaScript "Can I use" web site addEventListener LIT HTML lit-html docs Order 66 Timejumps 02:25 Why? 10:06 Why not use Fetch? 16:52 Sponsor: Ag Grid 17:56 What is a template? 26:02 Sponsor: IdeaBlade 27:13 How do you feel about JSX? 42:34 What did we learn?
Tue, January 07, 2020
Episode 65: Art and Code with Ali Spittel from 6B
Recording date: 2019-11-26 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Ali Spittel @ASpittel Resources: AliSpit.tel WeLearnCode LadyBug Podcast Dev.to Ali on Dev.to Digital Nomad Preact React Angular General Assembly - 12 week bootcamp Don't Repeat Yourself - DRY Four types of learners Visual , Auditory, Kinesthetic , and reading/writing learners Vue ReactJS Ben Lesh React Hooks Vue 3 Composition API REDUX Train your Brain Like a Memory Champion AirBNB Timejumps 02:34 Guest introduction 06:06 Experience with frameworks 08:34 How do you teach? 10:52 Sponsor: Ag Grid 11:54 Who are the students you're workign with? 17:39 Variety of paths to learning to code 25:06 Sponsor: IdeaBlade 26:14 How do you present something to students? 28:02 What stuck out to you about frameworks? 39:06 Where does teaching fit into your career? 40:15 The intersection of art and code 44:03 Final thoughts
Tue, December 31, 2019
Episode 64: Twitched at Birth with Brian Clark
Recording date: 2019-11-12 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Brian Clark @_clarkio Resources: Brian Clark on Twitch Bobby Fisher ReactJS Bobby Fisher vs Boris Spassky 1972 "Be the Ball" Cecil Phillip Nina Zakhernko Learn Python Sea of Thieves OBS Suz Hinton and setting up OBS and Twitch Suz Hinton Gang of Four Code Wars Stream Labs OBS Twitch Studio Baby Boomers LiveCoders Social Media for Developers: Learning on Twitch CNN Ok Boomer
Tue, December 17, 2019
Episode 63: Building a design system and mentoring with Neha Sharma
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Neha Sharma @HelloNehha Resources: Nehha’s website 25 Days of Design Systems Timejumps 01:43 Guest introduction 03:24 Topic introductions 04:26 What do applications look like now? 05:21 How do you decide what to modernize to? 08:13 Sponsor: Nrwl 08:44 What is a design system? 15:15 What about web components? 19:26 What are some surprises from feedback? 20:22 Sponsor: Ag Grid 21:19 Final thoughts for people coming in to the industry
Tue, December 10, 2019
Episode 62: Why You Should Use Linters with Aleksandra Shinkevich
John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @craigshoemaker Aleksandra Shinkevich @Neesoglasnaja Resources: Microsoft Ignite Airbnb Javascript styleguide Airbnb Ruby styleguide Airbnb Swift styleguide Prettier ES Lint Timejumps 01:47 Guest introduction 03:23 What do linters do? 05:48 How do you make sure linters are working properly? 08:25 Sponsor: Nrwl 09:00 Do you run linters at other times? 16:56 Sponsor: Ag Grid 18:02 What about Prettier? 23:13 CSS linters 24:52 What common problems are there with linters?
Tue, December 03, 2019
Episode 61: Leading Technical Teams - Jules Kremer
Recording date: 2019-10-31 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Jules Kremer @Jules_Kremer Resources: Angular AWS Google Cloud Platform Azure Service Workers Intro to service workers What is a Monorepo Wikipedia Monorepo reference Sticky Note Exercise Google GDEs Polymer Dart Flutter What is EQ and EI? Why Remote Work is the Future of IT The Best Tech for Working Remote in 2019 How to work from home and look good doing it Web Assembly Re-assembling the Web with Web Assembly Blazor Angular Ivy Timejumps 03:09 Guest introduction 09:40 What are some of the challenges in leading teams? 12:52 What is a monorepo? 14:18 Sponsor: Ag Grid 15:20 How do you bring teams and tech together? 29:55 When you put together a team, what do you look for/ 34:01 Sponsor: Nrwl 34:32 What is EQ? 41:08 What do you think about remot
Bonus · Tue, November 26, 2019
Bonus Episode: First Impressions of MacBook Pro 16 with Max Lynch
Recording date: 2019-11-25 John Papa @John_Papa Max Lynch @MaxLynch Resources: Ionic Ionic Studio Apple MacBook Pro Brave 1Password Multi port Hub Christian Pulisic The first ten apps I install on macOS Timejumps 02:18 What motivated you to purchase the MacBook Pro 16? 05:03 Keyboard issues 09:35 Sponsor: Nrwl 10:08 Working in a coffee shop 12:16 What do you use the MacBook Pro for? 19:02 Sponsor: Ag Grid 20:07 Upgrade options 22:02 Overall experience 26:11 Questions from Twitter 37:28 Speaker quality 41:40 Software you install on a new MacBook Pro
Tue, November 26, 2019
Episode 60: Mobile Me - Mobile You - Sani Yusuf
Recording date: 2019-10-29 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Sani Yusuf @SaniYusuf Resources: Ionic React Native NativeScript React Angular Get started with Ionic and Visual Studio Ionic deploy Microsoft's Code Push Pricing for Ionic Choosing Mobile Strategy Get Started with React Native React Native Extension Ionic snippets for vs code Final Thoughts Atomic Habits Timejumps 01:44 Guest introduction 04:11 What technology do you use for building for the web and mobile? 09:24 Sponsor: Nrwl 09:58 Switching mobile tech platforms 16:55 Where does Ionic make a difference in mobile? 29:17 Sponsor: Ag Grid 30:17 Taking a web based view and put it on mobile? 38:15 What are the top tips when developing for mobile? 41:11 Final thoughts
Tue, November 19, 2019
Episode 59: When I Grow Up I Will ... Jesse Warden
Recording date: 2019-10-17 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Jesse Warden @jesterxl Sponsors Ag-Grid Nrwl Resources: Jesse Warden Jesse Warden on YouTube Parkour Beginners guide to parkour UI Router pug.js Angular JS Angular Style Guide OOP Choosing your javascript framework Deus Ex The Art of War Paul Taylor Elm language Reason ML Immutability in code @Hillelogram Robert Sapalsky Timejumps 02:45 Guest introduction 03:46 What is parkour? 08:27 Sponsor: AG-Grid 09:37 Why ask why? 22:53 Sponsor: Nrwl 23:30 Growing up and figuring out correctness 29:06 What are you doing in technology these days? 32:47 Final thoughts
Tue, November 12, 2019
Episode 58: You Better Shop Around - Shopify- Gatsby- Vue- React- GraphQL - with Kelly Vaughn
Recording date: 2019-10-15 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Kelly Vaughn @Kvlly Resources: Kelly Vaughn The Taproom Agency Shopify Gatsby framework built on React Lady Bug Podcast Developer Merch You Didn’t Know You Needed PWA Vue Press Nuxt Next Ali Spittel Emma Wedekind Nacelle - JamStack for eCommerce Get Nacelle GraphQL Clicktale experience with heat maps Hotjar Telekinesis Storybook Vulcain Observable Store How to GraphQL
Tue, November 05, 2019
Episode 57: Learning React and TypeScript with Aaron Schlesinger
Recording date: 2019-09-26 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Aaron Schlesinger @Arschles Resources: Go and the Athens Project Stack Overflow Athens docs React docs TypeScript with React and WebPack react and typescript Next and React Create React App TypeScript Interfaces Best practices for using Typescript with React Go HTTP Servers React Router React's Redux pattern Redux with TypeScript Web Assembly Steve Jobs biography Form Follows Function
Tue, October 29, 2019
Episode 56: Launching a Successful Web App with Dan Muller
Recording date: 2019-09-24 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Dan Muller @the_meku Resources: Bazel Angular Connect Nrwl Angular React Rally React Ivy Angular compiler Greenfield vs Brownfield Bazel WebPack Hapi Protocol Buffers Open API Swagger Swagger OpenAPI GitLab Bose nc700 Timejumps 00:52 Angular Connect recap 01:52 Guest introduction 02:40 What is Nrwl 05:46 Challenges of building an evergreen project 10:03 Sponsor: Nrwl 10:39 Why Bazel? 20:14 What problem does this solve? 25:52 Sponsor: Ag Grid 27:14 Things to avoid when starting a new project 29:28 How long was the project? 32:10 How did it go? 34:52 Transitioning from launch to a reliable project 41:59 What should you do if you want to be successful? 43:04 Final thoughts
Tue, October 22, 2019
Episode 55: TypeScript Azure Functions with Marie Hoeger
Recording date: 2019-09-12 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Resources: Marie Hoeger on GitHub Marie Hoeger on LinkedIn Azure Functions Tutorial for Azure Functions Article about Azure Functions TypeScript Support ES Lint in Typescript ESLINT with TypeScript Typescript on Github TypeScript Roadmap for ESlint Azure Functions free trial why use serverless? Ultimate Frisbee TS Node Ben Nadel Durable Functions Actor Model Timejumps 02:12 Guest introduction 04:16 Why are people leaning towards Typescript? 09:41 Sponsor: Ag Grid 11:03 What kinds of usage are you seeing? 25:28 What are the real value of functions? 28:18 Sponsor: Nrwl 28:56 How do you run Typescript with node? 34:00 What else is being worked on? 37:09 Final thoughts
Tue, October 15, 2019
Episode 54: Styling Modern Applications with Nicole Oliver
Recording date: 2019-09-05 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Nicole Oliver @Nixallover Resources: RealTalk Javscript #29 with Nicole Oliver Escalator was a brand Rollerblade SASS CSS LESS Stylus CSS Layout Guide to Flexbox on CSS Tricks css grid layout A List Apart CSS Sticky Bulma Bootstrap Typography for developers CSS Specificity SMACSS Tailwind CSS Tachyons Angular Styled components 8 reasons to use styled components Scoped Styles in Angular Scoped CSS in Vue Nrwl.io Custom Mixins SASS Mixins Tailwind explains why "utility" approach is different from "framework" approach Ward Bell's Outfit Typscript Decorations Nicole's decorators talk at ngConf Varun Vachhar
Tue, October 08, 2019
Episode 53: Getting Real with Serverless with Colby Tresness
Recording date: 2019-09-03 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Colby Tresness @ColbyTresness Resources: Azure Functions tutorial Get the Azure Functions Core Tool Get the VS Code extension for Azure Functions What is serverless? What is Lambda? Why create serverless apps? Scaling azure functions - consumption vs always on Dedicated resources for Azure Functions Premium plan for Azure Functions FaaS (Functions as Service) Serverless Cold Start War Cold Starts in Serverless AWS Firecracker Google cloud functions Open FaaS Matt Hernandez Timejumps 01:53 What's Ward been up to? 04:47 Why serverless? 12:02 Sponsor: Ag-grid 13:26 Is the consumption plan the best way to go? 20:17 Where does functions fit in? 30:28 Sponsor: Nrwl 31:07 Cold start 39:57 Serverless makes
Tue, October 01, 2019
Episode 52: Web Performance - Katie Hempenius
Recording date: 2019-08-20 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Katie Hempenius @KatieHempenius Resources: Katie Hempenius on Twitter Katie's talks Nostate Prefetch Katie at Smashing Conf talking about code splitting and other performance topics Katie's talk on Speed at Scale Why Web Performance Matters Web Performance made easy Lighthouse tools for web performance Server Compression with Express .NET Core compression nginx compression express compression oh no, stylesheet grows grows grows Unused CSS Authoring critical above the fold css Addy Osmani's Critical CSS tool CSS and CI Time to Interactive (TTI) Latency vs bandwidth TCP Slow Start Final Tips Google Lighthouse Cave Diver Jill Heinerth CSS Tricks Google Developers Timejumps 02:24 Guest introduction <a href="
Tue, September 24, 2019
Episode 51: Building Software without Frameworks - Niall Crosby
Recording date: 2019-08-15 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Niall Crosby @AG_Grid Resources: Ag Grid Final Tips Grand Canyon Adventures JS Perf Timejumps 04:00 Guest intro 06:08 What problem did building Ag Grid solve? 11:27 How did you deal with cross browser issues? 19:05 Sponsor: DevIntersection 20:27 When you first started, did you start with virtualizing? 28:30 Sponsor: IdeaBlade 29:44 Do you ever regret releasing it into the world? 34:57 How do you know if you're writing sugar code? 41:59 Final tips
Tue, September 17, 2019
Episode 50: Automate It - Don't Do It More Than Twice - Craig Shoemaker
Recording date: 2019-08-13 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Craig Shoemaker @CraigShoemaker Resources: Spinefeed Function CraigShoemaker.net Azure Functions tutorial Create a vs code extension Azure Functions tutorial Electron Microsoft Learn AWS Lambda functions Functions Triggers Bindings Azure blob storage bindings Azure functions pricing AWS Lambda pricing Google Cloud Functions Github demo of azure functions with typescript Learn how to enable automatic updates in a web app with functions on Microsoft Learn Azure Functions error handling REST client Timejumps 02:43 What is a content developer? 09:39 Sponsor: IdeaBlade 10:42 What scenarios do you find automation useful? 17:01 Is requiring internet access ok? 21:15 What is an HTTP trigger? <
Tue, September 10, 2019
Episode 49: Are Your Tests Developer Friendly? - Amir Rustamzadeh
Recording date: 2019-08-08 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Amir Rustamzadeh @AmirRustam Resources: Cypress Why is end to end testing important for your team Difference between end to end, unit, and integration tests Cypress github issue regarding uint test support Mocha testing Jest testing Cypress Config Selenium Cypress and Selenium and WebDriver Snapshot testing Blog post on snapshot testing Visual Testing Parallelization Circle CI Azure DevOps Timejumps 02:11 What's the difference between unit, integration, and end to end tests? 06:54 Should I end to end test unhappy paths? 10:00 Sponsor: DevIntersection 11:08 Is there value in end to end tests? 16:30 How do we make these developer friendly? 18:18 What is Sellanium 28:01 What is snapshot testing? 35:25 Sponsor: IdeaBlade 36:34 John's use for Cypress 38:52 Getting frustrated by testing 47:57 Where to start with Cypress
Tue, September 03, 2019
Episode 48: 101 Ways to Host Your Web App
Recording date: 2019-08-06 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Resources: Jamstack nginx HA PRoxy Node Express S3 Azure Storage Azure Storage static sites tutorial Azure functions tutorial Peacock for VS Code RealTalk Javascript episode with Jeff Hollan AWS Lambda Docker Right Click Deploy Microservices Whats a dockerfile Docker course by Dan Docker and devops Azure DevOps and Docker Cypress Code With Dan MariaDB Angular Denver CDN VS Code Remote development Timejumps 01:33 Topic introduction 02:19 Static apps 03:34 What's nginx? 07:49 The downside of no server set up 09:48 Sponsor: IdeaBlade <a href="
Tue, August 27, 2019
Episode 47: Will Web Components Replace Frameworks - Sherry List
Recording date: 2019-07-30 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Sherry List @Sherrrylst Resources: NG Vikings NG Spain Custom elements everywhere what are web components Angular React Vue Web Components Can I Use Angular elements to create web components Gleb with Cypress Web Component support and polyfills Lit HTML Ivy renderer Polymer Hack Your Future Hack Your Future.dk Kara Erickson Open WC Web Components wiki Timejumps 00:52 Topic introduction 02:24 Guest intro 05:35 What are you hear about web components these days? 06:44 What is a web component? 10:23 Sponsor: DevIntersection 11:34 What's your experience creating web components? 21:50 What would you build with web component? 31:58 Sponsor: IdeaBlade 33:08 Will web components replace frameworks? 42:37 Working with non-profits 46:42 Web component tip
Tue, August 20, 2019
Episode 46: Using New JavaScript Features with Tara Manicsic
Recording date: 2019-07-25 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Tara Z. Manicsic @Tzmanics Resources: tzmanics.com 2ality.com Prettier Babel Ecma TC39 Summary of ECMAScript 2019 features Front Conference Someone to Follow: MIT Science Reporter—"Computer for Apollo" (1965) Moon Landing Course @Stanimiravlaeva CanIUse Timejumps 02:01 Guest introduction 06:53 What are some of the new feautres of Javascript? 10:18 What do folks who are behind versions do? 15:30 Any tips for deconstructing? 19:05 Sponsor: IdeaBlade 20:06 Tips for migration to moving forward? 31:48 Sponsor: DevIntersection 2019 32:47 How we've progressed 35:39 What do people need to do to catch on to this? 37:02 What about using Typescript? 41:47 Someone to follow
Tue, August 13, 2019
Episode 45: Contributing to OSS Documentation with Kapunahale Wong
Recording date: 2019-07-23 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Kapunahale Wong @Kapunahele Resources: Angular docs Ng Conf Brad Green NgModules Template Syntax StackBlitz is great for docs CodeSandBox is great too for docs Google writing style guide Someone to Follow: Margret Hamilton documentary Tailwind CSS Boostrap The Charisma Myth Timejumps 03:19 Why do you enjoy documentation? 08:49 What goes into writing a doc? 10:42 Sponsor: DevIntersection 11:51 Including examples and tests of the documentation 18:21 What are examples of things you've written? 23:27 How can people submit pull requests for docs? 27:16 What's worrying you about documentation? 31:20 Any advice for people writing docs for their own projects? 34:08 How do you evaluate your own docs? 36:45 Does documentation have a particular voice? 37:49 How do you make sure documentation stays current? 41:55 Someone to follow
Tue, August 06, 2019
Episode 44: Long Time Java - GO To First Time Script With Brian Ketelsen
Recording date: 2019-07-18 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Brian Ketelsen @bketelsen Resources: Go Who invented css? jQuery Tutorials for Go on Azure Gatsby and MDX React Shadow DOM Gatsby Core Philosphy Svelte Vue Nuxt Angular CodePen TypeScript Hackernews Command: npx degit sveltejs/template my-svelte-project degit svelte REPL Azure AD for JavaScript Auth0 Amplify AWS Firebase BlueBird ioJS Go with VS Code Go extension in vs code Gophercon conference http in Go Express for Node Brians blog GO in 5 Minutes Aaron Schlesinger Vanilla JS How do we know that the Milky Way is a spiral galaxy <a href="https://www.amazon.com/Go-Action-William-Kennedy/dp/
Tue, July 30, 2019
Episode 43: VS Live Share - Jonathan Carter
Recording date: 2019-07-16 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Jonathan Carter @LostInTangent Resources: VS Live Share VS Live Share for VS Code (Extension) vim keybindings in vs code How to set live share to work for 30 users 5 Things about VS Code Live Share docs repo VS Live Share docs Debugging with Live Share Follow and focus when the host changes their cursor Sharing a server with live share Quick start to share your first project VS Code Live Share video 5 Things about VS Code Live Share docs repo VS Live Share docs Debugging with Live Share Follow and focus when the host changes their cursor Sharing a server with live share Quick start to share your first project <
Tue, July 23, 2019
Episode 42: Choosing Your JavaScript Framework
Recording date: 2019-07-09 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Resources: React Vue Angular Svelte jQuery Ward is insidious Choosing the right Javascript Library Framework for your Application Preact Choosing Your JavaScript Framework, by John Papa Front End tools Vue app for Tour of Heroes Angular app for Tour of Heroes React app for Tour of Heroes Angular router Vue Router React Router Angular CLI Create React App Vue CLI VueJX Redux NgRx Someone to follow n/a Timejumps 01:30 Topic introduction 02:33 What's the most compelling thing when choosing a framework? 05:42 Is there a best? 08:02 Sponsor: IdeaBlade 09:13 What does each one excel at? 15:03 How do you talk a team through deciding which to choose? 29:55 How does routing work? 40:44 How should the component class talk to HTML? 43:26 Getting context from one framework helps you in the others 50:19 What about Typescript support? 54:08 </stron
Tue, July 16, 2019
Episode 41: Managing Your npm Dependencies With Jan Lehnardt
Recording date: 2019-07-09 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Jan Lehnardt @Janl Resources: Greenkeeper Neighbourhood.ie Viewing the size of NPM Packages Semantic Release Example of a Pull Request from greenkeeper on Peacock / alternate Dependabot Dependabot joins Github Github Marketplace Azure DevOps Peacock Semantic Release Microsoft acquires Pull Panda Pull Panda Angular Team Commit guidelines AML in Azure DevOps Azure DevOps pipelines leftpad.io from npm What is leftpad? You need to check out the source code for it How to deprecate an npm module Hapi What is string.prototype.padStart entropic node.js version info</a
Tue, July 09, 2019
Episode 40: User Experience, Developer Tooling, and RxJS - Randall Koutnik
Recording date: 2019-06-20 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Randall Koutnik @RKoutnik Resources: Build Reactive Websites with RxJS Atlas Stack Language Reverse Polish Notation VS Code and Docker Peacock for VS Code Open close principle RxJS React Switchmap operator Angular JS Rx marbles Redux Redux observable Someone to follow Ta Nehisi Coats on Reparations Mentoring Junior Engineers @ Slack HQ – Carly Robinson Timejumps 02:32 Guest introduction 05:14 What are your proud of buildiing for developer tooling? 10:42 User experience vs developer user experience 13:46 Sponsor: Nrwl 14:21 How do you target developer tooling? 18:57 Build Reactive Websites with RXJS 22:54 What gets simpler? 30:28 Marble charts 32:18 Sponsor: Clubhouse.io 32:39 Ward's deep thought 45:14 How would you recommend folks get started? 46:06 Someone to follow
Tue, July 02, 2019
Episode 39: Authentication For Javascript Apps - Kim Maida
Recording date: 2019-06-18 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Kim Maida @KimMaida Resources: Auth0 Google OAuth 2.0 Open ID Connect Auth0 Blog Identity Server NG Vikings Authstronomy: The Science of Authenticating Angular Apps by Kim Maida Someone to follow @DavidPich Dr. Becky Astrophysicist Kapehe Timejumps 00:40 Topic & guest introduction 03:56 What are some of the issues with rolling your own security? 07:18 Where do you start with security? 13:57 SDKs for Apps on Auth0 20:15 Groups vs Claims vs scopes 23:23 Is storing tokens on the client side a bad thing? 28:45 Sponsor: IdeaBlade 29:44 You don't know what you don't know 34:07 How short should access token life be? 40:07 NG Vikings Conference 42:25 Someone to follow
Tue, June 25, 2019
Episode 38: Node.js Optimization and Performance - Matteo Collina
Recording date: 2019-05-23 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Matteo Collina @matteocollina Resources: NearForm http/2 Node.js can http/2 push Interview with Matteo in which he talks about evolution of streams in node and watch out IPV6 Browser connection limitations BEFE Node Clinic tool ClinicJS TensorFlow Clinic + TensorFlow Autocannon HDR Histogram ClinicJS Doctor ClinicJS Flame RFDC Deep vs Shallow Cloning JSON.parse Don't block the event loop What is the event loop anyway The Node Event Loop async iterators Event loop timers and next tick libuv AWS Lambda Azure Functions Worker threads in Node.js <a href="ht
Tue, June 18, 2019
Episode 37: Founding the dev.to platform - Ben Halpern
Recording date: 2019-05-21 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Ben Halpern @BenHalpern Resources: Dev.to Searching for Sleep on Dev.to Dev.to on GitHub John on Medium John Papa on dev.to "How I Write Articles" by John Peacock release article Peter Frank - co-founder - on dev.to Jess Lee - co-founder - on dev.to Top Tags Code Climate Code Climate score on dev.to Web Storage Fastly Preact Ali Spittel Emma Wedekind RegEx Cheat Sheet Anna at dev.to Anna's post on joining the dev.to team dev.to vs Medium Comparing Medium to dev.to Why technical blogs belong on dev.to Serverless app design by John Papa dev.to API Someone to follow Mary Roach / @Mary_Roach Ananya Neogi / CSS Can Do That Timejumps 01:01 Learning about sleep 02:49 Guest introduction 03:50 What is Dev.to? <a href="#t=07
Thu, June 06, 2019
Episode 36: Let's Remove the I in IoT with Suz Hinton
Recording date: 2019-05-14 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Suz Hinton @Noopkat Resources: Suz’s YouTube channel Suz’s Twitch channel IoT - Internet of Things https://en.wikipedia.org/wiki/Internet_of_things Azure IoT https://azure.microsoft.com/en-us/overview/iot/?wt.mc_id=rtjs-podcast-jopapa Ransomeware https://www.cso.com.au/article/645755/why-iot-could-next-ransomware-target/ IoT Security https://www.darkreading.com/attacks-breaches/iot-securitys-coming-of-age-is-overdue/a/d-id/1333756 Extended Offline operation with Azure IoT Edge https://azure.microsoft.com/en-us/blog/extended-offline-operation-with-azure-iot-edge/?wt.mc_id=rtjs-podcast-jopapa PWAs https://developers.google.com/web/progressive-web-apps/ Getting Started with PWAs Service Worker https://developers.google.com/web/fundamentals/primers/service-workers/ Offline Storage for PWA https://developers.google.com/web/fundamentals/instant-and-offline/web-storage/offline-for-pwa Web Bluetooth API https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API Network Information API https://developer.mozilla.org/en-US/docs/Web/API/Network_Information_API Web USB API https://developer.mozilla.org/en-US/docs/Web/API/USB Languages for IoT https://dzone.com/articles/how-to-choose-the-best-programming-language-for-io Arduino https://www.arduino.cc/ Raspberry Pi https://www.raspberrypi.org/ Install Linux on Pi https://www.raspberrypi.org/documentation/installation/installing-images/linux.md Parasail and IoT https://adacore.github.io/ParaSail/ Assembly and IoT https://www.theregister.co.uk/2016/07/10/iot_puts_assembly_language_back_on_the_charts/ MQQT https://en.wikipedia.org/wiki/MQTT Smart Garden https://www.hackster.io/boltmakers/build-a-smart-garden-with-iot-plant-monitoring-system-3edc09 Build a Plant Observatory Using Azure IoT and Node.js https://www.hackster.io/green-team/how-to-build-plant-observatory-using-azure-iot-and-node-js-ad2d31 Team KSF.LCC UK Imagine Cup National Finalist https://blogs.msdn.microsoft.com/uk_faculty_connection/2017/05/03/heading-to-seattle-team-ksf-lcc-uk-imagine-cup-national-finalist/?wt.mc_id=rtjs-podcast-jopapa Microsoft Ignite the Tour https://www.microsoft.com/en-us/ignite-the-tour/?wt.mc_id=rtjs-podcast-jopapa Someone to follow <li
Tue, June 04, 2019
Episode 35: The Rundown - What's the Word from the Hallway Track at ngConf 2019
Recording date: 2019-05-10 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Resources: ngConf Videos from ngConf Bazel NGRX Data Guide Alex Eagle talks Bazel Brandon Roberts Bazel from the docs Keynote from Day 1 Differential Loading Plan Angular 8 Opting into Ivy Ben Lesh on RxJS Dan Wahlin on Subject Communication Options Deborah Kurata with RxJS on Data Composition Jennifer Wadella on Control Value Accessor Deep look at Angular Elements Jeremy Elbourn on the CDK is the coolest thing you are not using Melina Mejía Bedoya's talk on How Tech Communities Can Change Your Life Katerina Skroumpelou Ivy again, because it rocks John Papa's talk on rxjs, ngrx/data and angular to the cloud Timejumps 00:53 Topic introduction 01:17 Keynote thoughts 11:44 Differential loading 12:53 New Edge for Windows or macOS 15:13 Lazy loading 17:45 Sponsor: IdeaBlade 18:45 Keynote continued 19:56 What is Ivy and why do we care?
Tue, May 28, 2019
Episode 34: Throttling and Async Patterns with Serverless - Marie Hoelger
Recording date: 2019-04-23 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Marie Hoelger LinkedIn Resources: Azure Functions What is serverless? Durable functions Containers and Serverless Throttling a serverless function Scaling Azure Functions Scaling AWS Lambda Monitoring Azure Functions with App Insights Someone to follow Luis Aviles Olga Dudchenko The Pencil Sharpener Timejumps 01:28 How to pronounce Dan's last name 02:20 Guest and topic intro 04:56 What is serverless? 08:11 What are durable functions? 14:57 Sponsor: Nrwl 15:34 What's the importance of throttling? 22:35 What role do async patterns play? 25:52 Sponsor: DevIntersection 26:45 What are common use cases? 35:22 Someone to follow
Tue, May 21, 2019
Episode 33: Adopting New Tech with Natalie Qabazard
Recording date: 2019-04-18 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Natalie Qabazard @Natqab Resources: Slack Taking PHP Seriously at Slack Salt Fat Acid Heat The Food Lab: Better Home Cooking Through Science Someone to follow Mike Peiffer Newsletter Stack Overflow 2019 Survey Anna Pickard Timejumps 01:25 Guest introduction 05:40 Topic introduction 12:30 What's the second step when introducing people to new tech? 15:04 Did they have good unit tests before? 26:23 Are you compelled to fix bad code? 28:48 Sponsor: IdeaBlade 29:54 How can Typescript help with refactoring? 33:28 What do people use for an editor at Slack? 37:12 Are there specific APIs within Slack? 40:02 How easy is GraphQL to use? 44:08 Sponsor: DevIntersection 45:00 What drew you to working at Slack? 48:18 Someone to follow
Tue, May 14, 2019
Episode 32: Mobile App Deployment with Jen Looper
Recording date: 2019-04-16 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Jen Looper @JenLooper Resources: https://www.jenlooper.com http://www.practicebuddyapp.com NativeScript APK - "Android Package" https://ionicframework.com/ https://facebook.github.io/react-native/ https://www.appannie.com/en/ Everything You Should Know About App Icon Tests Build, test, and deploy Android apps Azure DevOps for XCode Mac In Cloud Corono Angular Testflight Appium VS Code Build Tasks Someone to follow Aaron Frost Eric Simons Victoria Bergquist Jon Skeet Storing UTC is Not a Silver Bullet How to Sharpen Pencils Timejumps 03:20 Guest introduction 04:44 Vue Vixens 09:07 Phone vs tablet development 13:41 Sponsor: Nrwl 14:19 How do you get your app out to people? 25:55 A/B testing your app 29:07 Are there devo
Tue, May 07, 2019
Episode 31: RxJS Wizardry with Ben Lesh
Recording date: 2019-04-09 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Ben Lesh @BenLesh Resources: RxJS Angular Vue React NetFlix Engineering blog Lifecycle hooks for angula Angular Ivy Someone to follow Maria Lamardo Tracy Lee Anne Bonner Timejumps 02:06 Guest introduction 03:25 How much RxJS is in non-Angular projects? 06:10 How'd you get into RxJS? 12:35 RxJS tips 15:56 Sponsor: DevIntersection 16:48 How do you classify yourself these days? 24:44 Operator issues 29:34 Error handling 33:24 Debugging advice 38:00 Sponsor: IdeaBlade 38:58 What's the roadmap for RxJS? 44:37 Is RxJS being used in new ways in Angular? 46:43 What should people know about RxJS? 48:08 Someone to follow
Tue, April 30, 2019
Episode 30: CSS - Emma Wedekind
Recording date: 2019-03-19 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Emma Wedekind @EmmaWedekind Resources: EmmaWedekind.com Dev.to/EmmaWedekind Vue Vixens Siena College Dan Abramov on Twitch CSS Web accessibility Bootstrap Foundation CSS Positioning Flexbox Froggy Flexbox Zombies CSS Tricks: A Guide to Flexbox Bulma TailWind CSS CanIUse.com Coding Coach Mixins in SASS BEM in CSS Styled Components What is Actually CSS in JS? Vue scoped styles Angular scoped styles CSS variables Drunk tank Someone to follow Madelyn Papa CSS Flexbox Fundamentals Kai Wedekind Undraw Timejumps 01:34 Topic and guest intro 04:44 Why CSS? 08:15 How to get started with CSS? 11:23 Sponsor: Nrwl 12:01 Positioning w
Tue, April 23, 2019
Episode 29: TypeScript Decorators with Nicole Oliver
Recording date: 2019-03-19 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Nicole Oliver @Nixallover Resources: Arcade One Nicole's talk at NgAtlanta Nrwl Jeff Cross Victor Savkin Angular @Component decorator Decorator Pattern Gang of Four book Decorator compatibility in JavaScript Nest JS Misko Hevery Proposal Decorators Franziska Hinkelman Decorators in Vue Angular Console Someone to follow @AaronFrost DevChat - My Angular Story @KimMaida Ali Spittel Timejumps 02:18 Guest introduction 04:32 What are typescript decorators? 08:28 Why would I need to describe my code? 15:38 Sponsor: IdeaBlade 16:40 What if you're not using a framework? 30:55 How easy are they to write? 36:44 What's a decorator you can't live without? 39:00 Sponsor: DevIntersection 39:51 Decorators in Vue 43:55 Someone to follow
Tue, April 16, 2019
Episode 28: The Rise of Tech - Enterprise Engineering Myths with Jem Young
Recording date: 2019-03-14 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Jem Young @JemYoung Resources: Record on wall climb Jem’s course on full stack development OverReacted.io @Dan Abramov Boiler Room Angular JS React VueJS Aurelia BablelJS 3 things you can do to improve as a developer NGINX Node.js Someone to follow Free Solo Ali Spittel Jacques Favreau Timejumps 03:21 Guest introduction 04:27 What is full stack? 12:01 Sponsor: Nrwl 12:38 Why are you passionate about this? 24:49 Big companies who also support projects 29:46 It's more important to share our experiences than being right 40:20 Sponsor: DevIntersection 41:14 What I wish I knew back when... 45:30 There isn't a cookie cutter for enterprise 48:10 You can get really silo'd in a large company 00:47 Ask questions and listen 04:52 Someone to follow
Tue, April 09, 2019
Episode 27: Doguhan Uluca Demystifying CI and Delivering Web Apps to the Cloud
Recording date: 2019-03-05 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Doguhan Uluca @Duluca Resources: Angular Enterprise Ready Web Applications Production Docker Kubernetes Azure devspaces with docker and kubernetes 12 factor your app AWS Government Cloud Bye Bye Mongo, Hello Postgres Azure Hybird on Premises Duluca What About Cloud Native Applications? npm scripts for Docker Angular for Enterprise Zeit Now nginx Someone to follow Lisa Genova - What You Can Do to Prevent Alzheimers Fixing the Ultimate Legacy System Dan’s Docker Course Timejumps 02:15 Guest introduction 03:34 What's a typical enterprise app you work on? 11:18 Obstacles to using Docker 12:32 Sponsor: DevIntersection 2019 19:53 What are the benefits of Kubernetes? 31:37 What about large databases? 37:44 Sponsor: IdeaBlade 38:49 On premise vs cloud solutions 45:29 How long to get a feel for docker and containerize? 46:45 </strong
Tue, April 02, 2019
Episode 26: Firebase with Katerina Skroumpelou
Recording date: 2019-03-05 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Katerina Skroumpelou @Psybercity Resources: Peacock VS Code extension Firebase Ionic https://ionicframework.com/ Angular https://angular.io/ NoSQL https://en.wikipedia.org/wiki/NoSQL Firestore https://firebase.google.com/docs/firestore/ Transactions in firebase https://firebase.google.com/docs/reference/android/com/google/firebase/database/Transaction Database security https://firebase.google.com/docs/database/security Firebase Authentication https://firebase.google.com/docs/auth/ React and firebase https://css-tricks.com/intro-firebase-react/ Vue firebase https://vuejs.org/v2/examples/firebase.html* Someone to follow Ben Nadel James Newell @StanimiraVlaeva @Abampakos ModernDotWeb Timejumps 02:13 Guest intro 04:06 What is Firebase? 08:25 What stood out to you with Firebase? 09:49 What kind of database is Firebase? 10:37 Firebase vs Firestore 14:11 Sponsor: nrwl 14:42 Who's hosting the magic? 17:48 How aware of transaction boundaries do you need to be? 20:39 What problems was Firebase solving? 27:11 Sponsor: DevIntersection 28:05 Firebase and security API keys 33:25 Can you use it with plain javascript, react, or vue? 34:14 Someone to follow Sponsored by Nrwl
Tue, March 26, 2019
Episode 25: Native vs Web Mobile with Ryan Burgess
Recording date: 2019-02-19 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Ryan Burgess @burgessdryan Resources: Front End Happy Hour Flutter Ionic React Native Xaramin What is a webview? App Shell React Native Bridge Native vs Web vs Hybrid Codepush Objective C Kotlinlang Someone to follow @Jordeewok @TimSneath @Rimmanehme from Azure Cosmos DB How to Do a Code Review Timejumps 00:39 Guest Introduction 02:58 GIF vs GIF 04:45 Native vs web vs hybird etc 08:09 We we fetishize performance? 09:01 Difference between bandwidth and device capabilities 10:35 Sponsor: IdeaBlade 11:35 What are the untalked about aspect sof mobile development? 20:14 Enterprise apps with control vs having no control over the user 28:37 When would you go with something in between? 31:02 Were you able to solve the gesture problem? 34:26 What's the update experience like? 39:01 Sponsor: DevIntersection <s
Tue, March 19, 2019
Episode 24: Multi-App and Multi-Team Development with Victor Savkin
Recording date: 2019-02-12 John Papa @John_Papa Ward Bell @WardBell Victor Savkin @VictorSavkin Resources: Narwhal Technologies Viktor on Medium Conway’s Law Angular React Vue Yarn npm npm vs yarn npx Typescript The Typescript Tax How Webstorm Works with Javascript Libraries VS Code Typescript Someone to follow Secret Women of Coding Igor Minar Monk on IMDB On Liberty Timejumps 00:45 What Ward's been up to 02:49 Guest introduction 03:32 What is a large app? 07:05 Conway's Law 08:15 How do you promote knowledge? 11:26 Similar patterns in CLI 15:09 Sponsor: Dev Interersection 16:02 Yarn and NPM 18:37 What about NPX? 19:48 Number of teams vs size of teams 21:57 How do you manage multiple teams on multiple sprints? 35:38 Tooling for Angular Developers 45:26 Sponsor: IdeaBlade 46:25 What's the best way to get familair with a new project <a href="#t=
Tue, March 12, 2019
Episode 23: JavaScript and Bots for Improving User Experiences
Recording date: 2019-02-12 John Papa @John_Papa Ward Bell @WardBell Michael Szul @szul Resources: Bots and Beer newsletter Tensor Flow Botframework Amazon Echo Auto Luis.ai BotBuilderCommunity Project Murphy How to Build a Notification That You Won’t Hate Clarkio on Twitter Lifx API Twillio Microsoft Bot Framework v4 Node Tutorial Microsoft Bot Framework .NET Core (V4) 7 Chatbot Use Cases That Actually Work Expensify Someone to follow Alexa Silver on SNL @Jawache / @JenniferMarsman Timejumps 02:32 Guest introduction 04:04 What is a bot? 10:44 Sponsor: DevIntersection 11:25 What are you building? 28:26 Understanding nature language processing 35:11 Sponsor: Nativescript 35:45 Any advice for folks starting out? 39:08 What's the best example of a bot framework? 43:03 Generational divide of trusting chat bots 45:50 Someone to follow
Tue, March 05, 2019
Episode 22: Secure Javascript with npm with Adam Baldwin
Recording date: 2019-01-31 John Papa @John_Papa Ward Bell @WardBell Adam Baldwin @adam_baldwin Resources: Details about the Event Stream Incident News about the Event Stream Incident Greenkeeper.io Package Locks Synk.io npm Audit Comparing npm audit with Snyk Private Packages Ways to Have Your Private npm Registry The Rogue Gallery of Cybersecurity Bad Actors FaceTime Audio Bug Two Factor Authentication HaveIBeenPwned How Serverless Works to Manage HaveIBeenPwned Someone to follow @RachelTobac @Fox0x01 @ReyBango TroyHunt @ManfredSteyer / Softwarearchitekt.at @ShmuelaJ / NG-Girls.org @JenLooper Timejumps 00:57 Guest Introduction 02:23 Javascript security in the news 05:29 Should we be worried about this happening again? 06:54 What's the best course of action when you see security warnings? 08:56 What is Greenkeeper? 10:18 Sponsor: Nativescript
Tue, February 26, 2019
Episode 21: Dynamically Generated Forms in Angular with Raul Jimenez
Recording date: 2019-01-29 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @danwahlin Resources: Angular Dynamic Forms Reactive Forms in Angular Gitbook RXJS Someone to follow Doris Tsao / Doris Tsao's article @NGromeconf / Leonardo Zizzamia @DRosenwasser Joan Llenas Timejumps 01:57 Guest introduction 03:11 Why do you need dynamically generated forms? 04:45 How much does the app know about the PDF before? 11:20 How often do you run into customers needing a dynamically generated form? 16:20 Sponsor: Nativescript 16:54 Is it difficult to do in React or Vue? 21:31 How are you doing positioning? 22:59 How do you handle cross property validation? 32:31 How do you tell a user something is wrong? 38:48 What challenges remain? 39:42 Sponsor: DevIntersection 40:22 Any advice for when you hand off a project to a developer? 46:03 Someone to follow Sponsored by: NativeScript
Tue, February 19, 2019
Episode 20: npm Tooling with Kat Marchan
Recording date: 2019-01-17 John Papa @John_Papa Ward Bell @WardBell Kat Marchán @MaybeKatz Resources: NPX Kat Introduces NPX Tenderfoot Awesome NPX Tink John Papa Business Card Bit and Bang npm CI npm Enterprise npm orgs Someone to follow @ShaniseBarona Shanise Barona on #CauseAScene @BrandonTRoberts @AshleyMcnamara Timejumps 02:16 Guest introduction 04:01 What is NPX? 07:18 Do you have favorite things you run with NPX? 08:47 How did you go from concept to NPX? 10:47 What is Tink? 13:29 Sponsor: Native Script 14:03 Unexploding Ward's brain about Tink 17:40 Making solutions to problems people already have 19:20 How do you go from conception to realization? 21:25 The importance of UX for CLI 25:22 Is the a discoverability issue? 29:54 What kind of team do you work with? 30:51 Sponsor: DevIntersection 31:38 Where did the name Tink come from? 32:57 What is NPM CI? 37:35 How do companies get their own npm server? 43:47 Someone to follow Sponsored by: NativeScript
Mon, February 11, 2019
Episode 19: JavaScript Development - Should You Buy or Build, with Guest Wes Bos
Recording date: 2019-01-17 John Papa @John_Papa Dan Wahlin @danwahlin Ward Bell @WardBell Wes Bos @wesbos Resources: Syntax.fm Wes’ Stickers ReactJS ExpressJS MongoDB Mearn Stack Mean Stack Nginx Config Examples Cloudflare PassportJS Auth0 Identity Server Façades Pros and Cons Someone to follow Nicole Oliver Sam Julien Sarah Drasner Timejumps 01:47 Guest introduction 05:33 Is Express still the dominant tool to use? 06:41 What kind of headaches does building your own stack bring? 08:58 Why not use an off the shelf payment system? 10:20 Using Stripe from Node or React? 13:03 Sponsor: NativeScript 13:37 How was integrating Stripe? 16:07 Buy vs build 20:27 When did you create your course platform? 21:26 Why rewrite something that works? 25:59 Sponsor: DevIntersection 26:46 Nginx usage 31:27 How'd you decide what to use when you designed it? 32:10 What are you using for authentication? 36:29 Someone to follow Sponsored by: NativeScript
Tue, February 05, 2019
Episode 18: Vue in Enterprise Apps with Chris Fritz
Recording date: 2019-01-15 John Papa @John_Papa Dan Wahlin @danwahlin Chris Fritz @chrisvfritz Resources: Rahul’s article on Vue Sarah Drasner Vue Style Guide Chris’ Enterprise Boilerplate Vue CLI Preload in Vue Someone to follow Diana Katelin Sarah Drasner Timejumps 01:56 Guest introduction 03:39 What is an enterprise application? 05:10 Our environment shapes the way we think 06:55 What percentage are moving from server rendered to a single page app? 11:38 Sponsor: DevIntersection 12:23 Typescript 16:45 Why not just use Typescript? 19:51 Are people leaning towards classes and decorators? 24:11 Tips for organizing and structuring projects 36:01 What does the enterprise boilerplate give us? 37:40 Sponsor: Native Script 38:14 How does Vue work with mobile? 40:28 Web browser mobile vs native approach? 42:17 How do you optimize your app for performance? 51:23 Someone to follow Sponsored by: NativeScript
Tue, January 29, 2019
Episode 17: Serverless with Jeff Hollan
Recording date: 2019-01-03 John Papa @John_Papa Dan Wahlin @danwahlin Jeff Hollan @JeffHollan Resources: Try Azure Functions Create your first function Microsoft Azure Functions Kubernetes 12 Factor Containers vs Serverless VS Code AWS Lambda Google Cloud Functions Azure Functions VS Code extension Serverless Doorbell - Part 1 Serverless Doorbell - Part 2 Serverless Doorbell - Part 3 Ring Azure Container Instances Someone to follow @MaybeKatz Katia Wheeler @Chris_Noring @Simona_Cotin Timejumps 01:20 Guest introductions 02:10 What is a project manager at Microsoft? 03:52 What's the profile of a customer you talk to? 05:39 Why would I use serverless over containers? 10:25 What is serverless? Where would I use it? 13:43 Why not use serverless for everything? 21:07 Sponsor: Progress 21:52 How does scaling work with serverless? 30:29 Being reactive vs proactive 33:25 Can you use serverless to monitor serverless? 37:50 Are there boundaries on the complexity of fu
Tue, January 22, 2019
Episode 16: Style Guides in React with Sara Vieira
Recording date: 2018-12-13 John Papa @John_Papa Dan Wahlin @danwahlin Sara Vieira @NikkitaFTW / @YLDio Resources: GruntJS GulpJS Tailwind CSS Get Bootstrap React React Styleguidist Someone to follow Cooper Press Publications The Console Log / @_TheConsoleLog Twitter Non-Profits Timejumps 00:43 Guest introduction 03:11 Switching from Angular to React 07:48 Going all Facebook 12:51 How big was the styleguide? 14:44 How did developers access the styleguide? 16:28 Sponsor: Progress 17:07 How do you use CSS with React? 22:27 Writing styleguide for React? 26:23 Flexibility vs stability 29:40 Sponsor: IdeaBlade 30:39 Working with styleguides on a live site 35:39 Bringing new people on with the styleguide 36:40 What lessons have you learned from building apps? 38:50 Someone to follow Sponsored by: NativeScript
Tue, January 15, 2019
Episode 15: Did You Just Screw Up the UI? with Ryan Burgess of Netflix
Recording date: 2018-11-29 John Papa @John_Papa Ward Bell @WardBell Resources: Front End Happy Hour Ryan Burgess - Testing into a Better User Experience Netflix Techblog AB Testing Optimizely Google Analytics Someone to follow: Code Like a Girl The Philosophy of React Vue Vixens NG Girls @Netflix UI Engineers CodeLikeaGirl.org Timejumps 00:56 Mailbag question 06:34 Guest introduction 08:32 Have you screwed up the UI? 09:55 How do we A/B test UI changes well? 13:14 How do you decide who to test? 15:38 Defining light and dark vs a/b 20:45 Sponsor: Progress 21:21 Does Netflix A/B test during a show? 23:23 How big should a feature be to A/B test? 27:38 Are there seperate SPAs for signups, members, and streaming? 29:34 How do you make A/B testing actionable? 33:11 What tools do you recommend for A/B testing? 35:00 Sponsor: 36:05 How do I get the right metric? 37:55 UI Don't's 39:18 Someone to follow Sponsored by: NativeScript
Tue, January 08, 2019
Episode 14: Productive Code Reviews with Chris Fritz
Recording date: 2018-11-29 John Papa @John_Papa Ward Bell @WardBell Chris Fritz @ChrisvFritz Resources: Views on Vue podcast Unproductive code reviews Vue Enterprise boilerplate Someone to follow: Terry Gross Conversation advice Phil Hack Sarah Drasner 's Design for Developers course Ben Hong Timejumps 1:00 Introduction of Chris & mailbag question on how to do code review 9:00 Code reviews with employees vs outside contractors/consultants 15:00 How do you adjust your communication for different people? 17:00 Sponsor: Nativescript 18:00 Styleguide for review 24:20 Having a process with automation to catch things. 26:50 What about comments in code? 32:40 Questions to ask during code reviews. 33:45 Sponsor: Ideablade 35:05 How do internal docs help? 39:00 VS Code snippets 41:50 Running too fast while trying to solve problems creates more problems. 46:00 Someone to follow
Tue, January 01, 2019
Episode 13: Building Code Sandbox with Ives van Hoorne
Recording date: 2018-11-29 John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin Ives van Hoorne https://twitter.com/compuives Resources: CodeSandbox https://codesandbox.io Elixr https://elixir-lang.org/ Erlang https://www.erlang.org/ Reactjs https://reactjs.org/ NPM https://www.npmjs.com/ Serverless https://martinfowler.com/articles/serverless.html Unpkg https://unpkg.com/ Pupeteer https://github.com/GoogleChrome/puppeteer Kubernetes https://kubernetes.io/ Redux https://redux.js.org/ Cerebral https://github.com/cerebral/cerebral CodePen https://codepen.io Monaco https://github.com/Microsoft/monaco-editor Code https://code.visualstudio.com/ Typescript https://www.typescriptlang.org/ Flow https://flow.org/en/docs/frameworks/react/ Someone to follow: Netanel Basal https://netbasal.com Ana Cidre https://twitter.com/AnaCidre_ Kyle Matthews https://twitter.com/@kylemathews / Gatsbyjs https://twitter.com/gatsbyjs Timejumps 1:00 Mailbag question: Will VSCode editor replace the current editor? 3:01 What is Codesandbox and how did you get into it? 6:30 What kinds of challenges did you face when launching Codesandbox? 10:00 What are you using for serverless functions? 13:10 Why use serverless? 16:10 Sponsor: Nativescript 17:15 Moving away from serverless for some things? 23:10 What do you think of suspense or hooks? 24:20 Why does the world need Codesandbox? 28:00 What does Codesandbox use for linting? 31:00 Sponsor: IdeaBlade https://www.ideablade.com 32:30 What is Codesandbox written in? 35:20 How are the users of Codesandbox using types? 36:20 How do you keep up with the latest versions of software? 41:00 How do you handle concurrent users? 42:10 Someone to follow
Tue, December 18, 2018
Episode 12: Mobile Development Using NativeScript with Nathan Walker
Recording date: 2018-11-20 John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin Nathan Walker https://twitter.com/wwwalkerrun Resources: NativeScript https://www.nativescript.org/ Swift https://developer.apple.com/swift/ Ionic https://ionicframework.com/ Electron https://electronjs.org/ React https://reactjs.org Vue https://vuejs.org/ Nathan talks about "Portable North Pole" app https://www.portablenorthpole.com/ XPlat https://github.com/nstudio/xplat Nrwl https://nrwl.io/ TypeScript https://www.typescriptlang.org/ Progress https://www.progress.com/products Someone to follow NativeScript https://www.nativescript.org/ Bram Borggreve https://twitter.com/beeman_nl
Tue, December 11, 2018
Episode 11: Web Accessibility with Jen Luker
Recording date: 2018-11-13 John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin Jen Luker https://twitter.com/knitcodemonkey Resources: section 508 https://webaim.org/standards/508/checklist The a11y project https://a11yproject.com/ Jaws https://www.freedomscientific.com/Products/Blindness/JAWS ARIA https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA The https://www.starbucks.com/careers/ Starbucks career site WCAG https://www.w3.org/TR/WCAG20/ Jen helped author https://www.npmjs.com/package/eslint-plugin-jsx-a11y Husky https://www.npmjs.com/package/husky Google A11y https://developers.google.com/web/fundamentals/accessibility/ Lighthouse https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=en Azure text to speech https://azure.microsoft.com/en-us/services/cognitive-services/text-to-speech/ amazon polly https://aws.amazon.com/polly/ Amazon Polly on Dan's blog: https://blog.codewithdan.com/8-tips-for-maximizing-your-productivity/ *Someone to follow * Gleb Bahmutov https://twitter.com/bahmutov Tejas Kumar https://twitter.com/TejasKumar_ Rick Strahl https://twitter.com/RickStrahl Transcript { credit to Jen Luker } (Intro Music) 0:00:06.6 Voiceover Welcome to Real Talk JavaScript, the weekly talk show with advice and insight into the technologies and practices currently being used to build web applications in the real world. Each week John Papa and Ward Bell talk to industry experts about their experiences writing, deploying and maintaining web applications in HTML, CSS and JavaScript. And now, here are your hosts, John and Ward. 0:00:40.0 John Papa Welcome back to Real Talk JavaScript, this is Episode 11: Accessibility in JavaScript Apps and this week I’ve got my co-host, Dan Wahlin. How’s it going, Dan? 0:00:48.8 Dan Wahlin Going great, John. 0:00:49.9 John Papa And Dan, today we have a special guest of Jen Luker. How’re you doing, Jen? 0:00:54.6 Jen Luker Doing pretty well today. How are you? 0:00:56.0 John Papa We’re doing pretty good, thank you very much. Jen is a Senior Software Engineer at Formidable, BookBytes Podcast co-host, RxJS Learning Team member, and eslint-plugin-react-native-a11y core contributor. Jen has spent a majority of her career as a full stack developer but has a particular fondness for frontend technologies, thus why she’s here today. And she trains others in ReactJS and Accessibility, and enjoys removing obstacles that slow down productivity and loves optimizing webpack builds. When she’s not finding solutions or ment
Tue, December 04, 2018
Episode 10: Mobile/Web Apps Using Ionic with Mike Hartington
Recording date: 2018-11-01 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin Mike Hartington https://twitter.com/mhartington Notes (0:01:59) MailBag question from Jon Mayhew: Is it possible to have one code base for Android, iOS, PWA, and Web? Would you just deploy the PWA as a web app? Or would I need to have a separate Angular app that would look better on the web? (0:03:50) Ward asks "Why go down the road of Ionic" (0:04:20) Mike talks about user expectations and how you choose your mobile solution. (0:05:58) Ward asks if what works on the web also works on mobile (0:07:02) Ward asks how you can take a web app and move to Ionic? (0:08:30) Mike talks about how you can replce an airplane while flying (0:09:10) Mike and John talk about Ionic v4 (0:09:31) John asks Mike where he sees Ionic as a good choice compared to the field (0:10:20) Mike talks about how you can ask yourself if you need device features (0:12:12) Mike alks about what you can do on the Web today cmopared to mobile (0:12:45) John asks Mike if low wifi or no wifi are good scenarios for Ionic, native mogile, or PWAs (0:14:15) Mike talks about how Ionic fits in with the web frameworks (0:15:30) Mike compares mobile dev to baking a cake (0:16:30) Ward talks about Easy Bake Ovens https://en.wikipedia.org/wiki/Easy-Bake_Oven (0:18:30) Apache Cordova: https://cordova.apache.org/ (0:18:38) Mike talks about capacitor https://capacitor.ionicframework.com/ (0:19:35) "Can i use" https://caniuse.com (0:20:01) Mike recommends how to store offline data in mobile (0:20:50) IndxedDB https://developer.mozilla.org/en/docs/Web/API/IndexedDB_API and SqlLite https://www.sqlite.org/ (0:22:01) Data on mobile and sensitive info (0:26:14) Mobile iron and hockeyapp https://hockeyapp.net/ (0:27:12) Stencil: https://stenciljs.com/ (0:28:44) Mr. Peabody and the "Wayback Machine" https://en.wikipedia.org/wiki/WABAC_machine (0:30:33) Mike talks about how Ionic works https://ionicframework.com/docs/components/ (0:31:31) Mike mentions a productivity talk by Scott Hanselman https://www.hanselman.com/blog/ItsNotWhatYouReadItsWhatYouIgnoreVideoOfScottHanselmansPersonalProductivityTips.aspx (0:32:45) RxJS https://rxjs-dev.firebaseapp.com/ (0:35:00) Mike talks about the frameworks handles events (0:36:02) Mike shares a story of a mobile app he built and its challenges (0:39:42) Ward talks about customers he talks to who are just starting to get into mobile (0:40:48) Mike talks about cordova vs not cordova (0:43:11) Ward talks about "CIO Magazin
Tue, November 27, 2018
Episode 9: RxJS with Tracy Lee
Recording date: 2018-10-30 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin Tracy Lee https://twitter.com/ladyleet Notes (0:01:00) Ward reads the mailbag https://twitter.com/plambweb/status/1057291112807723013 (0:01:35) Tracy says often the best answer to RxJS memory leaks is to check to unsubscribe (0:02:01) Tracy talks about RxJS in stencil https://stenciljs.com/, vue https://vuejs.org, react https://reactjs.org, angular https://angular.io, ionic https://ionicframework.com/ (0:03:12) Learn by making mistakes (0:03:50) Tracy talks about some places you can go wrong in RxJS (0:03:55) Introducing Tracy (0:04:20) Tracy's company https://www.thisdot.co/ (0:05:45) Tracy says she prefers frameworks for what they offer (0:06:10) Tracy talks about rxjs https://rxjs-dev.firebaseapp.com/ (0:06:30) Tracy mentions Ben Lesh and RxJS https://twitter.com/BenLesh (0:07:04) Tracy talks about reactive programming https://en.wikipedia.org/wiki/Reactive_programming as sets of events over time (0:07:47) TC39 https://www.ecma-international.org/memento/tc39-m.htm (0:08:00) Tracy explains how, generally, observables are stateless and lazy (0:08:50) Tracy discusses the stages of the TC39 (0:09:03) Babel https://babeljs.io/ (0:09:33) Ward asks what questions Tracy hears at her RxJS workshops https://www.thisdot.co/rx-workshop (0:10:03) Tracy says she hears a lot of confusion on observables and observers https://toddmotto.com/rxjs-observables-observers-operators (0:10:11) Tracy says rxjs operators can be a source of confusion https://www.learnrxjs.io/operators/ (0:10:55) Ben Lesh is working on RxJS 7 (0:11:15) Ward asks tracy how she slides people into rxjs easily (0:11:30) Tracy says she likes that Observables are just functions (0:12:54) John asks Tracy which operators in rxjs to learn first (0:13:53) Ward asks Tracy about the new RxJS docs (0:14:04) Ward talks about one of the creators of RxJS, Matt Podwysocki https://twitter.com/mattpodwysocki (0:14:20) Tracy talks about how RxJS was created as it is today from Netflix and Microsoft (0:15:02) Tracy says there are over 12 million downloads of rxjs a month (0:15:24) Ward mentions the RxJS docs https://rxjs-dev.firebaseapp.com/ (0:16:46) RxJS on npm https://www.npmjs.com/package/rxjs (0:17:50) John asks Tracy how she advises people on upgrade strategies for RxJS (0:18:45) Ward mentions the RxJS change from method chaining to pipe (0:18:49) Upgrade rxjs 5 to 6 https://www.learnrxjs.io/concepts/rxjs5-6.html (0:19:46) John asks Tracy what kin
Tue, November 20, 2018
Episode 8: Node.js in Production with Tierney Cyren
Recording date: 2018-10-25 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/dan wahlin Tierney Cyren https://twitter.com/bitandbang Show Notes: (0:01:11) Ward reads the mailbag about Node versioning (0:01:39) Tierney talks about Node.js versioning https://nodejs.org/en/ (0:01:56) Tierney discusses the Node.js LTS schedule (0:02:18) Ward asks how he would go about moving from v8 to v10 of Node.js (0:02:48) John asks if the code needs to change or just recompile (0:04:40) Tierney explains the node.js release lines work https://nodesource.com/blog/understanding-how-node-js-release-lines-work/ (0:05:10) Tierney explains there can be more than one active LTS at a time (0:05:39) John dsicusses how the Node.js LTS chart is helpful https://github.com/nodejs/Release#release-schedule (0:06:10) Ward asks what is he missing if he doesn;t move to a new release (0:06:30) Tierney explains vthat you may miss vulnerability patches (0:07:30) Tierney explains how he recommends thinking about how long you should stay on a release line (0:08:10) Tierney says Laurie Voss https://twitter.com/seldo of npm had a talk about the Fortune 50 companies who use Node.js (0:08:46) Ward asks what the relationship is between Node.js and npm (0:09:00) Tierney says npm is a company https://npmjs.com (0:09:39) Tierney mentions Isaac - CEO of npm https://twitter.com/izs?lang=en (0:12:32) John asks Tierney what the performance is of Node.js (0:14:11) Tierney talks about how LinkedIn used Node.js (0:14:33) Tierney says Paypal is the largest public deployment of Node.js on the planet (0:14:50) Tierney says Walmart uses Node.js which helps them with Black Friday sales (0:16:04) tc39 spec https://tc39.github.io/ecma262/ (0:16:48) Node.js performance tips https://www.smashingmagazine.com/2018/06/nodejs-tools-techniques-performance-servers/ (0:17:01) Ward asks what level of javascript features are implemented in Node.js (0:17:40) Tierney talks about ESM (module system) (0:19:40) John and Tierney talk about tools for application performance monitoring (0:21:04) New Relic and AppDynamics are great tools for this (0:21:40) Tierney talks about when the event loop is blocked (0:21:45) JSON.parse can sneak up on you, as it blocks the event loop (0:22:46) NSolid is a replacement for node.js runtime - does perf monitoring too https://nodesource.com/products/nsolid (0:22:50) John asks if you can use NSolid for production deployments without slow-downs (0:22:50) Tierney talks about the performance impact of using NSolid for monitoring (0:23:30) John tal
Tue, November 13, 2018
Episode 7: Custom Web Components with Rob Wormald
Recording date: 2018-09-20 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Sam Julien https://twitter.com/samjulien ** Rob Wormald** https://twitter.com/robwormald Notes: (0:01:20) Mailbag https://twitter.com/D2KX_/status/1052980944389513217 about Polymer's life and web components (0:01:30) Polymer https://www.polymer-project.org/ (0:02:44) Rob says that more common features will move to the platform for web components (0:03:45) Rob talks about how his role is to talk to folks who build apps with JavaScript (0:05:04) Rob talks about solving the problem of recreating the same component over and over (DatePicker as an example) (0:05:26) DatePicker in Angular Material https://material.angular.io/components/datepicker (0:05:46) Rob talks about solving the problem of recreating the same component over and over (DatePicker as an example) (0:06:31) Dan talks about jQuery and the plugins for extensibility (0:08:00) Ward asks if people are looking for an Angular version of a control or a more generic JavaScript one (0:08:33) Ward asks Rob if he sees people want to interop between platforms (0:09:12) Rob talks about how Google has various internal tools (0:10:20) Angular's new Ivy compiler https://www.youtube.com/watch?v=dIxknqPOWms&feature=youtu.be&t=1360 (0:10:37) John asks Rob to explain the Ivy compiler (0:11:15) Tree shaking https://developer.mozilla.org/en-US/docs/Glossary/Tree_shaking (0:11:30) Rob talks about how an Angular app will be about 15kb with Ivy (0:14:00) John asks Rob if sharing company specific UI libraries is one of the goals of Angular Elements (0:14:32) Angular Elements https://angular.io/guide/elements (0:15:32) Ward asks Rob about dynamic forms and how Angular Elements may address it (0:17:44) Ward asks about the value of AngularElements talking to each other! Vanilla web components are stand alone. Great. But I build apps and apps are components that talk to each other. If I'm building with AE, I get that inter-comm among elements, yes? How does that work? (0:19:08) Dan asks Rob about how this impacts big companies (0:20:26) Rob talks about SkateJS https://github.com/skatejs/skatejs (0:21:09) Ward asks Rob about vanilla web components. (0:21:19) Ward says components should be able to talk to each other. (0:22:37) Rob addresses how components can talk to each other with Angular Elements (0:23:30) Dan says a lot of the companies he works with have islands of apps and want to take a feature and drop it in with a tool like Angular Elements. (0:24:00) Ward says he loves Sharepoint (0:24:29) Rob explains how Sharepoint users are one of the larger consumers of
Tue, November 06, 2018
Episode 6: Upgrading JavaScript Apps with Sam Julien
Recording date: 2018-09-20 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Sam Julien https://twitter.com/samjulien Notes: (0:00:59) you've got javascript, what do you do? (0:02:30) Taylor Swift - Shake it Off - from the mailbag (0:04:04) Sam talks about his time at a non-profit to help upgrade a project (0:04:35) Sam talks about using Hot Towel, Gulp, Bower and npm (0:05:00) Sam talks about his Angular v1 app https://angularjs.org/ (0:05:20) Hot Towel https://johnpapa.net/hottowel/ (0:06:00) Sam talks about adding ES6 (0:06:23) Gulp https://gulpjs.com/ (0:06:37) Babel https://babeljs.io/ (0:07:00) WebPack https://webpack.js.org/ (0:07:19) Sam went to NgConf to learn about the next version of Angular https://www.ng-conf.org/ (0:07:50) Angular https://angular.io/ (0:08:03) Sam talks about where he looked for guidance on upgrading Angular (0:08:40) Ward asks Sam if Gulp and WebPack are comparable (0:10:00) Sam talks about issues he faced with Webpack and how they tackled it (0:12:21) Sam talks about how they approached the upgrade in terms of the infrastructure (0:12:58) Sam says nobody was talking about how the mental shift of starting Angular apps changed from v1 to v2 (0:13:30) Ward talks about the tool change shift (0:13:50) Ward discusses how he shifted from Gulp to the Angular CLI for builds (0:17:29) John asks Sam about the churn in JavaScript tooling (0:18:11) Sam compares angular.js to jQuery (0:18:21) Ward coins the phrase "Script Kitty" (0:20:39) Sam refers to the Indiana Jones swap https://www.youtube.com/watch?v=0gU35Tgtlmg (0:21:23) Ward asks Sam if he found a strategy that worked in upgrading old to new angular (0:21:48) ngupgrade https://angular.io/guide/upgrade (0:23:00) Sam talks about Change detection in upgrades (0:23:30) John asks Sam ho wlong the upgrade took for his team (0:24:00) Sams talks about how long it took him and his team to upgrade (0:26:29) Sam says he was allowed 30% of their time on technical debt to upgrade/refactor (0:25:33) John asks Sam if the time investment was worth the upgrade (0:27:10) Ward proposes that it may be better to re-do the app vs upgrade (0:28:13) Sam talks about how to weigh the factors for upgrade vs re-do (0:34:02) Sam talks about the unit of work pattern https://docs.microsoft.com/en-us/aspnet/mvc/overview/older-versions/getting-started-with-ef-5-using-mvc- 4/implementing-the-repository-and-unit-of-work-patterns-in-an-asp-net-mvc-application (0:34:27) John asks if it's good to look at how long the app took to write in the first place, when upgrading (0:41:5
Tue, October 30, 2018
Episode 5: Surviving and Thriving in OSS with guest Filipe Silva
Recording date: 2018-10-02 John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin Filipe Silva https://twitter.com/filipematossilv (0:01:28) Mailbag - Arianna Grande asks Filipe how he copes with people who are not polite about their OSS communications (0:04:21) Dan: Dealing with unpleasant people in open source projects (0:04:45) Dan: Techniques for dealing with github issues that comes in and not trying to read too much into an issue comment (0:05:20) Filipe says you lose a lot in the GitHub issue communication (written form) (0:07:14) John asks "What is the outcome you want for your online interactions?" (0:07:44) John says he likes to look at how people interact online as a basis for how they will work on a team (0:08:55) Dan says the way you interact with issues can leave a fingerprint to future hiring (0:09:49) John asks Filipe how he tries to get to the real problems and how they prioritize? (0:10:10) Filipe says the priorities are "is it working?" first and foremost (0:10:30) Angular CLI github repo https://github.com/angular/angular-cli/ (0:11:50) Filipe says performance issues involve a lot of time and debugging (0:12:00) When you pull up the debugger are you sure you know what you will learn? (0:12:13) Flame Charts https://developer.mozilla.org/en-US/docs/Tools/Performance/Flame_Chart (0:13:00) Filipe says console.log is still a valid debugging tool (0:16:00) Ward asks what performance tools are available that he recommends (0:17:30) Ward asks what the trigger is that says it is time to go into performance debugging (0:18:00) John asks about how Filipe dealt with a recent issue where building Angular took longer than normal (0:18:50) What tools are built into some OSS software for profiling or helping with debugging (0:19:26) Ward asks about lazy loading. As in, does it really matter? (0:20:00)Filipe talks about bundle sizes and their impact (0:21:10) Dan asks about tools to analyze traffic can help determine which routes to lazy load (0:22:33) Filipe talks about working remotely (0:22:54) Filipe talks about cooking pizza (0:23:03) Filipe discusses how he made his own working hours as a remote worker (0:25:45) Dan: Discussion on working remotely with a distributed team (0:26:00) Filipe talks about how they deal with the high number of issues and contributors to their OSS repository (0:27:30) Filipe discusses how they prioritize issues in github (0:28:08) Filipe talks about "caretaking" duty - triage of issues in github by feature areas. (0:29:00) Ward mentions that Caretaking on the Angular team is a rotating position. (0:29:14) Filipe shares information about "care t
Tue, October 23, 2018
Episode 4: Progressive Web Apps (PWAs) with Maxim Salnikov
Recording date: 2018-09-20 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin (0:01:51) John reads the mailbag about browser support, service workers performance imapc,t and adding home screens to PWAs. (0:01:51) Mailbag https://twitter.com/RealTalkJS/status/1042572672025194496 (00:2:15) Maxim describes PWA support in the browsers (0:03:10) Ward points out that Addy Osmani https://twitter.com/addyosmani says: "It's important to remember that Progressive Web Apps work everywhere but are supercharged in modern browsers. Progressive enhancement is a backbone of the model." (0:03:42) Service worker support in "Can I Use" https://caniuse.com/#feat=serviceworkers (0:03:50) Maxim recommends using the PWA feature detector https://github.com/tomayac/pwa-feature-detector (0:04:10) Maxim answers John's question about how PWAs have changed over the past few years (0:05:45) Maxim answers what a PWA is and the value to developers and users (0:07:00) Ward asks "What problem does PWA solve?" (0:07:43) Dan asks what he benefits of PWA are to an enterprise business (0:08:50) Maxim points out how low wifi (LiFi) can be hard to deal with (0:09:22) What is a PWA https://developers.google.com/web/progressive-web-apps/ (0:09:30) Ward asks if a PWA magically knows if its offline or not (0:11:50) Maxim talks about LiFi as really low connectivity (0:13:20) John clarifies with Maxim that PWAs uses browser APIs to check their connectivity (0:14:00) Ward asks if he should use the raw service worker protocol (0:15:15) Dan and Ward asks Maxim what makes this easier (0:16:57) Maxim talks about the Workbox project https://developers.google.com/web/tools/workbox/ (0:18:15) John asks Maxim what else besides Service Workers, that is a part of PWAs (0:18:30) Maxim discusses web app manfiest https://developer.mozilla.org/en-US/docs/Web/Manifest (0:21:10) Maxim talks about Service Worker precache https://github.com/GoogleChromeLabs/sw-precache (0:22:22) Ward asks Maxim to tell a story about one of Maxim's successful experiences with PWAs (0:28:26) mobile era rocks PWA https://mobileera.rocks/ (0:28:46) Ward raises how conferences are notorious for low wifi (0:33:00) John asks Maxim when not to do a PWA (0:38:00) Ward, John and Maxim discuss security concerns with PWAs (0:44:30) Lighthouse tool for PWAs https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk (0:45:30) Maxim mentions the Web Hint tool for PWAs https://webhint.io/ (tip: npx hint https://example.com ) (0:46:50) Someone to follow: Nicholas Zakas https://twitter.co
Tue, October 16, 2018
Episode 3: Dan Wahlin on End to End Testing with Cypress.io
Recording date: 2018-09-13 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin (0:03:30) Ward asks Dan when there are too many end to end tests (0:04:23) Dan talks about how he got into end to end tests (0:06:42) Ward talks about how he approaches testing a component (0:07:50) Dan talks about how deep routes in javascript frameworks help end to end testing (0:10:00) John asks Dan about how testing workflows can be a sweet spot for end to end tests (0:10:47) John asks Dan how he uses id vs class in elements to locate what he wants to test (0:12:20) Dan mentions how he uses css selectors to locate what he wants to test (0:12:50) Ward says don't drill down through your HTML to locate elements for testing (0:15:47) Dan talks about his experience with Protractor and Selenium https://www.seleniumhq.org/ (0:16:26) Dan talks about how he uses Cypress.io https://www.cypress.io/ (0:18:40) Dan talks abot how Cypress.io doesn't work in all browsers (0:19:10) Ward mentions how he uses Test Cafe http://devexpress.github.io/testcafe/ (0:19:50) Dan discusses his pain points for testing child routing without end to end tests (0:21:00) Dan says he wrote his first 5 or 10 tests with Cypress within an hour (0:21:36) Ward says end to end tests can be more fragile and slower than unit tests (0:21:56) Ward says his large team uses end to end tests because it makes sure that nobody breaks anybody else (0:24:25) Dan says Cypress is pretty fast to run (0:24:58) Dan says he uses TypeScript a lot (0:25:20) John asks Dan "how fast is fast?" (0:27:00) John asks Dan to clarify how he handles authenticating during an end to end test (0:28:30) Ward asks Dan how if he opens the browser for each test, or once for the entire sequence of tests (0:30:00) Dan disucsses how he uses containers for testing (0:21:40) Edge browser https://www.microsoft.com/en-us/windows/microsoft-edge (0:23:37) Sauce Labs https://saucelabs.com/ (0:31:28) John talks about security expert Brian Clark https://twitter.com/_clarkio (0:32:10) Ward discusses how animations can cause tests to run slower (0:33:30) Dan says Cypress is good at responding in github (0:34:03) Cypress on twitter https://twitter.com/Cypress_io (0:34:14) Cypress github issues https://github.com/cypress-io/cypress/issues (0:38:25) Dan talks about Electron https://electronjs.org/ (0:39:00) Dan talks about time travel in cypress's test tools (0:42:03) Cross browser testing in Cypress.io https://github.com/cypress-io/cypress/issues/310 (0:49:00) John asks Dan about how you can use npm install for cypress
Tue, October 09, 2018
Episode 2: Visualizations Using D3 with Aysegul Yonet
Recording date: 2018-09-13 John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Aysegul Yonet https://twitter.com/AysSomething $50 off to register for DevInteresections in Dec 2018 http://bit.ly/RTJS_Dev_Registration (0:02:10) Mailbag: AssemblyScript and TypeScript with D3 (0:02:36) Ward asks Aysegul what AssemblyScript is (0:04:28) AssemblyScript https://github.com/AssemblyScript/assemblyscript (0:05:07) D3 docs https://d3js.org/ (0:06:46) D3 visualization examples https://github.com/d3/d3/wiki/Gallery (0:09:20) John asks how we should make the decision on when to use a visualization (0:12:07) Ward aks for an example of something Aysegul has done recently with D3 (0:17:07) John asks Aysegul where people can learn the basics for D3 (0:19:30) Aysegul talks about her favorite videos on D3 https://www.youtube.com/watch?v=DTjLcLytNt8 (0:20:45) Aysegul discusses challenges she faced with working with D3 (0:23:50) Ward asks about testing D3 (0:25:38) Ward asks how much time does someone need to invest to become a D3 developer (0:26:49) https://www.tableau.com/ (0:31:38) D3 with rxjs https://github.com/Reactive-Extensions/RxJS/tree/master/examples/d3 (0:34:11) egghead and d3 https://egghead.io/lessons/d3-get-started-with-d3 (0:34:36) D3 at Pluralsight https://app.pluralsight.com/library/courses/d3js-data-visualization-fundamentals/table-of- contents (0:34:59) Udacity and D3 https://www.udacity.com/course/data-visualization-and-d3js--ud507 (0:38:18) Aysegul at AngularConnect 2016 https://www.youtube.com/watch?v=3i8voRuZL70 (0:41:47) code 4 good https://github.com/Yonet/Code4Good (0:43:07) Katerina Skroumpelou https://twitter.com/psybercity (0:43:51) Nicholas Jamieson https://medium.com/@cartant $50 off to register for DevInteresections in Dec 2018 http://bit.ly/RTJS_Dev_Registration
Tue, October 02, 2018
Episode 1: Scaling React with Brian Holt
Recording date: 2018-09-11 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Brian Holt https://twitter.com/holtbt (0:01:23) "Lady Gaga" writes in for the mailbag (0:03:25) How do we tackle the challenges we face in web development (0:05:55) Brian discusses his view on scaling to human teams (0:06:20) Defining "large" applications, and application size (0:07:10) How the human dimension plays into scale (0:07:15) Scaling Angular http://angular.io/ at Reddit (0:08:10) Brian discusses how you don't miss a business deadline (0:09:40) Communication between engineers, product teams, design teams, and C levels is important (0:09:59) Ward asks how to balance process vs getting things done (0:11:15) Brian talks about his experience with process at Netflix (0:12:57) LinkedIN and having a real Jira expert to set up the process and investing in their tools (0:15:36) DevOps experiences can be very different for Node.js (0:16:25) Brian talks about the importance of getting a full CI pipeline and high code quality (0:17:10) Brian says code doesn't age well, so tools like ESLint help create guidelines (0:17:45) Brian talks about how he uses TypeScript with React https://reactjs.org/ (0:20:55) Brian states "that which you cannot automate, you cannot enforce" (0:22:30) Nit picks and their effect on development (0:23:52) John asks Brian about the usage of Flow https://reactjs.org/docs/static-type-checking.html and TypeScript https://www.typescriptlang.org/ in React (0:29:20) Brian discusses when to delete code and keeping code easier to read (0:30:50) Brian loves opening PRs with more deletion that additions (0:32:00) Ward asks Brian how communication works up and down, and across the component trees in React (0:33:01) Brian talks about Prop drilling https://reactjs.org/docs/components-and-props.html (0:33:37) Brian talks about Flux http://facebook.github.io/flux/docs/overview.html#content and Redux https://redux.js.org/ (0:35:00) Brian tells us about something that's better for data state management (Suspense) (0:35:00) Dan Abramov https://twitter.com/dan_abramov and Suspense in React https://www.youtube.com/watch?v=6g3g0Q_XVb4 (0:37:00) Brian says most of the time context https://reactjs.org/docs/context.html will serve you better than Redux (0:38:30) John says someone to follow is Max Koretskyi - https://twitter.com/maxim_koretskyi https://blog.angularindepth.com/ (0:39:12) Ward says someone to follow is Rick Strahl https://twitter.com/RickStrahl (0:39:12) Rick has a blog post questioning if css/html has evolved far enough https://weblog.west- wind.com/posts/2018/Ma
Trailer · Wed, September 26, 2018
Episode 0: Meet John and Ward
Welcome to Real Talk JavaScript, the weekly talk-show with advice and insight into the technologies and practices currently being used to build web applications in the real world. Each week, John Papa and Ward Bell will be talking to industry experts about their experiences writing, deploying, and maintaining web applications in HTML, CSS, and JavaScript. Send questions or show ideas and follow the show on Twitter: @RealTalkJS Follow John and Ward: @John_Papa and @WardBell
loading...