Web Rush: Recent Episodes
Dan Wahlin, John Papa, Ward Bell, Craig Shoemaker
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
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.
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.
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 How should people manage their APIs? * 13:38 Have you tried working without a database? * 17:24 Is load balancing needed on smaller APIs? * 21:44 Sponsor: IdeaBlade * 22:37 The importance of API security * 27:22 Why is developer experience that API management could help with? * 37:44* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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.
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.
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.
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.
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 How do I keep my source code safe from AI vulnerability? * 39:20* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 Sponsor: Ag Grid * 10:48 Why Python? * 23:29 Software engineers dislike writing tests * 26:13 How should developers balance the principles of testing? * 31:34 Happy birthday to Ward * 32:44 How do you break functions into multiple functions? * 36:46 Sponsor: IdeaBlade * 37:36* Where should people go to learn more?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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 to get a job at a company? * 30:39 What is analog in the Angular community? * 37:47* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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
TimejumpsPodcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 science? * 27:34 Sponsor: IdeaBlade * 28:34 What are you building with React? * 31:20 How are you using Code Sandbox? * 32:34 What happens next after college? * 35:43 Has there been resourcing in the job application process? * 38:25* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * 25:22 What are some interesting ways to get a new job in 2024? * 29:03 What are people stumbling on in cloud engineering? * 31:08* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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? * 10:44 Sponsor: Ag Grid * 11:48 When something is truly available to everyone, that's when you've democratized it * 20:05 Who is the target audience for AI in 2024? * 27:08 Sponsor: IdeaBlade * 28:06 What AI tools does Lee Stott think are worth checking out? * 35:24* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 in programming? * 17:41 Can you do formal education and more informal education in programming? * 29:27 Wanting to be around like minded people learning in a similar direction * 35:20 Sponsor: IdeaBlade * 36:24* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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.
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.
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.
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 * 13:57 How do LLM produce the right summary? * 24:42 Sponsor: IdeaBlade * 25:40 Have you tried different LLMs? * 27:47 Why do people need to run an LLM locally? * 37:29 It's about testing and trust * 39:32 How do you understand LLM's confidence in an answer * 43:04* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 What to consider when adopting AI * 36:54* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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? * 36:04* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Defining entities in Remult * 19:53 Does Remult play nice with other tooling? * 27:37 Sponsor: IdeaBlade * 28:38* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 if you run a model locally? * 07:13 Sponsor: Narwhal * 07:48 What is fine tuning a model? * 13:52 When AI has blown our minds * 16:55 Sponsor: Ag Grid * 17:55 Bring your own data BYOD * 20:04 What is text embedding? * 28:52* What is Typechat and where is it useful?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 What about fault tolerance? * 26:21 What are other uses for SendBeacon? * 29:14 Why isn't there more conversations around this? * 30:52 Who should be using user monitoring? * 32:25 How easy is it to get started with Polaris? * 34:04* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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-driven APL programs" 1975 (Note that the abstract had to explain what "data-driven" means even to a highly technical audience. That's where we were in those days.)
Timejumps 00:28 Welcome * 03:54 Introducing Katerina * 04:45 How did you get into AI? * 05:45 Why AI assistant is important for documentation? * 09:46 Sponsor: Ag Grid * 10:51 How do you feel it's been going? * 16:32 What approach did you end up using to train AI? * 18:36 What are embeddings? * 20:32 Sponsor: Narwhal * 21:06 Acknowledging our AI knowledge * 24:25 How AI answers a question * 28:31 How did you decide how often to call the API? * 32:41 What is Rag? * 36:49* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Chris Enns of Lemon Productions.
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 * RedwoodJS startup fund * Chatterbug * RedwoodJS tutorial * RedwoodJS on YouTube * RedwoodJS Conference in September 2023
Timejumps 00:29 Welcome * 00:43 Who is Tom Preston-Werner? * 02:14 What is RedwoodJS? * 09:21 Sponsor: Narwhal Nx * 10:00 How do you evaluate new technology and integrate it into Redwood? * 19:36 How does RedwoodJS go further than NextJS? * 27:56 What is startups at scale? * 37:00 Sponsor: Ag Grid * 38:11 Maintainability of software * 43:53* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Alexander * 03:07 What is the compositions API vs options API? * 09:37 Sponsor: Ag Grid * 10:46 Giving the developer more control over the code * 13:36 Talking about reusability vs components * 19:23 What Dependancy Injection is like in Vue? * 29:19 When should I use href and reactive? * 42:00 Sponsor: IdeaBlade * 42:57 Final thoughts * 46:23* What is Vue vine?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 What did you use Open AI for? * 05:56 Sponsor: Narwhal * 06:34 Did you use Fetch? * 08:13 What is a token? * 13:29 What's a transformer? * 17:52 How did you get started with Open AI development? * 22:28 Sponsor: Ag Grid * 23:25 Was it easy to make the calls through HTTP? * 26:08 What's a semantic kernel? * 30:13* Getting back to the why of Open AI?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Narwhal
Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. * Ionic
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 Nuxt 3 on Azure Static Web Apps * Nuxt Upgrade Guide * Nuxt DevTools * Nuxt DevTools Overview Video * Start Using Nuxt easily * Ajax on wikipedia * Inception Movie from 2010 * Alex’s Twitter * Alex’s GitHub * Alex’s LinkedIn * Alex’s (Old but hopefully soon new) website
Timejumps 00:28 Welcome * 01:44 Introducing Alexander Lichter * 02:59 What is Nuxt? * 04:28 How does Nuxt help developers? * 07:43 What does server side generation give developers? * 09:28 Sponsor: IdeaBlade * 10:27 Are we shifting back to server side rendering? * 15:27 How is it different from using PHP? * 18:10 Do I use server components or Nuxt clientside components? * 20:48 What's exciting for you in Nuxt? * 29:06* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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.
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? * 06:55 Sponsor: Ag Grid * 08:04 What do we think of Signals? * 18:19 Template syntax in Angular * 25:10 Sponsor: IdeaBlade * 26:09 Using AI to write Angular * 32:01 What else was talked about at the conference? * 33:17* Ward's gut reaction to signals
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Every Day
Timejumps 00:29 Welcome * 00:55 Notepad update * 03:02 Introducing Juri * 05:00 What is Nx? * 08:26 Sponsor: Ag Grid * 09:30 What are the problems Nx is solving? * 14:05 How does Nx help with speed in monorepos? * 22:40 When is Nx usable on projects? * 32:42 Sponsor: Narwhal * 33:17 How do you import existing projects into Nx? * 35:49* How might Nx integrate AI?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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? * 39:28* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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:39 What is the community ecosystem for .NET Maui like? * 26:58 What's the process for building backend APIs with .NET Maui? * 30:13* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Creating a Scalable API with microservices * Azure Container Apps * Microservices are not the answer to everything
Timejumps 00:23 Doesn't John know who he is? * 02:37 Introducing Bornwell Matembudze * 05:01 How do you start developing with a scalable API in mind? * 09:06 Sponsor: Ag Grid * 10:07 What are backend APIs? * 14:11 How do you scale effectively? * 15:40 What is Event Driven Architecture? * 17:32 Sponsor: Nrwl * 18:03 How does EDA and RabbitMQ help you scale an API? * 20:39 Synchronous vs asynchronous? * 23:20 Example of customers and orders * 25:43 How do you handle testing? * 27:12* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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? * 06:35 What makes a good developer advocate? * 09:02 Sponsor: Narwhal * 09:38 How do you decide where you should spent your time? * 15:44 How does AI and identity merge? * 16:49 Sponsor: Ag Grid * 17:52 Why did you start a newsletter? * 20:34 What makes for a good communicator? * 23:37 What is your process for writing a newsletter? * 29:39 What are some lessons you've learned writing a newsletter? * 35:08* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 if you need a runtime or not? * 09:51 What are common scenarios where you don't need the runtime? * 14:24 Sponsor: IdeaBlade * 15:29 What do you like about Astro? * 20:56 How much of Astro do I need to learn to use Astro with another framework? * 21:48 What are some of the features of Astro 2? * 24:22* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 testing? * 16:15 Sponsor: Ag Grid * 17:16 Could you do visual comparison testing? * 20:39 Is there migration tools for Playwright? * 23:12 How would I automate testing with Playwright? * 25:20* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * AI: It’s not going where you think – with Rob Lennon * Responsible AI * White House meets with Tech companies on Responsible AI
Timejumps 00:28 Welcome * 03:28 Guest introduction * 04:09 Why NextJS and ReactJS? * 05:27 What is DynamoDB? * 09:27 What features do you get out of your tech stack? * 10:53 Sponsor: Ag Grid * 11:43 How are you integrating AI in React and NextJS? * 17:40 Do users need to understand prompt engineering? * 19:00 Sponsor: IdeaBlade * 20:01 What's important for developers to know about prompt engineering? * 26:45 Why NextJS? * 31:22 What tech is best suited for various parts of your app? * 32:47 What new features would you like to build? * 33:28* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Sponsor: Narwhal * 30:54 Sponsorship as a way to help people * 36:55* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 click deploy * 12:19 Two flavors of how to run static web apps * 17:04 Sponsor: Ag Grid * 18:01 What does static even mean? * 20:47 Why would you want to do this? * 24:18 How do I integrate with an API for data? * 32:02 Dealing with auth access and permissions * 35:27* What is a preview environment?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * 36:45 What should developers understand about HTML? * 38:09 HTML issues with forms * 39:53 What do you think of Emmet? * 44:17* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Sponsor: Ag Grid * 08:46 How do you balance security and ease for developing? * 14:00 Is there a tool or AI for security? * 21:22 Where are the guard rails for people? * 34:02 Sponsor: Narwhal * 34:39 How do you deal with the humans using the apps? * 40:18 Dealing with supply chain and npm * 47:28* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * 01:37 Guest introduction * 02:55 What is SRE? * 05:38 What is it like if you don't have an SRE? * 09:29 Sponsor: Ag Grid * 10:36 Available vs reliable * 13:35 Is SRE the same as health monitoring? * 21:29 Sponsor: IdeaBlade * 22:30 How do I make sure I don't cause more reliability issues? * 27:36 Who's providing the infastructure? * 31:04 Where's the AI in all of this? * 33:59* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Sensor API * Geolocation API * Bluetooth device API * MIDI API * HTML Sanitizer API * IndexedDB API
Timejumps 00:34 Welcome * 01:41 Guest introduction * 02:46 Which browser APIs are you working with lately? * 05:41 How do you know which browser supports which API? * 08:29 Sponsor: Narwhal * 09:09 What code do you write to ensure API support? * 10:38 What is a polyfill? * 15:03 How do the APIs get used on mobile development? * 17:23 How would you categorize APIs? * 22:44 How could someone use broadcast channel API? * 25:25 Sponsor: Ag Grid * 27:36 Media APIs * 34:03 Devices API * 38:36 Data management APIs * 43:07* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Chris Enns of Lemon Productions.
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.
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 How do you determine success or failure in a startup? * 33:23 Be prepared for the unprepared * 35:50* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Slides about PWA offline-readiness * PWA docs on Microsoft Learn (great and up-to-date resource!) * BPM Techno service worker source code (Workbox-powered) * BPM Techno service worker build source code * BPM Techno Web App Manifest source code
TimejumpsPodcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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.
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 * Introduction to Dev Containers
Create a Dev Container https://code.visualstudio.com/docs/devcontainers/create-dev-container
Timejumps 00:46 Guest introduction * 02:30 What is Code Spaces? * 03:21 What problem is Code Spaces solving? * 05:14 What's the debugging experience in Code Space? * 06:50 Sponsor: Ag Grid * 07:51 What about open source contributer and PRs? * 14:51 Using Code Spaces with a lower powered computer * 16:44 Is there a program for students? * 19:28 Sponsor: Narwhal * 20:09 What is the cost of Code Spaces? * 24:51 How do the dev container files work? * 28:45 How does Code Spaces compare to competitors? * 32:25 How else is Code Spaces used? * 39:12* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Sponsor: IdeaBlade * 40:19 What are features of Tanstack router? * 42:40 What is code splitting? * 44:39 More features of Tanstack Router * 51:32* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Not having to remember monotonous details * 23:31 Sponsor: Narwhal * 24:10 Why use these tools? * 31:46* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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? * 14:31 Sponsor: IdeaBlade * 15:33 Where is this being used? * 19:05 Do proxies allow for random access? * 20:30 When do you think about performance? * 27:22 When should people bring this into their codebase? * 29:38* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 episode done by Chris Enns of Lemon Productions.
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 Sponsor: IdeaBlade * 23:13 Make it easy to do the right thing * 29:16 What was log4j? * 33:45 How does Socket work? * 34:36* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Chris Enns of Lemon Productions.
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:11* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Chris Enns of Lemon Productions.
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 * 21:48 Why don't we want to test? * 24:55 What's easy and what's still difficult? * 27:57 What code am I handing over to Cypress? * 35:27 Cypress 11 availability * 36:13* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 are some use cases for Wave? * 29:21* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Do you use Cypress for unit tests? * 19:10 What are the various kinds of testing? * 27:08 What does Cypress do to make testing less painful? * 29:21 Sponsor: IdeaBlade * 30:11* What do people need to know about component testing?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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
TimejumpsPodcast editing on this episode done by Chris Enns of Lemon Productions.
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? * 10:37 How did you do authentication and hosting? * 17:14 How quickly is data updated? * 23:48 What pain goes away because you can use functions? * 25:33 Sponsor: IdeaBlade * 26:32 How does Firebase handle authentication? * 28:44 How do you deploy your project? * 36:32* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 issues people run into with Vest? * 14:12 What is DX? * 19:30 When should you use Vest? * 22:35 Should we be validating on the server? * 27:37 How have you used Vest? * 29:21 Sponsor: Ag Grid * 30:24 What is the future of Vest? * 33:34 What are you working on these days? * 37:24* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 * Immutable.js * RxJS * React Hooks * useRef and useState in React * Or
Timejumps 00:33 Welcome * 02:10 Guest introduction * 06:41 What is a proxy? * 07:58 Sponsor: Ag Grid * 09:04 Examples of proxies and how they work * 14:38 What does your field guide help people with? * 23:53 Sponsor: Narwhal * 24:32 Who is the book for? * 26:58 What about dynamic HTML? * 27:35 What's your favorite feature of each framework? * 31:53 What is a barrel file? * 41:43 How can we get the book? * 44:17* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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
Timejumps 00:49 Welcome * 03:05 Guest introduction * 03:53 What is HuggingFace? * 06:03 How do you use Svelte at HuggingFace? * 09:09 Sponsor: Ag Grid * 10:12 What should you think about when making a production version? * 14:14 What is hydration and why do I care? * 18:14 How does Svelte scale up? * 36:21 Sponsor: IdeaBlade * 37:22 What are your favorite features of Svelte? * 40:01 How does Svelte help when working on clients sites? * 45:17* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 different in Angular? * 27:36 Sponsor: IdeaBlade * 28:39 More Angular could be less Angular * 36:29* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Lemon Productions.
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 by Chris Enns of Lemon Productions.
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.
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 Sponsor: Ag Grid * 09:28 Do you have examples of apps developed for Teams? * 15:28 What is the developer experience of building an app for Teams? * 20:17 What events or app life cycle are devs going to want to use? * 25:17 Sponsor: IdeaBlade * 26:13 How easy is it to bring an existing app into Teams? * 29:32 Are apps isolated from Teams? * 31:03 What are some use cases for bots inside Teams? * 32:54 What is debugging a Teams app like? * 39:20 What is the query language for Microsoft graph? * 40:35* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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:
- Another blog post about Lerna
- Announcement of 5.1
Lerna and Nx:
- Nx without plugins is basically Lerna with Nx
- Integrating with Nx
- Distributed Task Execution
- Monorepo tools
How to Learn(a)
- Victor's video
- Nx philosophy
- Tutorial with video
Examples repos:
- Getting Started
- Benchmark
- Setting up DTE (distributed task execution)
TimejumpsPodcast editing on this episode done by Chris Enns of Lemon Productions.
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 Angular 14? * 31:23 The inject function * 34:02 Is Angular improved by version 14? * 38:10* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Sponsor: IdeaBlade * 19:20 What is developer experience like for Capacitor? * 21:03 How much is Capacitor? * 27:11 What's the compelling reason to use Capacitor? * 31:45* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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 * 02:21 Sizzle no longer needed * 03:22 Finding an element by it's ID * 05:05 Sponsor: Nrwl * 05:45 DOM manipulation and animations * 10:51 What is the value of some of these projects? * 14:50 Sponsor: Ag Grid * 15:57* Writing apps with lots of components
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 * Behavior Driven Testing * JSON Server * Fake backend for testing * Mockaroo tool for fake data * Simulate data on the server with Angular * What is a full-stack developer? * Putting Lipstick on a Pig * Slides for Maria’s presentation * Moment.js alternatives
Timejumps 00:47 Dan's wardrobe color * 02:46 Guest introduction * 04:14 Drawing * 06:58 What's your process for drawing? * 08:22 Sponsor: Ag Grid * 09:22 How can we program quicker? * 11:10 Linters * 13:22 Bundlers * 14:11 Resizing images * 16:09 Task runners * 17:01 IDE Utilities * 18:11 Frameworks * 19:06 Design patterns * 24:05 Processes * 25:24 Alerting * 25:57 Sponsor: Narwhal * 26:33 Fake backend * 31:57 People and culture * 33:52* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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? * 08:53 Sponsor: Narwhal * 09:31 Does the presence of Types alone make you safe? * 16:54 What are the benefits? * 21:55 Sponsor: Ag Grid * 22:55 How do you make projects more Type Safe? * 29:22 What's the softer way of not throwing an error? * 33:15 What's your preference - Types or Interfaces? * 36:05* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Argo CD * Kubernetes Zero Downtime Deployments * A system for learning new disciplines * NubesGen * GitHub Learning Lab
Timejumps 01:21 Guest introduction * 01:58 What is GitHub Actions? * 04:14 How do Actions differ from Web Hooks? * 05:55 Sponsor: Ag Grid * 06:57 How do you glue together GitHub Actions? * 09:44 What languages work best for GitHub Actions? * 14:46 How did you get into working with GitHub Actions? * 21:58 Where are GitHub Actions happening? * 24:32 Sponsor: Ionic * 25:10 What are common use cases for GitHub Actions? * 27:17 What are the strangest GitHub Actions? * 35:37 What is GitOps? * 43:28* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 versionhttps://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 Sponsor: Narwhal * 08:59 Creating your first component * 13:14 Why use Stencil? * 17:42 What is a design system? * 18:40 Sponsor: Ag Grid * 19:43 When is the right place to choose Stencil? * 26:53 Why would I integrate Stencil? * 30:40 How does Stencil manage state? * 33:58* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 use this kind of testing? * 08:31 Sponsor: Ag Grid * 09:34 When do you enable visual testing? * 17:03 Can you ignore areas of the display if you don't want it to test? * 18:14 How do you test for responsive design? * 21:42 What about Applitools? * 23:12 Sponsor: Narwhal * 23:44 When a difference is spotted, how do you work with that? * 25:36 What issues have come up when learning about visual testing? * 29:36 How do you fit visual testing alongside other testing? * 36:03* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 How does Tailwind interact with React or TSX? * 32:36 Can you use Sass with Tailwind? * 33:49 How does Tailwind handle dark or light theming? * 36:38* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Log4j vulnerabilities explained * OWASP top ten security issues * Scan your npm dependencies
Timejumps 02:25 Guest introduction * 05:25 Live vs virtual conferences * 06:38 npm Ecosystem and Security * 09:07 Update on Fastify * 12:06 Sponsor: Narwhal * 12:40 Were you able to start with this process in the beginning of Fastify? * 15:30 Front end vs back end concerns * 17:20 Serverless vs server based cold starts * 22:37 How Fastify helps with security issues * 24:05 Why is my npm modules folder so big? * 26:56 Sponsor: Ag Grid * 28:01 Vulnerabilities in open source * 33:01 What do people who aren't able to code do? * 34:01* Security tips for using node
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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? * 20:27 What is modular federation? * 25:46 Does it happen for marketing reasons? * 30:39* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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: Nx * 22:12 What's your second pest peeve? * 27:25 Why would you create a type from another type? * 35:52* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Chris Enns of Lemon Productions.
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 * 29:13 Where can people learn more about Vue? * 30:37* What is Hello World Films?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Tic-tac-toe app using Angular and Firebase
Timejumps 04:10 Guest introduction * 04:57 What is Firebase? * 06:36 Sponsor: Ionic * 07:17 Our experiences with Firebase * 09:20 What kind of applications is Firebase good for? * 12:39 Is Firebase easier to use than competitors? * 16:45 Sponsor: Ag Grid * 17:48 How does Firebase integrate with SQL databases? * 18:55 What's Firebase best used for? * 23:38 Where should someone get started with Firebase? * 25:35* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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) * Clone a repository * Easiest way to edit a repo in github.com with github.dev * GitHub Codespaces * Setting guidelines for contributors * Adding a contributing file * Breeze JS * Vikram Subramanian from Google
Timejumps 00:53 Wards M1 purchase * 03:46 Guest introduction * 04:30 What's GitHub star? * 06:49 Advice for getting started on open source? * 08:24 Why should someone get involved in contributing to open source? * 10:38 Sponsor: Ionic * 11:18 What's Google Summer of Code? * 15:22 Git vs GitHub? * 19:47 What's cloning, pulling, pushing? * 21:38 Marker 10 * 21:59 How do I make my first contribution to a repo? * 23:23 What's a fork? * 24:56 What's a clone? * 25:34 Sponsor: Ag Grid * 26:39 How do I fix the code? * 28:23 Editing on GitHub * 31:03 What are Codespaces? * 35:43 Using GitHub dev online * 38:20 What's a pull request? * 40:36 What got you excited about coding? * 46:36* What is a Push?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 creating feature flags? * 23:01 What is trunk based development? * 32:09 Setting expectations for PRs * 34:45 Sponsor: IdeaBlade * 35:47 What is automatic help? * 37:42 Testing and quality * 39:34 Are there different areas of an app that need more testing? * 42:34 New feature plans * 45:59* Daily releases
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 editing on this episode done by Chris Enns of Lemon Productions.
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 * 16:06 Using semantic HTML * 18:55 Communicating with backend systems * 21:24 Dealing with edge cases * 24:38 What about the mobile app? * 29:20 Sponsor: IdeaBlade * 30:22 Phones and Watches to unlock * 31:52 Technology inside the park * 35:59 Purchasing systems * 37:01 The poop app * 39:10* Food and restaurants
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 Getting a job at Netflix * 37:22 How do you figure out if you're a good fit * 41:03 Don't ask "why you quit your last job?" * 43:03 Should we care about education level? * 44:43* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 Which framework is most used these days? * 18:07 How are APIs being hosted? * 22:07 Sponsor: IdeaBlade * 23:06 What is the devops process? * 31:23 Where do you see mobile vs non-mobile in the future? * 34:15 What do you recommend for routing? * 39:19* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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
TimejumpsPodcast editing on this episode done by Chris Enns of Lemon Productions.
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 Chris Enns of Lemon Productions.
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.
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 design components for hearing disabilities? * 28:36 Sponsor: Ag Grid * 29:42 How do teams incorporate accessibility in projects? * 34:11* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 01:43 Guest introduction * 03:36 What is a SPA and MPA? * 08:22 Sponsor: Ag Grid * 09:34 What role does server rendering play? * 12:17 What is client side hydration? * 15:22 What's the state of modern tooling? * 20:46 The only reason to choose an MPA is... * 26:19 Sponsor: Narwhal * 26:52 What is the next evolution of this? * 36:17* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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? * 33:21 What if someone needs to work on a feature right away? * 37:30 Do you use videos, text, or what tools? * 39:24* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 faced developing this? * 23:58 Marker 7 * 28:50 Sponsor: Narwhal * 29:31 Did you start from scratch or use the existing Routes.Json file? * 31:09 What was the timeframe and how did you gather feedback? * 34:11 What advice would you have for someone building a product? * 36:24* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * ShopAtHome demo in Vue * ShopAtHome demo in React * ShopAtHome demo in Angular
Timejumps 01:55 Guest introduction * 03:00 What is Svelte Society? * 09:13 Sponsor: Ag Grid * 10:19 What has you excited about Svelte? * 12:54 Documentation is part of the product * 14:40 What role does Vite play? * 19:17 Sponsor: Ionic * 19:56 Svelte Tooling * 24:37 Svelte and VS Code * 26:11 How development works with Svelte * 28:16 How do you test with Svelte? * 31:35 Where can people go for help with Svelte? * 33:29* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Sponsor: Ag Grid * 30:45 What are the benefits of web workers * 32:46 How do you set up the data for the grid? * 40:31* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Open Source Sustainability * Notion * Run Disney * Gratitude * Take Smart Notes in Obsidian
Timejumps 01:17 Guest introduction * 05:27 How has Ionic managed to stay relevant over time? * 07:04 What was build tooling like? * 09:08 Sponsor: Ionic * 09:51 Early days of Angular * 13:25 What areas are you seeing a lot of demand in? * 15:01 What's the stencil concept? * 26:52 Sponsor: Ag Grid * 27:56 What is your target audience with Stencil? * 34:11 How is support handled for Stencil? * 39:22* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 challenges with managers? * 22:52 Who's behind the Netflix Engineering team on Twitter? * 24:19 How do you feel about developer relations? * 31:33 How should someone prep for an interview for a job? * 42:42 Sponsor: Ag Grid * 43:42 Course on Front End Masters * 45:54* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 episode done by Chris Enns of Lemon Productions.
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
Timejumps 02:40 Guest introduction * 06:01 What's the story behind GloomyLoomy? * 07:26 Work life balance * 09:14 Sponsor: Ag Grid * 10:07 What's the 10x developer? * 12:55 How do you connect with peers? * 18:44 Dealing with imposter syndrome * 27:07 What do you do with Vue? * 32:49 How do you feel about the compositions API? * 40:53 Sponsor: Nrwl * 41:31 What's your fav thing about using Vue? * 44:52* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
Recording date: 07/01/2021
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Misko Hevery @mhevery
Brought to you byAG 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 developers to use this? * 25:00 How is Qwik different in it's rendering? * 35:19 Sponsor: Ionic * 36:07 How does it work with apps that have lots of components? * 41:52 When did this idea come to you? * 43:11 We're not taking advantage of browsers in 2021 * 45:35 What's the road map for Qwick? * 47:32* How do people get started with Qwick now?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
Recording date: June 22, 2021
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Andre Young @DreYoung79
Brought to you byAG 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 with a team * 18:41 Do you need to test Javascript more? * 21:31 What's the point behind Old Man Yells at Tests? * 27:09 Any approaches that didn't work with Javascript apps? * 28:05 What's your testing tool chain you recommend? * 35:47 Should we care about Cyclomatic complexity? * 36:45 Do you have any data strategies? * 38:04* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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 * Boxy SVG * regex101.com
Timejumps 01:56 Guest introduction * 02:42 What is Blazor? * 04:15 What is WebAssembly? * 06:58 Sponsor: Ag Grid * 08:03 Why would someone pick Blazor? * 12:18 How do I get data into my projects? * 15:00 What are some of the terms used in Blazor? * 16:43 What is client side vs server side Blazor? * 22:56 What is SignalR? * 25:49 Can you use an API with Blazor? * 29:08 What about SEO? * 31:34 Sponsor: IdeaBlade * 32:39 How do you get started with Blazor? * 34:31 What are you doing with Blazor these days? * 41:25* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 proxy? * 26:09 What is a fallback route? * 40:11 Sponsor: Ag Grid * 41:17 Developing tools and an ecosystem * 53:19* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * 25:56 Local mapping usage * 28:18 Is the API easy to use? * 30:19 What's new in mapping in 2021? * 32:47 Do you use mapping in your current job? * 36:28 What is a Google Developer Expert (GDE)? * 41:28* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 byAG 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 done by Chris Enns of Lemon Productions.
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.
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 an IoT device need? * 24:07 What was the on-boarding process like? * 28:27 What's the developer experience like with Flutter? * 30:33 What's the business case for Flutter? * 34:38 How do consumers get the app when it's built? * 39:50 Sponsor: Ag Grid * 40:57 When is Flutter a good choice to use? * 44:12 Flutter vs Electron * 47:48 Flutter on the web * 51:07 How do you get started with Flutter? * 52:11* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Vue Reactivity * Vue 3 Composition API * Clean Scalable forms with Vue Composition API * JavaScript Proxy * Vue 3 Reactivity via Proxies * Dan Vega’s blog post on Vue 3 ref and reactive * Blog post on When to use the new Vue composition api * Article on Vue’s Composition API * An excellent Vue 3 migration Guide * Tweet about Azure Static Web Apps CLI * Wassim Chegham on Twitter * Wassim Chegham on GitHub
Timejumps 02:35 Guest introduction * 03:21 Love hate relationships with forms * 10:01 Sponsor: Ag Grid * 11:05 What do schema driven forms mean? * 16:58 VeeValidate and VueForm * 20:55 How do you deal with the dynamic nature of forms? * 36:04 href issues * 42:17 Sponsor: IdeaBlade * 43:24 Is Vue 3 more difficult? * 51:44* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Terrible UI Experiences * User Inyerface is another fun example * On Running
Timejumps 00:49 Battleship grey * 02:25 Guest introduction * 04:30 Decorating with CSS * 06:05 CSS Performance * 06:56 Sponsor: Nrwhl * 07:36 Why care about the size of CSS? * 13:18 How do you gather elements when starting a new project? * 20:23 Do you create UI books or standards? * 21:56 The story of storybook * 25:27 One single CSS or multiple CSS files? * 32:31 How do you decide when to put something in global vs components? * 34:27 Sponsor: Ag Grid * 35:32 Orphan styles * 43:29 Some of the tools to use * 47:18* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 Chris Enns of Lemon Productions.
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 * Log Rocket for logging * App Dynamics logging * KPIs * Self-decapitating Sea Slugs * Jameson Cold Brew Recipes
Timejumps 01:22:00 Deploying regularly * 02:52:00 Guest introduction * 04:16:14 What's Irish soda bread? * 08:05:01 Sponsor: Ag Grid * 09:12:23 Naming The Taproom * 11:36:21 Running The Taproom * 13:54:12 Advice for launching ecommerce stores * 16:35:23 What is the stack like for developing Shopify themes or apps? * 19:21:12 How does Node fit in? * 21:03:00 What's your cycle time for pushing to production? * 23:24:12 How do you handle Shopify data? * 29:52:07 Sponsor: IdeaBlade * 30:53:12 Working with small data vs the world's data * 36:25:22 How do you use log managers in development? * 42:30:19* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 What's your current role? * 35:44 Any advice for people getting into developer relations? * 38:08 John's journey into developer relations * 40:10 What's wrong with developer relations? * 43:25* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 Are you limited to Javascript or Typescript? * 38:42 What's the learning path? * 41:13* Final Thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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! * TwoSetViolin - Episode on Musicality * Amanda Gorman
Timejumps 02:19 Guest introduction * 02:53 Deciding to build a TikTok clone * 04:43 How do you use React hooks? * 06:28 Sponsor: AG Grid * 07:28 What tech stack are you using? * 13:11 What did you use to build your API? * 21:49 MERN stack * 23:41 Sponsor: Nrwl * 24:21 What is Astra Collection? * 28:16 How do Netlify functions work? * 31:46 What do you do on your YouTube channel? * 34:43 Coding bootcamp * 38:54* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 understand RxJS? * 33:55 Do people struggle with immunability? * 43:46 What are conditions that led to state management issues? * 53:37* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 of Lemon Productions.
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 * 05:36 What changes have happened with debugging? * 07:34 Sponsor: AG Grid * 08:44 What kinds of errors will people be able to see? * 13:22 What are the goals for Angular? * 22:40 Progressive hydration * 25:12 Is Ivy the present of Angular? * 27:09 Sponsor: IdeaBlade * 28:17 How is server side rendering handled? * 30:58 How do you learn new things? * 35:59 Are you working on ease of use for Angular? * 39:46 Is RxJS as important in Angular? * 44:21 What's on your Angular roadmap wishlist? * 46:21 Angular usage at Google * 51:23* Final Thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
Recording date: Feb 16, 2021
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Mike Rohde @rohdesign
Brought to you byAG 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 * Sketchnote Videos on Vimeo
Timejumps 02:34 Guest introduction * 03:52 What is sketch noting? * 10:53 Creating an organic movement * 12:17 Sponsor: Nrwl * 12:57 How do you attend a conference and take good notes? * 16:55 How do you balance words vs pictures? * 18:20 How would you use this in an Agile process? * 24:53 How should someone start using sketch notes? * 29:47 What about people who can't draw? * 33:02 Should you use paper or iPad? * 40:50 Sponsor: AG Grid * 41:50 What tools do you recommend? * 48:10* What will people get out of sketchnotes?
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * What happened to the lost colony of Roanoke
Timejumps 01:31 Guest introduction * 03:46 What should we be paying attention to? * 07:40 When should you use web assembly? * 11:54 Sponsor: Ag Grid * 12:50 Technology moves too fast * 16:13 What tech have you used that was worth it to get into? * 19:35 Flexbox or CSS Grid? * 23:48 Cloud functions and serverless * 32:24 Sponsor: IdeaBlade * 33:20 What do you think about bundling? * 40:37 Is there anything better than HTML coming? * 44:51 Any new developer tools to be aware of? * 50:01* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 What's the developer experience like with Jamstack? * 35:40* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Sam Artioli @SamArtioli
Brought to you byag-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.
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?
Timejumps 02:04 Guest intro * 04:30 What are the use cases for Redwood? * 05:41 Is it a framework or a library? * 08:18 Why would I use Redwood? * 10:31 Sponsor: Nrwl * 11:15 Figuring out what problem you're solving * 16:28 Databases and Redwood * 19:58 Technologies in Redwood * 34:29 Sponsor: IdeaBlade * 35:37 Is Redwood for beginners or experienced developers? * 46:44* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 Sponsor: Nrwl * 29:01:00 Do you rewrite projects? * 36:58:12 What do you wish you knew then that you know now? * 37:55:11* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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 this episode done by Chris Enns of Lemon Productions.
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 * Chronological Order to watch Star Wars Clone Wars * On ordering Brisket from Aaron Franklin. Mouth watering * Ngrok * Compare Svelte with React, Vue and Angular
``` {#if visible} Flies in and out
{/if} ``` Timejumps 01:57:06 Guest introduction * 04:54:09 Svelte comes out * 08:07:05 Why go to Svelte? * 10:21:17 Animations with Svelte * 15:00:17 Transitions in animations * 17:07:17 Sponsor: Ag Grid * 18:10:00 Does Svelte make animation easier to work with? * 24:52:00 Making animations easier * 26:31:14 What about Greensock? * 30:23:12 How to disable animations for testing? * 35:21:07 Designing for big screens * 42:02:21 Sponsor: IdeaBlade * 43:07:09 What does the $ sign and what are Svelte Stores? * 49:10:18* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 MicroService Pattern * Vincenzo reacts (negatively) to Gordon Ramsey’s popular “Spaghetti Carbonara in 15 minutes” (an atrocity) * Iframe * What's the Deal with Svelte Kit? * Richard Harris and Svelte Kit * Oculus Quest 2
Timejumps 02:26:00 Guest introduction * 03:01:00 What is micro front-end? * 11:41:00 Sponsor: Ag Grid * 12:52:05 What are the components of micro front-end * 32:52:00 Sponsor: Nrwl * 33:34:00 Lazy loading or refresh the page? * 37:54:10 Why go to micro front-end? * 43:11:23* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 When should you use Vercel? * 47:41:08 What does Vercel run on? * 53:09:00* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 @Makahernandez * Ioniconf * Karo Ladino - JavaScript and IoT: a true love story * AdaFruit with Python for IoT * Arduino education * Enemy of the State * IoT Security * IoT Security on Azure * Auth0 article on IoT security * Cisco IoT security * Faraday cage suit to block connections to your body * My Octopus Teacher on Netflix * My Octopus Teacher * Dixit
Timejumps 02:09:00 Guest introduction * 05:21:20 What is IoT? * 15:43:21 Sponsor: Ag Grid * 16:47:08 Are you using Python on the chip? * 28:52:12 Intimidation with new technology * 37:25:01 Sponsor: Nrwl * 38:00:06 What things plug into IoT? * 39:30:23 Where would you get started with IoT? * 40:54:00 Are you worried about security? * 51:08:00* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * The Musketeers tv show on BBC
Timejumps 01:26:00 What's in a name? * 04:35:03 Guest introduction * 06:17:13 What is Storybook? * 12:15:01 Sponsor: Raygun * 12:52:06 Why use Storybook? * 21:04:11 Adding MDX * 27:03:17 Can I use Storybook in my CI process? * 32:42:04 Sponsor: Ag Grid * 33:50:12 How does Storybook handle client change requests? * 40:55:02 How do different technologies work with Storybook? * 42:54:12 How do I get started with Storybook? * 44:31:11* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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.
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 What features seperate you from other libraries? * 20:51 How do you handle validation? * 26:35 What's a view model? * 30:00 How does extensibility work? * 37:40 How is styling handled? * 39:05 Sponsor: Ag Grid * 40:18 Other projects on the go? * 42:29* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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? * 14:43 How granular can you get with a plugin? * 17:05 Sponsor: Ag Grid * 18:38 Schematics and builders * 23:20 What have you created as plugins? * 32:29 What resources do you have access to? * 34:20 Sponsor: Raygun * 34:56 Supporting open source projects * 38:41* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * Let's get chatty with conversational interface with JavaScript * Tenet
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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 * 31:23 Can I use Capacitor with Vue? * 37:14 Can you bring your own framework? * 41:36 Why bother with Capicator instead of building native? * 45:55* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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.
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
- Chessboard elements
- Uni Virtualizer
- Iooxa
- Apollo Elements
- Lottie Player
Cool Components (Not LitElement)
- CSS Doodle
- Shader Doodle
- Block Link
- Button Element on Google Pay
White Label Components
- Lion
- Generic Components
- Alan on Dev.to
Timejumps 01:32 Guest introduction * 02:50 What is LitElement? * 07:17 What is CSS encapsulation? * 10:18 Sponsor: Raygun * 10:49 Wrapping everything into a component * 13:34 How does LitElement help with templating? * 22:57 Is LitElement able to integrate with other components? * 35:56 How do you define an attribute value? * 40:33 Sponsor: Ag Grid * 41:34 How does Fast compare with LitElements? * 47:42 Where to go to learn more * 50:13* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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?
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 Guest introductions * 04:39 What does enterprise mean to you? * 07:00 What are the pitfalls of mono repos? * 11:25 Why do I need special tooling? * 13:37 Sponsor: Raygun * 14:12 Tracking changes and version control * 30:22 Micro Front End concepts * 34:32 How do you link together multiple repos? * 36:00 Sponsor: Ag Grid * 37:03 Who is monorepo for? * 44:28* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Rich Harris @Rich_Harris
Brought to you byag-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 What were some of the areas that didn't play well with SVG? * 17:32 What's your pitch for Svelte? * 25:15 What is Sapper? * 35:46 Why bring Svelte to people who aren't as familair with React or Vue? * 45:05 Sponsor: Nrwl * 45:36 How much is happening in the DOM vs the browser? * 46:51 What's next for Svelte? * 50:32* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Justin Samuels @ThugDebugger
Brought to you byag-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.
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 * Find My Way * Curmudgeon * Clint Eastwood "Get Off My Lawn" GIFs * Pino logger in GitHub * Express Contributors * Video: What happens when you fold paper more than 7 times * Node.js docs on Stream * Sonic Boom * Fastify to Express * Fastify Workflows * TypeScript
Timejumps 03:16 Guest introduction * 06:42 What is Fastify? * 15:12 Why should I use Fastify instead of Express? * 18:40 Sponsor: Nrwl * 19:14 The middleware concept is wrong * 26:45 Ward the Curmudgeon on taking a bet on Fastify * 35:42 Sponsor: Ag Grid * 37:00 What is Pino and why? * 46:38 What's the best way to get started with Fastify? * 49:21* Final thoughts
Podcast editing on this episode done by Chris Enns of Lemon Productions.
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
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 Grid * 11:41 What is the graph in GraphQL? * 17:50 Pushback on GraphQL * 24:14 How do you restrict clients access to data? * 26:28 Starting out as a Javascript developer with GraphQL? * 32:50 If you're starting with this today, how do you get started? * 42:45 Sponsor: Nrwl * 43:21 Having a problem proportional to solution * 52:32 What's the difference between serverless vs serverless functions? * 55:09 What lead you to choosing GraphQL? * 56:56* Final thoughts
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
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
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
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
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 * Whatsapp and electron * Electron governance * Fermi Labs * UniFi Dream Machine * Profanis.me * Aristideis on Medium * devTo
Timejumps 01:31 Guest introduction * 04:59 What did Electron give you? * 08:00 Sponsor: jsDefender * 08:28 What are the benefits of Electron? * 17:49 What is the interface between HTTP requests and electron apps? * 21:38 What about security or authentication? * 30:46 Sponsor: Ag Grid * 31:52 Are there other security concerns when using Electron? * 34:52 What are the alternatives to Electron? * 39:14 Who owns Electron and what's the future? * 42:22* Final thoughts
Recording date: 2020-04-28
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Gustavo Miranda LinkedIn
Brought to you byag-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
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 wrong? * 26:53 Sponsor: Nrwl * 27:39 The value of container presenters * 31:16 How does this help me as a developer? * 37:52* Final thoughts
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
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 byag-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 What are the cons to this service? * 25:44 Sponsor: IdeaBlade * 26:51 What is the API situation? * 29:58 How does authentication work? * 34:29* Final thoughts
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
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? * 36:13 What's the difference between Nuxt and Vue? * 40:33 Quicklinks * 42:57 What are the challenges with Nuxt? * 51:51* Final thoughts
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
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 care about this? * 11:10 Sponsor: Narwhal * 11:43 Advice for designers building sites * 16:35 What about ALT text? * 27:30 Is it worth the extra time and investment? * 33:28 Sponsor: Ag Grid * 34:27 How do I work with unicode? * 39:41* Final thoughts
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? * 09:35 Sponsor: Ag Grid * 10:43 What is a builder? * 31:35 Sponsor: Narwhal * 37:02* Final thoughts
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 * Mistakes Junior React Developers Make * Get started with PWAs on Azure * Add DevOps to a Gatsby app with PWA features * Keilla at the DevIntersection event in Orlando April 2020
Timejumps 02:36 Guest introduction * 03:55 What are service workers? * 07:53 Where could people be using service workers? * 08:46 Sponsor: Ag Grid * 09:51 How do I keep everything fresh and in sync? * 28:33 Sponsor: IdeaBlade * 29:33 Chrome Developer tools and service workers * 31:20 Service workers and push notifications * 32:33 Do I need to worry about service workers? * 37:39 How does HTTP and caching work? * 40:38* Final thoughts
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 * JS Paint
Timejumps 01:19 Guest introduction * 05:33 What's it like to develop on a Mac? * 11:18 Sponsor: Ag Grid * 12:23 What's a compelling reason to use Mac over Windows? * 18:40 What do you use Homebrew for? * 28:13 Sponsor: IdeaBlade * 29:17 What's your take on Catalina? * 40:03 What's a dot file? * 48:38* Final thoughts
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
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
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
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
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
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
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:00* Final thoughts
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
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
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 Native? * 19:40 Who is the audience for this? * 27:46 Sponsor: IdeaBlade * 28:51 How do you access phone features from Ionic? * 34:52 How is testing done? * 43:49 What about Vue or Vanilla Javascript? * 45:11* Final thoughts
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
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* Dan’s flipboard * Build Your Own React * His Dark Materials
Timejumps 01:27 Guest intro * 03:26 What's Gatsby? * 06:53 What problem does this solve? * 11:23 What benefits are there for the user? * 17:17 What are the hurdles to using Gatsby? * 23:39 Creating a course to learn Gatsby * 26:18 What's deployment like with Gatsby? * 30:39 Sponsor: IdeaBlade * 31:39 What is Next? * 36:59 What happens when you build Gatsby? * 38:41 Who is Gatsby for? * 42:11* Final thoughts
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?
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
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
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
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?
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 remote working? * 48:37 What do you think about older workers? * 50:54* Final thoughts
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
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
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
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
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
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
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
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 / @winkerVSbecks
Timejumps * 01:58 Guest introduction * 04:12 Why this topic? * 07:06 What is Flexbox and Gird? * 12:38 Sponsor: AG-grid * 14:07 Positioning in CSS * 23:46 Pre and post processors? * 30:01 Sponsor: Nrwhl * 30:39 Styling at the component level * 42:57 Final tips
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 for a bad demo * 42:55 Examples of things that use Serverless * 45:51 Final tips
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 * 07:01 What is web performance at Google? * 10:37 Sponsor: ag-Grid * 12:00 What's so important about lazy loading and code splitting? * 19:59 Does script order matter? * 20:58 What are the things most of us do wrong? * 31:58 Sponsor: IdeaBlade * 33:02 What is TTI and why should we care? * 36:07 Do service workers change the equation? * 40:17 Latency vs bandwidth? * 44:41 Final tips
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
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? * 27:21 Sponsor: DevIntersection * 28:36 What are the costs involved? * 35:28 What happens when things go wrong? * 37:14 Final tips
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
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 * 10:47 Using serverless * 19:08 Copying files to the server * 25:31 Using containers * 32:29 Sponsor: DevIntersection * 33:33 Container fun * 42:31 Do you build with Docker or Xcopy deploy? * 49:06 CDNs
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
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
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
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 * Go in Action
Timejumps * 02:11 Guest introduction * 06:02 What brought you back? * 14:38 Sponsor: IdeaBlade * 15:37 Comfort level with writing code * 20:06 How did you hear about Svelte? * 28:16 How much easier was this with Java? * 29:37 How hard is it building an app with GO? * 36:17 How do you feel about Web Assembly when it gets native DOM bindings? * 38:41 Why go GO? * 48:34 What's going on in the cloud with GO? * 50:19 Where would you start today?
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 * Live Share tutorial for VS Code * Live share tutorial for Visual Studio * Security features of Live Share * Why would you want to use Live Share? (Use Cases) * Azure Tools extension pack for vs code * Peacock * Free Azure trial
Someone to follow * Awesome Liveshare Uses * Intellicode for Visual Studio Code * Getting started with your docker extension
Timejumps * 00:51 Podcast story * 02:19 Guest intro * 03:57 What is Visual Studio Live Share? * 07:38 Sharing your dev environment with someone in a different environment * 10:43 How do you enable the experimental flag? * 11:48 Sponsor: IdeaBlade * 12:49 How may downloads and installs * 15:14 How did you do user testing? * 23:39 How do terminal commands work? * 27:47 What security risks are there? * 35:41 Communicating with TeamChat or Live Share Audio * 42:15 Someone to follow
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 What about RXjs? * 58:55 Fav and least fav thing about React * 02:31 Closing advice for everyone
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
* Code Kitten
Someone to follow * Base 16 Term * Simone Giertz * Kat Marchán * Kat's episode on RealTalk Javascript * Jonathan Carter * Live Share * Erich Gamma * VS Remote Extensions
Timejumps * 01:55 Topic & guest introduction * 04:00 Is project size a problem? * 06:39 Origins of Greenkeeper * 11:50 Sponsor: Clubhouse.io * 12:15 What platforms does it work on? * 17:38 How does it compare to Dependabot? * 22:43 Any pricing exceptions? * 24:46 What if I don't have CI? * 28:25 What do you recommend people use for their modules? * 32:42 Auto repos vs a bunch of small repos * 43:54 Sponsor: IdeaBlade * 44:53 How do I know if something has been deprecated? * 55:08 Someone to follow
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
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
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 * Fastify * Restify * hapi * Node Conf EU * koaJS * NodeJS Security * NodeJS Best Security Practices * DNS Attacks
Someone to follow * Natanel Basal / NGX Auto Unsubscribe * Benedict Meurer * Matt Hernadez
Timejumps * 01:40 Guest introduction * 03:26 What's HTTP 2? * 05:01 When can we take advantage of HTTP/2? * 07:44 What is HTTP/3? * 12:01 Sponsor: IdeaBlade * 13:12 What is Node Clinic? * 17:17 What is autocannon? * 27:39 What about a large amount of JSON? * 29:59 What is event loop? * 38:33 Any advice with streams? * 47:48 Sponsor: Nrwl * 48:29 How secure is node? * 51:48 Someone to follow
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? * 07:15 What's the business model for Dev.to? * 10:45 How do you keep going with a project long term? * 17:41 Sponsor: IdeaBlade * 18:40 Badges on Github repos * 24:42 What technologies are being used to build dev.to? * 28:46 What's the userbase size? * 30:14 What does a registered user get on Dev.to? * 37:09 April Fool's joke gone awry * 55:43 Someone to follow
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 * Microsoft Imagine Cup https://news.microsoft.com/apac/features/imagine-cup-from-students-to-technologys-next-superheroes/?wt.mc_id=rtjs-podcast-jopapa * What to Think About Machines That Think https://www.amazon.com/What-Think-About-Machines-That/dp/006242565X * The Cuckoo's Egg: Tracking a Spy Through the Maze of Computer Espionage https://www.amazon.com/Cuckoos-Egg-Tracking-Computer-Espionage/dp/1416507787
Timejumps * 01:32 What is I O T? * 05:20 How do you protect yourself? * 11:13 What's offline IOT? * 12:55 Sponsor: IdeaBlade * 13:53 What could offline IOT mean? * 24:09 Is Javascript your main language? * 26:51 The diversification of devices * 30:35 Is Rasberry Pi still the thing to look at? * 32:58 What languages can you use for IOT devices? * 40:39 Sponsor: Nrwl * 41:21 Constraints and fun of IOT devices * 49:11 Someone to follow
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? * 24:30 What'd we learn from people at the conference? * 27:05 RXJS * 39:28 Sponsor: DevIntersection 2019 * 40:20 How were the talks? * 47:14 Parting thoughts on ngConf
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
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
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 devop scenarios available? * 36:27 What's a micro app? * 38:33 Sponsor: DevIntersection * 39:31 What kind of enterprise issues happen with mobile? * 42:03 What does NativeScript offer people? * 43:24 How do you test or QA this? * 45:58 Someone to follow
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
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 with CSS * 19:54 CSS Frameworks * 21:47 Sass * 24:25 Sponsor: DevIntersection * 25:13 Reducing the amount of CSS in old code * 36:05 Variables vs Mixins * 39:49 Do foundations help more than they hinder? * 42:49 Someone to follow
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
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
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 Any other resources for using docker? * 48:19 Someone to follow
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
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 * 39:49 What does Netflix use for mobile app dev? * 41:44 Someone to follow
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 * 50:30 What would help shipping multiple versions of an app? * 54:59 The Typescript tax * 02:55 Someone to follow
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
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 * 10:52 Comparing npm audit and snyk * 14:33 What do people who want to have a corporate acccount do? * 21:22 Using a real world example * 24:08 Are there times where it can't figure out what to do? * 26:16 Isn't there a way to just keep malware out of the registry? * 28:22 Sponsor: IdeaBlade * 29:23 What's a bad actor? * 34:17 FaceTime group call bug * 36:05 Recommended tips for security * 39:34 What's the state of 2 factor auth? * 42:31 When we pass software to clients, how can we secure things? * 45:08 Someone to follow
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
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
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
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
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 functions you can run? * 39:52 Sponsor: IdeaBlade * 40:52 Are people using microservices into serverless? * 43:27 How easy is it to monitor functions on serverless? * 49:51 What other options are available for serverless? * 51:37 What's the most common language used at Azure? * 52:49 Someone to follow
Sponsored by: NativeScript
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
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
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
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
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
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 mentoring others, her spare time is spent spinning yarn from raw wool and knitting. She’s even better known to 3D print her own tools for the job.
0:01:33.3 Dan Wahlin Nice!
0:01:34.0 John Papa Welcome to the show, Jen.
0:01:35.2 Jen Luker Thank you!
0:01:36.0 John Papa There’s a lot in there. I mean, you’re not-
0:01:37.9 Jen Luker Yeah…
0:01:37.9 John Papa Just a JavaScript coder with ReactJS. It looks like you do a lot of teaching, and knitting! That’s pretty cool.
0:01:44.1 Jen Luker Haha, it’s… I like to say that I’m a knitter first and then a programmer second. So, it’s definitely a large part of my life.
0:01:53.3 John Papa You mean you do something besides coding all day?
0:01:56.1 Jen Luker It happens.
0:01:56.9 John Papa & Dan Wahlin (laughing)
0:01:58.9 Dan Wahlin You know, I have heard more and more people with knitting now. I, like, I hear that, I also do a lot of training, and I hear that all the time now, so it must be a big upcoming... trend I guess, I don’t know.
0:02:11.5 Jen Luker I think it has a little more to do with the fact that what we do as developers is often fleeting. It’s something that exists online, it’s not something tangible. Knitting is a programming language that sticks around long enough for you to wear it. So it’s-
0:02:28.9 John Papa I see.
0:02:30.4 Jen Luker Definitely caters to those that need that tangible aspect in their lives. But one of the coolest things I’ve seen knitting be used for, not just, you know, cryptography World War II, but also things like using it as a programming simulator for people that don’t have access to computers, such as people in Third World countries. So it’s definitely something that caters to the mind of programmers.
0:02:56.6 Dan Wahlin Interesting. Yeah, I’ve… Some of the people, too, have also mentioned it just helps them, it’s very relaxing they said. I don’t know how to knit, I haven’t tried it, but it looks fun.
0:03:04.3 John Papa So now, when we see Dan at his next conference, right before his talk, with a ball of yarn and some needles, we’ll know exactly why that happened.
0:03:10.7 Dan Wahlin Yeah. I’ll say, “Jen inspired me!”
0:03:13.0 John Papa & Dan Wahlin (laughing)
0:03:14.1 Jen Luker Well, you do know that at React Conf they actually had a fiberarts circle that I ran, so I ended up teaching quite a few people to knit, and crochet, and spin at that conference. So-
0:03:24.2 Dan Wahlin That’s so cool!
0:03:25.2 Jen Luker It is a possibility.
0:03:26.3 John Papa Huh!
0:03:26.8 Dan Wahlin There you go.
0:03:27.4 John Papa That is so cool. Yeah, I think we all have different ways of dealing with non programming mindsets. Like, what do you do when you’re not coding? And some people exercise, some people meditate, some people draw, some people play music, some people knit! So, I think it’s great to have something to kind of work different parts of your brain.
0:03:47.0 Jen Luker Definitely.
0:03:47.7 John Papa Hey, Dan! You had a question for us to kick things off about accessibility.
0:03:50.7 Dan Wahlin Yeah! So, I think we hear a lot… I used to work, one of my first jobs out of college was at a government agency and so there it was kind of required to learn about section 508 and things. But with corporations and with a lot of the developers I work with, I’ll have to admit I think we’re a little more in the dark on…
0:04:11.2 What are some of the ways, like, if I were to say, “Hey Jen, what are the key ways from a high level that I could add some accessibility things and like, who can I help with that?” Because I think a lot of us, we think, “Oh, well I just add a title to an image and call it a day.”
0:04:28.0 Jen Luker Mm-hmm (affirmative).
0:04:28.5 Dan Wahlin And I suspect there’s a lot more to it than that.
0:04:30.6 Jen Luker There is a lot more to it but there’s different ways of approaching accessibility on the web. One of the ways is technologically, which is oftentimes what developers deal with, but that’s only 30-50% of the problems you’re going to find in accessibility issues. The other half is going to be content and context and verbiage and language and ways that you say things that make it easier for people that have different disabilities, like neurological issues, or language barriers from interacting with the content on the site.
0:05:08.5 To deal with the technological side though, I tend to point people towards the aXe, Chrome, and Firefox extensions to begin with because it not only runs like, a technological audit on your site, but it also gives you more information. There’s always links that explain why there’s a problem, why the types of people that you’re focusing when you fix an issue, and different ways that you can fix an issue. So it’s a really great educational tool for just getting started.
0:05:43.6 John Papa Excellent.
0:05:44.2 Dan Wahlin Yeah, see, you already hit on a couple things like, you mentioned neurologically how maybe people interpret or have the context for different text. And I actually have a son with some disabilities so I’m very sensitive to this whole, you know, concept. It’s amazing how when you’re not around it, you just don’t think about it. But when you’re around it, it becomes, you know, your whole world. A big deal. So, you know, that’s when I hadn’t ever heard of- Can you tell me a little bit more about that? Is that related to the context you put into, like, the site, then, that helps them understand it better? Or how’s that work?
0:06:18.5 Jen Luker It is. Something that they recommend, or things that I’ve seen regarding recommendations for the level of content does vary depending on who your audience is. If you are a technical journal then chances are you’re going to be catering to a much more technical audience. However, if you’re a generic website you may want to keep your verbiage as low-level as possible, like anything between a third grade level to a high school level education, to allow for people to better understand the words that you’re actually putting on a page, and what the words are trying to tell you.
0:07:00.0 Like, you’ve got one side where you have people with ADHD that is not going to make it to the end of a 6-paragraph description of what it is you’re supposed to do. And then you have people on the other side of the spectrum that really need step-by-step instructions of what it is they need to do to get through your form. So trying to find that happy medium, or trying to find a way of giving a TLDR and then a longer context for different sides of that issue, is also something you may want to look at.
0:07:31.1 Dan Wahlin Interesting, yeah. I’ll have to admit that’s something that I haven’t really, you know, you mentioned third grade through, maybe, high school level and I think, as developers, we, especially if we’re in charge of putting some of the content, you know, out there ourselves, that’s something that I don’t think I’ve really thought through as to, you know, who’s my target that’s going to be reading this? As far as, you know, you think of, “I know these words and I’m sure everyone else will know these words.” But it sounds like you’re a lot better off if you can kind of reign that in a little bit, make it more focused.
0:08:02.3 Jen Luker Something that I’ve found that’s extremely different for even a dev when they’re onboarding into a new company is learning the names of things, and learning the acronyms for things. So if you’re using customized names for your products or your processes or you’re using acronyms, then you’re already losing part of your audience who just doesn’t understand what those things mean.
0:08:28.6 John Papa So, I think that’s a great point. This isn’t just for accessibility for, even for people like, let’s just say vision-impaired on one side. This is for anybody who doesn’t necessarily know your vernacular.
0:08:38.8 Jen Luker Exactly.
0:08:39.8 John Papa You go to a new company, what’s the first thing they do? “Hey, today we’re going to use the TLC with the EBY and then we’re going to talk with the XJ Bots.” And you’re like, “...What does any of that actually mean?”
0:08:49.4 Jen Luker I recently onboarded with a company and someone was very nice enough to put together a cheat sheet of acronyms for me and it was five pages long.
0:08:57.5 John Papa (laughs)
0:08:58.0 Dan Wahlin Wow! (laughs)
0:08:59.0 John Papa When I went to Disney one of my first things they did, like my first week there, was I got a book like that, too.
0:09:05.3 Jen Luker Mm-hmm (affirmative).
0:09:05.8 John Papa And the funny thing at Disney was the every TLA, which is a three-letter acronym which is kind of funny, the first letter of all of them begin with D for "Disney". Which really-
0:09:14.3 Jen Luker Yeah.
0:09:13.8 John Papa Only left two letters for all the rest. (laughs)
0:09:16.8 ALL (laughing)
0:09:17.9 John Papa I don't know if it's changed since then though. (laughs) But let's, let's start back. So on that same note, there's something I've seen a lot of over the years, and when I first encountered this, it's not an acronym but it's an abbreviation, I didn't know what the heck it meant. But, and maybe there's other people in the same boat so I wanted to talk about it with you. A-11-Y.
0:09:39.1 Jen Luker Yes.
0:09:40.0 John Papa Can you explain what that is and why people see that?
0:09:42.6 Jen Luker So back in the days of Twitter when there were only 140 characters, writing out a really long word like "accessibility" which is 13 letter long, took up a lot of space. So due to Twitter and their awesome audience, they shortened it to A11Y which is A-, the first letter in "accessibility", 11 letters, and then Y-, the last letter in "accessibility." You see the same thing with "Kubernetes" with K8S, or "internationalization" which is I18N. So any of those really long words end up getting shortened to first letter, number of characters in between first and last letter, and last letter.
0:10:26.0 John Papa Yeah, that's... that's kind of funny, you know? Once I realized that, I started going, "You know, I've been using I18N for years and I didn't know why it was called that."
0:10:33.1 Jen Luker Mm-hmm (affirmative).
0:10:33.2 John Papa Until I discovered it through A11Y, 'cause we, our nickname for it when we were talking about it was "ally".
0:10:39.0 Jen Luker Which I think is highly appropriate.
0:10:40.7 John Papa Yeah, yep. It kind of is a...
0:10:42.8 Dan Wahlin It fits it.
0:10:43.6 John Papa It kinda worked for us, too.
0:10:44.8 Dan Wahlin Yeah.
0:10:45.3 John Papa So, Dan, you're really D1N and Jen, you're J1n. It doesn't really work for our short first names, does it?
0:10:50.8 Dan Wahlin & Jen Luker (laughing)
0:10:52.0 Jen Luker Well, Jen is already shortened.
0:10:53.9 John Papa Yeah, yeah. It doesn't really help. What if your name is Al? What do you do? You only have two letters.
0:10:58.4 Dan Wahlin Yeah, there you're out of luck.
0:10:59.3 Jen Luker First and last.
0:11:01.0 John Papa A0L I guess? AOL! There you go! That's what AOL stood for.
0:11:05.4 Dan Wahlin Al.
0:11:06.4 John Papa The secret has been revealed, right here.
0:11:07.5 Dan Wahlin Who knew?
0:11:08.3 Jen Luker (laughs)
0:11:09.0 John Papa (laughs) So accessibility. One of the things I think that was really eye-opening to me was understanding how many people this actually affects. When I first started getting into it many years ago on some large projects the things that were introduced to me were,"Well, we're doing this because there are, you know, millions of people who are affected by this and we're really trying to make the web more accessible." You know, it sounds like a grandiose thing, but that was true. We were trying to make our websites more accessible to all these people who either couldn't use our websites, or they could but with much difficulty.
0:11:43.0 Jen Luker Right.
0:11:43.6 John Papa Now, what kind of scale is this really at? Is it just one guy down the street? Or is it, you know? How big is this?
0:11:48.8 Jen Luker Well the World Health Organization estimates that about 15% of the entire world has some sort of disability. This is a highly conservative number. Not everyone wants to identify with the fact that they have a disability. There's definitely a level of taboo that comes with the word "disability." So-
0:12:13.3 Dan Wahlin Yep, I can vouch for that.
0:12:15.6 Jen Luker Right? So there's a lot of people that will not identify with that label and therefore the 15% is, in fact, a very limited number. You know, if you're looking just in the U.S. they estimate, as of the 2012 census so it's been a while, 19% of people, so almost 1 in 5. If you're looking at other numbers we're looking at 8% of you men who are colorblind of some fashion, and it's not an on and off switch, there's a varying degree. There's also people with multiple versions of color blindness. There are people with very slight color blindness so it's almost unnoticeable. The range is quite large and about 1% of women also are colorblind. So you're looking at about 4.5% of the population as a whole just for one type of disability.
0:13:10.8 John Papa That's fascinating, and it hits, at part for me, that's at home, too. 'Cause I also identify as being partially colorblind, I guess you could say. I'm on that scale.
0:13:19.8 Jen Luker Mm-hmm (affirmative).
0:13:20.4 John Papa I don't have full blown color blindness because I can still determine some colors but others I have struggles with.
0:13:25.8 Jen Luker Mm-hmm (affirmative).
0:13:26.4 John Papa But I've also found that when I identify with this I get a lot of backlash from people of, "Well you're not really colorblind." Or, you know, there's a lot of disbelief. It's almost like it's become, "Oh, I'm sorry." So I can totally empathize with you on why people wouldn't want to identify with any of these things ‘cause it's almost like they put them in a category of, "Oh, well... the pity category."
0:13:48.0 Jen Luker Right? And there's differences in color blindness. It's not just grayscale in everything. There's the red/green, there's blue/green, there's you know, the trichotomy side, there's... there's a lot of different variations, and then there's some people that can see the differences between but the colors are all still muted. The more muted they are the less likely you're going to be able to tell the difference between them which really starts to rear its ugly head when you're looking at images or text color changes. So, it gets complicated fast.
0:14:25.8 John Papa Is this the real answer to what color that dress is on the internet streams?
0:14:29.6 ALL (laughing)
0:14:31.5 Dan Wahlin Oh my gosh.
0:14:32.5 Jen Luker That's a whole other fascinating concept-
0:14:34.6 John Papa (laughs)
0:14:34.9 Jen Luker When it comes to how each person perceives color-
0:14:39.2 Dan Wahlin Yeah. That was-
0:14:39.1 Jen Luker And how no one actually perceives them the same way.
0:14:41.5 Dan Wahlin That was pretty freaky, actually.
0:14:42.9 John Papa Yeah, I know. (laughs) Yeah, I get that a lot from folks on, themes for example. I like to create themes for VS Code or for other tools and when you create a theme people get very personal over what theme they choose. And the reason I created my own is because I like mine to look the way I look and it makes me feel good, it makes me more productive, but not everybody likes one theme. There's probably, you know, 100 great themes out there. It's because everybody looks at things differently and they have varying degrees of sensitivity to the colors, too.
0:15:14.0 Jen Luker Mm-hmm (affirmative).
0:15:14.4 John Papa So, you're building an app and you have to pull accessibility in. What kind of apps should use accessibility?
0:15:21.1 Jen Luker All of them.
0:15:22.0 John Papa Good answer. (laughs)
0:15:23.5 Dan Wahlin Yeah, it's a good one. I was gonna say, "Great answer."
0:15:24.3 Jen Luker (laughs)
0:15:25.0 John Papa What does it cost for money? I mean, I a business manager now. Does it cost more money? How much more time is it going to take? Do I need to teach my people how to build web apps for accessibility? What kind of things are affected by it? I don't have time for this, no, let's not do it. I bet you've heard all these things?
0:15:40.3 Jen Luker Oh yeah! Absolutely.
0:15:41.7 John Papa How do you answer those?
0:15:42.9 Jen Luker Well, there's a couple different ways. The not so passive-aggressive way is to find the person closest to them that's colorblind and then sit them down and say, "Can you explain to them why we're not going to write the website in a way that they can use it? This person in that company that works for you." That tends to drop, you know, that tends to pull up some people's shorts.
0:16:06.6 But the other ways is you can start talking about those financials. If you're looking at the return on investment take those 15% of the population. If you are, you know, a $10 million company, by making your website accessible it's an $11.5 million company, and that's just your slice of the 15%. Only 1 in 10 websites is accessible, which means you still have the opportunity to corner the market in your region, your demographic. That means that that 15% could very well be larger than the rest of the people that use your website.
0:16:53.4 Dan Wahlin That's an interesting concept from a, you know, purely financial standpoint. I’d never even thought about that, even cornering your own market.
0:17:00.1 John Papa And that's what a lot of people make decisions on, right? If you're gonna make more money, it's still making- Think like a business manager. You're telling me my $10 million app I can pull in $11.5 million instead; an extra 1.5 million a year, which is, pick some fake numbers for a minute.
0:17:13.9 Jen Luker Mm-hmm (affirmative).
0:17:14.5John Papa What's the cost though? Of building that app, what's the additional cost?
0:17:18.7 Jen Luker If you're designing it from the ground up it's very little additional cost. So a lot of the major issues have to do with color contrasts. Other ones have to do with making sure, you know, as you've said before, title tags on HTML or hrefs or ALT tags on images. A lot of it has to do with the fact that the platform, HTML, is inherently accessible and we, as JavaScript developers, go ahead and run through and override it and make it inaccessible. So, sticking closer to the platform is usually enough to cover the majority of accessibility issues.
0:18:03.4 John Papa Let's take a quick break for a word from our sponsors.
0:18:05.8 Voiceover Looking to learn more about the state of software security? Check out VeraCode’s recently released report, "State of Software Security Volume 9." This year's report highlights the more important open source vulnerabilities and the latest dev sec-ops trends. Dev sec-ops, by the way, is kind of like "devops" plus "security". This is VeraCode’s most developer-focused volume ever. So don't miss out. Get your copy today by visiting www.VeraCode.com/SOSS for State of Software Security. That's www. v-e-r-a- code.com slash S-O-S-S-.
0:18:47.0 John Papa And we're back. Jen, you were just talking about how you can stick to the platform and that might help you build accessible apps. Can you kind of explain what you mean by that?
0:18:55.4 Jen Luker I usually mean by using semantic HTML as much as possible for the reasons it's made. For instance there's a lot of... A lot of developers that still would rather use a div over a button, but the complexities inmaking a div accessible like a button go deeper than you'd expect. So it's not just adding a highlight, adding text or a keyboard interaction. It's also weird things like, in some versions of ios, if you don't add a cursor pointer in the CSS, ios won't detect that it's a link, even if you tell it that it is.
0:19:39.0 John Papa Hmm. That's interesting.
0:19:40.0 Dan Wahlin Yeah, I don't think I've run into that, myself.
0:19:42.5 John Papa Oh, we hear about semantic HTML a lot, right Dan? About, "Don't use divs everywhere!" But yet, I don't know about you, but a lot of apps I get called in to look at it's like, div craziness.
0:19:52.5 Jen Luker Mm-hmm (affirmative).
0:19:53.2 Dan Wahlin I call it div soup.
0:19:54.7 John Papa (laughs) Div soup!
0:19:55.0 Jen Luker (laughs)
0:19:56.4 Dan Wahlin Yeah. How much, so Jen, are there numbers out there, and I'm sure there are, for people- 'cause I know probably the only program I've heard of would be for people with vision, you know, various issues from they're completely blind to partially. How many different apps are out there? What, is there a number one app that you use to actually read these pages to them? Like, I've heard "JAWS", is that still a thing these days?
0:20:21.1 Jen Luker JAWS is definitely a huge things, particularly for windows systems. Other screen readers would be just the default screen reader that Mac uses. Chrome has its own that you can implement, too. There's a dozen major, major players.
0:20:44.0 Dan Wahlin Okay.
0:20:46.1 Jen Luker So, and not all of them, just like the browsers, read the text or the website in the same way. Even ios and android devices have different readers of their own. So, each one kind of reads things a little bit differently. It's important to be aware of those differences once you start really digging deep into accessibility, especially if you're trying to customize something away from semantic HTML.
0:21:13.5 Dan Wahlin Now does, you mentioned, I mean, the thing that I think most developers probably have heard of are title attributes, and like you mentioned, the ALT on images, things like that. One that probably most people have come across, and you're going to have to correct me if I say this wrong, I've already said "ARIA?" [pronounced are-ee-uh]
0:21:30.7 Jen Luker Mm-hmm (affirmative).
0:21:31.3 Dan Wahlin Is it ARIA [pronounced are-ee-uh] or ARIA [pronounced air-ee-uh?] Is it ARIA [pronounced are-ee-uh]?
0:21:32.6 Jen Luker I call it ARIA [pronounced are-ee-uh]. It's WAI-ARIA [pronounced why-are-ee-uh].
0:21:34.2 Dan Wahlin Okay then. I'm going with you then. So, okay. See, I'm right, everyone!
0:21:38.6 John Papa & Jen Luker (laughing)
0:21:39.3 Dan Wahlin 'Cause Jen says!
0:21:40.8 Jen Luker Ha!
0:21:42.1 Dan Wahlin Now that's one I've only seen a few of the, I guess you could say core attributes that you can do with ARIA, but do those play a, I would assume, a pretty big role then? With some of the screen readers out there?
0:21:54.3 Jen Luker Yes and no. Going back to semantic HTML, if you're using just HTML then there's really no need for the ARIA roles. The roles themselves are built in to the platform-specific HTML; however, if you are deviating from that plan or you are using something a little closer to HTML5 then ARIA can play a role in making sure that exactly what you want read to a screen reader is defined. So, usually the first rule of ARIA is "Don't use ARIA." But there's definitely a place for it.
0:22:40.9 Dan Wahlin Okay, good to know. Yeah. I think that's one area that, you know, I'm comfortable with the semantic tags and it's good to hear that those are still the, kind of, I guess, goal.
0:22:51.3 Jen Luker Mm-hmm (affirmative).
0:22:52.1 Dan Wahlin But I'm not as familiar with the ARIA stuff. You know, you'll see it, for instance, even in some of the, if you use Bootstrap all, the CSS.
0:22:59.2 Jen Luker Mm-hmm (affirmative).
0:22:59.5 Dan Wahlin I've noticed they'll add it here and there. If you use Font Awesome I've noticed there'll even be some ARIA-type stuff. But kind of one of those where you copy and paste it and don't really know what it does, you know, without looking it up more.
0:23:10.5John Papa You bring up a great point there with Font Awesome, Dan. Font Awesome, if my memory serves me right, you take a icon tag, right? The i and then you almost always have to stick in an ARIA attribute into there because you're effectively making a button, sometimes, out of that. So you're making a button out of an icon, which isn't really a button, and maybe you don't want it to be inside of a button control. Which almost always leads to end up using the ARIA attributes on there. Is that a bad thing, Jen? Or is that, I mean, 'cause that's what I see a lot out there. I mean, just 'cause I see it doesn't mean that it's right.
0:23:45.7 Jen Luker For the most part what you want in a button is text; however, we often use icons for those buttons. If you can possibly wrap it in a button control that would be better than just trying to add ARIA items to the icon itself. However, that is a way to get around that. Ideally you'd add a button, you'd tell the button its title and its value and that's what ends up getting read instead of just an empty icon.
0:24:20.0 John Papa Yeah, I hear you. Ideally, I try to do that as well, and I'm actually trying to pull up some code of where I've done this before to kind of get sense for, you know, "Why did I do that as opposed to actually using a button, in that case?” And I think sometimes it's more about styling and maybe it's just about effort. Like, you could put it inside of a button. If you didn't really want it to look like a button you could then restyle the button so it didn't look that way.
0:24:44.7 Jen Luker It is so easy to restyle a button-
0:24:48.1 John Papa Mm-hmm (affirmative).
0:24:47.8 Jen Luker So that it doesn't actually look like a button.
0:24:49.4 John Papa Yeah.
0:24:49.9 Jen Luker It is so easy. It's like three lines of CSS and suddenly it's just your icon.
0:24:55.9 John Papa I think you're right on that. I mean, and that's actually gets back to a thing of, Daniel you'll laugh at this, it makes me think of Silverlight. (laughs) The old Silverlight days.
0:25:04.2 Jen Luker (laughs) Mm-hmm (affirmative).
0:25:05.3 John Papa Where everything was described as a lookless control. And I kind of wish, in some ways, HTML was like that.
0:25:11.8 Dan Wahlin Yeah.
0:25:12.4 John Papa Whereas, out of the box, a button has a certain look and a feel. I wish it didn't. Like, you had to add those things because I feel like because there already is a standard way these things are represented... Like, you stick a button on a page you get a certain look, and it's almost never exactly what you want it to look like anyway. So maybe if there was a lookless feel to these HTML elements-
0:25:32.6 Dan Wahlin Or at least an option for that, right?
0:25:34.7 John Papa Yeah!
0:25:35.0 Dan Wahlin Where if you want it out of the box, great. But if you don't, here's how you can start from scratch and just add your own CSS in. Which wouldn't be too bad because we typically use, especially for public facing, you know, reset-type CSS, stylesheets anyway. So you could just kind of say, "Nope. Start from scratch and here's what I'm using."
0:25:52.3 John Papa Yeah.
0:25:52.8 Jen Luker Mm-hmm (affirmative).
0:25:53.1 Dan Wahlin But on that topic, Jen. Is, you know, for your... You obviously specialize in this and I saw in some of the info John was sharing with me that you worked on a website that implemented some automated accessibility testing to meet, is it WCAG? Is that how you say the standard there?
0:26:10.5 Jen Luker Yeah.
0:26:11.1 Dan Wahlin WCAG 2.0? Okay.
0:26:12.5 Jen Luker Mm-hmm (affirmative).
0:26:13.4 Dan Wahlin Can you tell us more about, kind of that process? And what you need to do there?
0:26:17.6 Jen Luker I actually worked on the Starbucks Careers Site project that was recently released. The benefit of that project is that when they started with a rewrite they started from design up with the intention to comply with WCAG 2.0 AA accessibility. So it was literally baked in from the design up and everybody was on board with engineering it to be as accessible as possible. So it was very much a collaborative effort between the design team, the different developers that worked on it, and even the engineering managers and the product owners. It was a really great process.
0:27:05.2 As far as the testing goes, we actually went through a few different layers of testing. The very first one is we implemented the eslint-jsx... or the eslint-plugin-jsx-a11y ... ESLint plugin. That (laughs)-
0:27:24.8 John Papa Oh, sorry, wait. Just let me make sure I got that one right. It's the eslint-plugin-jsx-a11y, right?
0:27:30.9 Jen Luker Yes!
0:27:31.8 John Papa Okay. Perfect. (laughs)
0:27:32.8 Dan Wahlin Say that 10 times fast.
0:27:33.7 Jen Luker I know.
0:27:34.0 John Papa Exactly.
0:27:34.9 Jen Luker It's really long. Especially when you start talking about the fact that I wrote another one for React Native. So...
0:27:39.4 John Papa (laughs)
0:27:40.0 Jen Luker It's even longer. That was kind of the first line of defense. It was utilized right there with Prettier, which was great. We used husky to run Prettier and the accessibility linter at the same time before someone could push code to the repo. In addition to that, we moved on to using axe-core as implemented into Jest for unit testing. And then we also use axe-core in Enzyme for end-to-end testing once the content was compiled down to static pages.
0:28:26.4 So this allowed us to hit the developers before they even pushed, hit the unit test of each one to make sure that they would comply if given the ideal data, and then made sure that it was still compliant once the data from the APIs was inserted into the page on a real time level.
0:28:52.2 That essentially meant that at every step of the process we made sure that everything was compliant before it made it to live.
0:29:02.1 Dan Wahlin Excellent. This would be public, I guess, right? Is this where people would go to look for a job? Or... is that what it was? It says the careers website, it looks like.
0:29:10.0 Jen Luker Yes, it was actually the... Yeah, it's just Starbucks.com/Careers.
0:29:14.8 John Papa Okay.
0:29:15.5 Jen Luker It was multiple pages, it had its own menu navigation. Once you actually go to look for a job by submitting your resume and stuff, you're transported out to the portal that they use, which we didn't get to go over, but the careers section of the Starbucks.com website is, in fact, accessible. And they're using those to expand that project.
0:29:43.4Dan Wahlin For people that want to learn more about it learn more about it, obviously I guess you could go right click view source on, you know, the careers site, but is there a recommended site that it out there that's considered a really good, almost like cheat sheet of how to get started adding stuff into your site?
0:29:59.5 Jen Luker There is. WCAG 2.0 website.
0:30:03.1Dan Wahlin Okay.
0:30:03.0 Jen Luker Which we will add to the show notes for this. It is on W3's website. That's usually a great place to go dig in and find out what's kind of covered in compliance. If you dig in deep enough you can find examples of how to implement code in an accessible way. They give different formats of how you could implement a menu, different ways of, you know, drop downs, so they do give you examples that would comply with accessibility compliance that I've found isn't always exactly going to suit your needs but gives you a very good idea of what's going to be necessary.
0:30:46.5 Dan Wahlin Okay. And is there, when it comes to, you know, if I'm vision-impaired, as a, from developer standpoint is there a way to really test that? Short of using like JAWS or maybe one of the built in readers you mentioned? Or is there an actual tool out there than can help you, you know, make sure that what you wanted them to hear is actually what gets heard?
0:31:08.0 Jen Luker It's literally manually testing at that point.
0:31:10.8 Dan Wahlin Okay, I kinda figured. But, yeah I'm wondering if there's anything out there.
0:31:14.4 Jen Luker Something I do want to mention about that is when you are dealing with testing screen readers, among other different types of ... you know, accessibility technologies, assistive technologies that help you. Being cold, not knowing them, and going in and trying to test them actually develops a huge amount of frustration. That can actually develop enough frustration that you decide that it's not even worth it for someone else to have to try to deal with this pain even with something is ideal.
0:31:52.0 What you should do is find someone who uses that technology day in and day out. You'll be amazed at how much faster and much easier they navigate through tools. And something that I have found extremely interesting is how they've learned to adapt their interactivity with your site based on how it's already broken. So it can be very fascinating to see how people that interact with it have their actual pain points, which things aren't, and those aren't things that you're going to be able to identify as just a casual user.
0:32:28.8 John Papa Let's take a quick break for a word from our sponsors.
0:32:32.0 Voiceover Are you building a web application? Need to deliver it soon and don’t have the people to do it? Maybe you’re not sure your company has the skillset or experience to do it. Then maybe we can help.
0:32:42.4 I’m your host, Ward Bell, and my day job is building applications for companies like yours. I don’t do it alone, I’m president of IdeaBlade, a consultancy that specializes in enterprise web application development. We’re particularly strong in Angular, RxJS, NgRx Redux on the frontend, and .Net Microsoft technologies on the server.
0:33:03.2 We’re a small tight knit group of people, hand picked by me, for their expertise, experience,integrity, and team spirit. Maybe we can help you with architectural guidance and hands-on development. And if there’s something we don’t know (and in our field, really, there’s too much to know), we can draw on our personal connections in the Microsoft RD, MVP, and Google GDE Networks as well as our international circle of really great developers, people we know and trust personally.
0:33:29.8 If you’ve got a project that’s keeping you up at night shoot us an email at info@ideablade.com. That’s info@IdeaBlade.com. And now back to the show!
0:33:42.0 John Papa And we’re back. Jen, Dan brought up a good question ‘cause I had this same thought, and I know it’s changed throughout the years, too; it’s how do you test for your site being accessible, and I realize, you know, the manual test is the best one. But there’s, and you do some automating as well for this. I noticed you mentioned the eslint plugin that you had.
0:34:01.5 Years ago there was, well it still exists, a Chrome plugin for screen reader which is now labeled as deprecated, and I notice they always link you over to the Lighthouse tools now, the Chrome plugin for that, which does an accessibility audit. I don’t know how you feel but I’m curious, like on, I see for example, the Starbucks Careers site has a, right now, 100 out of 100 score for accessibility. That doesn’t make me feel like it’s done, but it does make me feel like at least, like if there were something missing in that list of what wasn’t 100, I’d know I have some work to do. But when it’s 100 I’m then stuck with the, “What’s my next step?” Like, running Lighthouse step one: make sure those things aren’t barking at you.
0:34:44.9 Jen Luker Mm-hmm (affirmative).
0:34:45.6 John Papa But what do you do after that?
0:34:47.2 Jen Luker After that is when you starting bringing in actually user testers. So previously we were talking about return on investments of adding accessibility features from the viewpoint of someone who wants to add the accessibility demographic, right? The addition of adding those accessibility features actually expands far beyond those with accessibility issues, but also everybody. So, for instance, say that you’re sitting in a really noisy bar and you want to share a video with your friends. You can’t just sit there and play the video and expect them to get everything that’s being said. It’s too loud in the area that you’re in. With either a transcript or subtitles you can actually understand everything that’s going on in the video without having sound.
0:35:39.9 John Papa I’m so glad you brought that up ‘cause that’s something that is near and dear to me on videos. Not just for people who have issues, but it’s also… Just think about the financial side of this, too, and the marketing side. If you want somebody to watch your video and it’s scrolling past them on a screen in a Twitter feed, or Linkedin, or Instagram, or any kind of social media even, or even on the TV. If there’s no sound, if they can see the words sometimes that grabs their attention.
0:36:08.0 And I’ll, gonna share something about myself here, when I watch TV shows, and I love science fiction, things like Game of Thrones for example-
0:36:17.1 Jen Luker (laughs)
0:36:17.5 John Papa I actually put the closed captions on because I can’t tell what the heck name they’re saying.
0:36:21.7 Dan Wahlin I do the same thing.
0:36:23.0 John Papa You know? (laughs)
0:36:23.4 Dan Wahlin Not with Game of Thrones but with other stuff, yeah.
0:36:25.8 John Papa Yeah, I mean if their name was “Dan” I could get it. But when some of these names comes on I’m like, “...” So I love the fact that we… It’s not just for people who can’t understand names like me, but it’s a great thing for videos ‘cause now you’re reading an audience who maybe they don’t understand the slang you’re using, maybe English isn’t their first language. If you’re recording in English.
0:36:46.3 Jen Luker Mm-hmm (affirmative).
0:36:47.9 John Papa So when I talk with other countries they use the closed captions a lot for trying to figure out, “What did John say?” There’s just so many good ways and good reasons to do it and it’s not hard.
0:36:58.4 Jen Luker Unh-unh (negative). It’s not necessarily hard but it is time consuming. And it can be a little bit costly, depending on whether you do it yourself or whether you’re hiring someone to-
0:37:08.6 John Papa Yes.
0:37:09.2 Jen Luker Provide those transcriptions for you.
0:37:11.3 John Papa There are some free ones. Like if you go to YouTube and you upload it they give you one free translation, but then you run the risk of something like, my good buddy, Asim Hussain, his name is spelled A-S-I-M.
0:37:22.9 Jen Luker Mm-hmm (affirmative).
0:37:23.4 John Papa And when he recorded one of the videos it came out on the closed captioning as “Hello, everyone. My name is Awesome Hussein.”
0:37:29.3 Jen Luker (laughs)
0:37:30.2 ALL (laughing)
0:37:31.1 Dan Wahlin We should call him that now, when I see him.
0:37:32.6 John Papa Yes! So that’s now his nickname. (laughs)
0:37:34.6 Jen Luker That’s awesome. Ha ha!
0:37:35.9 John Papa Literally!
0:37:38.2 Jen Luker Oh, goodness. Yeah, YouTube is… I’m so proud of YouTube for at least trying to add like, automated transcriptions to all of the videos that are available. So there is a button you can click on that will show just a real time transcription as it’s developed. Unfortunately our ability to write machine learning that can fully understand different accents, different dialects, different contexts is still lagging behind how quickly communication and language evolves. So it’s not the best. It’s like trying to use Google Translate and it can be difficult.
0:38:23.3 Dan Wahlin Yeah, it’s- I started playing with, so Azure has it, and Amazon has had it though, for quite a while, has a few more voices at this point on AWS, but they have a service on some of my, I guess you could say wordier posts, meaning that there’s not as much code ‘cause it’s hard to convert.
0:38:43.0 This is kinda opposite of what we’re talking about, this is text-to-speech, and I said, you know, it doesn’t really cost me. I mean, it’s negligible, almost free it’s so minimally used by people and looking at the stats, but it’s you know, Amazon Polly and then Azure… I don’t remember what it’s called. what’s it called, John? They have their text-to-speech service. Do you know off the top of your head? I don’t think I remember the name. It’s probably part of the cognitive speech APIs I’m guessing.
0:39:12.9 But anyway it'll, you know, take your text and convert it into like, an mp3. So I’ve been doing that recently on just some of my more text based posts. ‘Case like I said, it’s hard to get context out of code, of course. But, you know, I like having it. I look at the stats. There’s not a ton of usage, per se. Although somebody could download it, almost like a podcast, but what I like about it is somebody that, you know, was vision impaired in some way, and I swear the older I get I’m starting to fall into that category anyway where I’d almost rather listen to it, you know, than read it.
0:39:49.4 But there’s a lot of different things out there like that that I think as technology progresses, you know, hopefully as you’ve mentioned, Jen, the YouTube closed captioning-type thing just keeps getting better and better. Text to speech is definitely getting pretty awesome. The voice I picked I’m just amazed with how high the quality is. So, a lot of cool stuff out there for this.
0:40:08.2 John Papa Yeah, that is called Azure’s text-to-speech cognitive services is the piece of it. You’re right it’s Amazon Polly. I put both those links in the show notes for everybody.
0:40:16.3 Jen Luker I think the biggest take away from all of this is that accessibility isn’t just for the people with disabilities. It literally is for everyone and it’s not just for old people or young people or people suffering from a specific disability. It’s also for people that have temporary or circumstantial disabilities. It’s for people that have you know, issues today, but no issues tomorrow. Or maybe they’re watching a TV show that has really loud explosions and really quiet text and your baby’s sleeping-
0:40:52.9 John Papa Yeah, what’s up with that anyway?
0:40:53.8 Jen Luker (laughs) Right? That’s why I use a screen… You know, that’s why I use subtitles. But, you know, it’s just the more you step back and look at it the more you realize that accessibility isn’t just keyboard tabbing and it’s not just a screen reader. It’s being able to allow people to interact with your content no matter who they are, or where they are, or what they are; and that has a real power.
0:41:22.9 That has the ability to take people that, I mean, arguably needs to be the ones that have the work flexibility in order to support themselves, and to be able to have the insurance to take care of their medical issues, and give them a job that gives them that freedom. I mean we, as devs, have a huge amount of freedom. We can work from anywhere as long as we’ve got an internet connection and a laptop. And as long as we’re working towards making the entire web accessible, whether that’s Game of Thrones, or that’s our technological documentation it really opens up the world to people that would not have otherwise had the opportunity to be able to make the best of it.
0:42:10.9 Dan Wahlin Absolutely. I think that’s, you know, that’s just a win all around for everyone. To kind of tag on that again, real quick… So I was at Dick’s Sporting Goods, which if you’re in the United States listening to this you’ll probably know who that is, they’re a pretty big sporting goods company. But I was out there doing some angular training and we were talking briefly- Jen, that’s why I asked more about the ARIA labels ‘cause that’s came up. And they actually have a full-time, at least one person maybe more but at least one I know full-time for accessibility.
0:42:41.0 So I think kind of challenge we might be able to issue all of us as devs is, if your company’s currently not doing that, there are companies that are. Now, you know, some of them I think are doing it purely out of what you just said, Jen. They just want to make it more accessible to everybody. Some of them probably it’s financial and okay, I think it’s a win either way, whatever they choose.
0:43:02.6 John Papa Sure.
0:43:03.1 Dan Wahlin But I think that’s a challenge we could all probably take on to try to be a little more educated on that and use it more.
0:43:09.6 John Papa there’s even little things you can do that may not fall under the exact category but how many times have you been to a website where there’s so much text jammed onto a screen you can’t actually discern what you’re supposed to be looking at? You know, so just making sites easier to read and having a better user experience. I find user experience and accessibility really flow together, personally. And when you’ve got one and the other together it’s like the beauty of the web. When you have neither of those that’s like when you go back to one of those 1996 websites where you can't figure out what’s going on.
0:43:42.2 Jen Luker (laughs) It’s absolutely true. It’s definitely a situation where making it fantastic for one group of people ends up helping everyone. So I mean, even if you do one thing today, if you add one more ALT tag, or you convert one more div to a button, or one button to a link, you know? That’s one more thing that’s going to be useable. You don’t have to flip the switch and have your entire website accessible tomorrow, but you can make one step today.
0:44:13.9 John Papa Awesome. Jen, we would like to wrap up this show with a section we call “Someone to Follow” where we talk about somebody who may be well known, or may not in the industry who we just want people to take a closer look at. And I’ll kick things off. Today, and I seem to be picking names that I can’t pronounce recently, so I apologize Gleb, but the person I want to point out is Gleb Bahmutov, and it’s… I’ll put his Twitter link up here on the page. He is one of the JavaScript ninjas behind the tool called cyprus.io which, Dan you did a show with us on that a couple of weeks or months ago.
0:44:47.6 Dan Wahlin I love it. Yeah.
0:44:49.1 John Papa Gleb is amazing. I’ve talked with him a few times on, he’s another Twitter friend, and the reason I wanted to call him out was I was working with cyprus.io, ‘cause I switched, Dan convinced me to switch. And I absolutely loved it and I was trying to solve some problems with it and I resent it to him on Twitter and he helped me get over those issues right away. And I just really love how open and friendly he was and he’s just done some amazing technology products that he’s had on the web over the years and cyprus io is just the recent one of those. Dan, do you have somebody to follow?
0:45:20.4 Dan Wahlin Yeah. So I had the chance to have dinner recently with one of my buddies, Rick Strahl. You know Rick, John.
0:45:27.6 John Papa Oh, yeah.
0:45:28.3 Dan Wahlin And for those that don’t know Rick he’s like, world champion I think. He windsurfs a lot (laughs). But Rick’s just a all-around very cool guy and very knowledgeable about frontend and backend type technologies, so he’s @Rick- We’ll put it in the show notes, but @RickStrahl on Twitter.
0:45:51.7 John Papa And Jen, do you have someone to follow?
0:45:53.1 Jen Luker I do. So there’s someone that I’ve been seeing a lot in the conference circuit this year. His name is Tejas Kumar. He is one of the nicest, most upbeat, most enthusiastic, and kindest, and most patient people you will ever meet in your entire life. He has more energy than my child and he’s basically the person who touts love and tolerance and kindness throughout Twitter. It’s a definite highlight in my feed. So I will definitely include his link in the show notes as well. But he’s my person to follow.
0:46:34.2 John Papa Actually I think I met Tejas last week at dotJS in Paris. Super nice guy. I hadn’t met him before but he was just a Twitter friend, so. It’s so nice when you actually meet people in person who you meet on the internet. (laughs)
0:46:46.0Jen Luker Absolutely.
0:46:47.1John Papa Well hey, Jen, it was great having you on here and thank you for coming on and talking to us about accessibility and for everybody who’s listening, thanks for listening to this show. We’re putting a bunch of links in the show notes so go check those out and please listen to us every Tuesday morning.
0:47:03.3 Jen Luker Thank you.
(Exit Music)
0:47:08.4 Voiceover Thanks for listening to Real Talk JavaScript. This show and all of our shows are available at www.RealTalkJS.com with links and notes. John and Ward would love to hear what you think, especially about potential guests and topics for future shows. Follow and send them a message on Twitter @RealTalkJS.
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 Magazine" syndrome
(0:45:50) Mike talks about examples of apps built with Ionic
(0:50:38) Someone to follow: CodeNewbie community https://www.codenewbie.org/
(0:51:11) Someone to follow: Craig Shoemaker https://twitter.com/craigshoemaker
(0:52:07) Someone to follow: Refactr Tech https://twitter.com/RefactrTech
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 kind of applications she sees people creating with RxJS
(0:20:00) Tracy talks about multi-plex over a websocket with rxjs with node.js and react native
(0:20:22) Tracy mentions React Native https://facebook.github.io/react-native/
(0:20:37) Ken Wheeler https://twitter.com/ken_wheeler
(0:21:28) Ward asks if "just subscribe" is a useful bit of advice
(0:23:30) Tracy talks about reactive aspects and non reactive aspects of code
(0:24:15) John mentions how RxJS is not part of any particular front end framework
(0:24:30) Tracy says she is seeing a lot of React folks taking learning and using RxJS
(0:24:34) Tracy talks about how RxJS is framework agnostic
(0:25:17) Tracy talks about prtoecting from JavaScript fatigue
(0:25:40) Ward asks Tracy how she recommends debugging RxJS
(0:26:10) Tracy asys to "keep tapping away"
(0:26:31) Tracy says they are trying to make testing easier
(0:26:58) Tracy talks about how you can get into the RxJS slack channel
(0:27:50) Tracy talks about her use of Evernote for staying organized
(0:29:00) Tracy talks about her efforts with Women in Tech https://twitter.com/ladyleet/status/985018157994831872?lang=en
(0:29:31) Tracy talks about possibly announcing something at the ngAtlanta: https://ng-atl.org/#/ conference
(0:30:00) Tracy talks about her passion for creating companies
(0:30:26) Someone to follow: Jay Phelps https://twitter.com/_jayphelps https://medium.com/@jayphelps
(0:31:10) Someone to follow: Dmitri Shekhovtsov https://twitter.com/valorkin
(0:31:50) Someone to follow: Dam Abramov https://twitter.com/dan_abramov
Additional Resources
- RxJS api https://rxjs-dev.firebaseapp.com/api
- RxJS and Angular https://angular.io/guide/rx-library
- Upgrade RxJS 5 to 6 https://www.learnrxjs.io/concepts/rxjs5-6.html
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 talks about an AST http://www.syntaxsuccess.com/viewarticle/javascript-ast
(0:26:10) Async hooks is a new tool that ships in node that pulls data out to help APM's (App Performance Monitoring) help get data
(0:27:00) Ward asks if there are tools that will check for anti patterns, for CI
(0:27:50) Tierney talks about tools that NodeSource has written to help look for issues in Node code (certified modules)
(0:28:57) ncm-ci is the tool https://github.com/nodesource/ncm-ci
(0:29:11) Ward mentions tools like Lighthouse for chrome https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=en
(0:29:15) Tierney commits to writign Lighthouse for Node.js by the end of the podcast (jokingly)
(0:30:32) Greenkeeper is a github integration app that auto checks dependencies https://greenkeeper.io/ and analyzes your npm package
(0:31:09) Snyk looks for security vulnerabilities in packages https://snyk.io
(0:32:01) Node awesome list https://github.com/sindresorhus/awesome-nodejs
(0:33:14) Tierney has his own list for Node.js https://github.com/bnb/awesome-awesome-nodejs
(0:33:30) Ward asks Tierney whaat the top 10 Node.js tools everyone needs
(0:36:00) Ward says he is looking for a middle ground between all of the tools and just the most important tools
(0:37:49) John asks what you can do to secure Node.js apps
(0:39:50) Tierney talks about how you can submit vulnerabilities to https://hackerone.com/nodejs-ecosystem
(0:40:09) John asks Tierney about npm vs yarn
(0:50:51) Yarn https://yarnpkg.com/en/
(0:42:20) Tierney talks about his interest in Go https://golang.org/
(0:43:30) Tierney talks about how Ryan Dahl created Node.js https://jaxenter.com/ryan-dahl-fixing-node-deno-146190.html
(0:45:01) Someone to follow - Dave Geddes at https://gedd.ski/
(0:45:58) Someone to follow - Sherry List https://twitter.com/sherrrylst
(0:46:41) Someone to follow - Franziska Hinkelmann https://twitter.com/fhinkel
Resources
- Node.js Everywhere with Environment Variables https://medium.com/the-node-js-collection/making-your-node-js-work-everywhere-with-environment-variables-2da8cdf6e786 by John Papa
- Eleven Tips to Scale Node.js https://medium.com/microsoftazure/eleven-tips-to-scale-node-js-65cbf6deef6e by Brian Holt
- async await in Node.js https://blog.risingstack.com/mastering-async-await-in-nodejs/
- Certified Modules from Node Source https://nodesource.com/products/certified-modules
- Blog posts by Tierney https://nodesource.com/blog/author/bitandbang
- Node Collection - medium blog https://medium.com/the-node-js-collection
- Tierney says use security tools like helmet https://github.com/helmetjs/helmet
- Ryan Dahl - creator of Node http://tinyclouds.org/
- npm audit in ci system https://docs.npmjs.com/getting-started/running-a-security-audit
- WardInSpace: https://docs.npmjs.com/cli/audit NPM Audit
- Node security working group https://medium.com/the-node-js-collection/meet-the-node-js-security-working-group-30b9f00b678
- WardInSpace: Node Security Working Group https://github.com/nodejs/security-wg
- Tierney-Cyren: https://internetbugbounty.org/
- WardInSpace: https://www.rust-lang.org/en-US/ Rust
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 Angular Elements
(0:24:45) Ward says there may be similar things in the Salesforce world too
(0:26:52) John asks Rob how much Angular comes along for the ride with Angular Elements
(0:27:17) Rob explains the basic steps to create a component with Angular Elements.
(0:28:11) Rob says the way you author a component doesn't change, just how you bootstrap it.
(0:28:35) Dan asks if he needs the CLI to create and build Angular Elements
(0:29:38) Ward asks if DI works across the elements
(0:32:06) Ward asks Rob how he sees the other frameworks handling this problem.
(0:32:00) Rob talks about his experience with React and Vue's approaches to custom elements.
(0:32:56) Rob says the React team is talking with the Angular team about this, but he does not know of their plans.
(0:34:13) Rob says Vue provides the ability to publish component from inside of Vue, as far as he knows
(0:35:30) Rob talks about their relationship and cooperation with Ionic https://ionicframework.com/
(0:37:53) Someone to follow - Thierno Thiam https://twitter.com/localhost_droid and https://twitter.com/dakarPromiseJs
(0:48:42) Someone to follow - Minko Gechev https://twitter.com/mgechev
(0:39:30) Someone to follow - is Laurie Voss, https://twitter.com/seldo COO and co-founder of npm http://our-origins.com/post/171840751116/laurie-voss-co-founder-and-coo-at-npm
(0:40:00) Someone to follow - Jason Miller author of preact https://twitter.com/_developit https://twitter.com/preactjs
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:51) Ward says it often is faster to rewrite the code than upgrade it
(0:43:54) Ward is deeply suspicious
(0:48:50) Gatsby https://www.gatsbyjs.org/
(0:52:25) Someone to follow - Katerina Skroumpelou https://twitter.com/psybercity
(0:52:53) Someone to follow - Pamela Ocampo https://twitter.com/pmocampo?lang=en
(0:53:33) Someone to follow - https://twitter.com/jdjuan Juan Herrera https://twitter.com/jdjuan?lang=en ngColumbia
(0:54:00) Someone to follow - Brandon Roberts https://twitter.com/brandontroberts?lang=en
Resources
- Auth0 https://auth0.com/
- https://AngularMix.com AngularMix event in Orlando
- https://www.amazon.com/Practical-Object-Oriented-Design-Ruby-Addison-Wesley/dp/0321721330
- Sandi Metz https://www.sandimetz.com/products/ and books http://www.poodr.com/
- Martin Fowler https://martinfowler.com/
- Jack Welch quote https://www.crn.com/news/channel-programs/18820055/jack-welch-on-success-regrets-and-values.htm
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 taking" and how to label and then prioritize issues.
(0:30:20) Filipe talks about how they use GitHub labels
(0:31:00) John says be careful not to get close to the flames
(0:31:39) Filipe talks about GitHub project boards
(0:32:21) Angular project's project board https://github.com/angular/angular/projects
(0:33:27) Filipe says they use Jira for organizing https://www.atlassian.com/software/jira
(0:35:00) Ward says if someone hasn't looked at in months, maybe it's time to close it
(0:35:52) Prioritization techniques for projects (relies on severity and frequency)
(0:36:25) Severity and frequency are 2 of the biggest things they look for when deciding what issues to focus on
(0:36:44) Prioritization techniques for projects (relies on severity and frequency)
(0:37:23) Dan mentions techniques for handling burnout in large-scale open source projects
(0:37:40) Dan asks Filipe how he handles JavaScript fatigue in the OSS world and what advice he has
(0:39:02) Filipe shares his techniques for handling burnout in large-scale open source (0:39:30) Filipe talks about how to be honest with yourself and understand why you are frustrated (if you are)
(0:39:40) Filipe says "think, as a maintainer of this project, how can i manage this the best i can?"
(0:40:00) Ward says having a community of caretakers is a great way to share the work
projects
(0:42:00) Someone to follow - Sara Vieira https://twitter.com/NikkitaFTW
(0:42:20) Someone to follow - Brendon Burns https://twitter.com/brendandburns , Brendan is huge in the Kubernetes space https://kubernetes.io/
(0:43:30) Someone to follow - Annie Griffiths, National Geographic Photographer, "RippleEffects" https://www.anniegriffiths.com
(0:45:20) Axel Rauschmayer https://twitter.com/rauschma http://2ality.com
Additional Resources
Nice tips for performance in Angular https://medium.com/@spp020/44-quick-tips-to-fine-tune-angular-performance-9f5768f5d945
Flame charts https://developer.mozilla.org/en-US/docs/Tools/Performance/Flame_Chart
Working remotely Tips from Scott Hanselman https://www.hanselman.com/blog/30TipsForSuccessfulCommunicationAsARemoteWorker.aspx
Github Projects to organize issues and work in OSS https://help.github.com/articles/about-project-boards/
Sara Vieira's the Dark Side of Conferences https://uxdesign.cc/the-dark-side-of-conferences-4b103143179f
Thanks to our sponsor for this week;s episode, NativeScript https://www.nativescript.org/realtalkjs
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.com/slicknet https://humanwhocodes.com/
(0:47:38) Someone to follow: Simona Cotin https://twitter.com/simona_cotin?lang=en
(0:48:10) Someone to follow: Arthur Stolyar https://twitter.com/nekrtemplar
Additional Resources
PWA Checklist
https://developers.google.com/web/progressive-web-apps/checklist
Curated list of PWA news by Maxim:
https://twitter.com/progwebnews/
PWA Feature Detector
https://tomayac.github.io/pwa-feature-detector/
Mobile Era PWA:
https://mobileera.rocks/
Workbox:
https://workboxjs.org
Webhint:
https://webhint.io
PWA Get Started:
https://developers.google.com/web/progressive-web-apps/
https://developer.microsoft.com/en-us/windows/pwa
Excellent post on PWA: https://developers.google.com/web/updates/2015/12/getting-started-pwa
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
(0:50:19) Dan talks about how it works (Cypress.io) https://www.cypress.io/how-it-works/
(0:51:10) Cypress Docs https://docs.cypress.io/guides/overview/why-cypress.html
(0:53:47) Someone to follow: Brandon Roberts https://twitter.com/brandontroberts
(0:54:05) Someone to follow: Tracy Lee https://twitter.com/ladyleet and https://www.thisdot.co/labs
(0:55:00) Someone to follow: Netanel Basal https://twitter.com/NetanelBasal and https://github.com/datorama/akita
(0:55:48) Someone to follow: Alyssa Nicoll https://twitter.com/AlyssaNicoll
More Resources
Wahlin Consulting (https://codewithdan.com)
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
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/May/31/Web-Code-is-a-solved-Problem-How-about-fixing-Web-UI-next
(0:40:39) Brian says someone to follow is Necoline Hubner https://twitter.com/necolinehubner
More Resources
react https://reactjs.org/
redux https://redux.js.org/
ngrx (redux in Angular) https://medium.com/ngrx
vuex (redux in Vue) https://vuex.vuejs.org/
Webpack https://webpack.js.org/
Parcel https://parceljs.org/
React's context API: https://reactjs.org/docs/context.html
React’s forthcoming “timeslice” and “suspense” APIs: https://blog.pusher.com/time-slice-suspense-api-react-17/
Maxim Koretsky ("ngWizard”) https://blog.angularindepth.com/@maxim.koretskyi
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