Recording date: 10/01/2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerNatalia Venditto @anfibiacreativaBrought to you byAG GridIonicResources:MongoDBCloud databaseACID Database PrinciplesRelational databaseDocument-Model databaseSQL (Structured Query Language)Referential integrity in databasesData localizationPostgreSQLThe Price of PeaceHemingway appHemingway’s “Shortest story” contestTimejumps01:43 Guest introduction03:36 How do you think about databases in 2021?09:27 Sponsor: Ag Grid10:30 How do you break out various databases and when to use them?17:41 Databases in the cloud20:26 Stories of successful database decisions25:03 Sponsor: Ionic25: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 thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Real Talk JavaScript

Episode 156: Cloud DBs with Natalia Venditto

Recording date: 9/21/2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerMaria Korneeva @BrowserPersonBrought to you byAG GridNarwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources:Front End Technology RadarLearning through metaphorsJSON serverES LintRxJsDunning-Kruger EffectTimejumps01:21 Guest introduction01:59 What metaphors do you use to explain development?05:13 Sponsor: Narwhal05: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 Grid23:38 What is your technology radar?33:54 How much does competency play a factor?37:54 Final ThoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 155: Building a Technology Radar with Maria Korneeva

Recording date: Sep 16, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerEmma Twersky @TwerskeBrought to you byAG GridIonicResources:Angular.js in 60-ish minutes by Dan WahlinAngularAngular CDK37 JavaScript CarouselsReasons why Carousels may not be accessibleLighthouseCore Web VitalsLocalizing AngularBilly Eilish on Disney+Understanding the Four Principles of AccessibilityOtter AIRiverside.fm for recordingDescriptAria in HTML for AccessibilityTimejumps01:39 Angular (ish)02:46 Guest introduction04:03 What is Angular?05:34 What is the CDK?06:20 Why anti-carousel?10:13 Sponsor: Ionic10:52 The importance of theming and components13: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 Grid29:42 How do teams incorporate accessibility in projects?34:11 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 154: Theming and Accessibility with Angular Components with Emma Twersky

Recording date: Sep 14, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerRich Harris @Rich_HarrisBrought to you byAG GridNarwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources:Single-page application vs. multiple-page applicationMore on MPA vs SPASvelteKitWhat is a SPA (Single Page App)Rendering on the WebSPA SEO Pitfalls to Know Before you Build your AppServer rendering and Nuxt and VueServer rendering and Next and ReactVercelCanvas ChartingNetlifyAzure Static Web AppsRich Harris on Twitter discussing MPA and SPAQwik on GitHubFirst Look at QwikWeb Rush 0144 - Qwik with Misko HeveryWhat is a CDN (Content Delivery Network)What is Edge computing?CloudFlare workersTimejumps01:43 Guest introduction03:36 What is a SPA and MPA?08:22 Sponsor: Ag Grid09: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: Narwhal26:52 What is the next evolution of this?36:17 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 153: Single Page Application vs Multi Page Application with Rich Harris

Recording date: Sep 9, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerDana Yudelevich @dana_yudelevichBrought to you byAG GridIonicResources:FiverrKarate black beltThe Art of ETA videoDashlaneStorybookStorybook inception : Web Rush 115Once Upon a Storybook: Web Rush 110ReactChromaticCSS Style Guide ExamplesNotionGrafanaSentry app monitoringShang-ChiMarvel “What If...”Natan Levy on instagramVestTimejumps01:09 Weather updates03:36 Guest introduction05:11 Why is onboarding important?08:42 Sponsor: Ionic09:18 Setting people up for success11:46 What are some of the hangups with onboarding?13:48 Is there a guide to how to start onboarding?23:27 Sponsor: Ag Grid24: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 thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 152: Creating a Successful Front-End Onboarding Plan with Dana Yudelevich

Recording date: Sep 2, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerMitali Karmarkar @KarmarkarMitaliBrought to you byAG GridIdeaBladeNarwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources:Azure Static Web AppsJamstackAzure App ServiceAzure FunctionsInternships at MicrosoftAzure control plane and data planeStatic Web Apps ConfigurationLearn - tutorial - Authenticate users with Azure Static Web AppsBring Your Own Auth in Azure Static Web AppsWorks on my machine tshirtTimejumps03:23 Topic and guest introduction05:00 What is a static web app?09:09 Sponsor: Ag Grid10: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 728:50 Sponsor: Narwhal29: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 thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 151: Engineering Technology from Idea to Release

Recording date: 8/24/2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerKevin Åberg Kultalahti @KevmodromeBrought to you byAG GridIonicResources:Svelte Society on TwitterSvelte Society web siteSvelte Radio podcastSvelte DevTools for ChromeSvelte DiscordSvelte for VS CodeDiscord’s Stage ChannelsSvelte Summit eventSvelteKit for SvelteSvelteKit migration guideVite docsFrom Snowpack to ViteBudibaseSvelte REPL with hello worldSvelte Writable StoresCypressPlaywrightJestUVUSvelte SocietySvelte-KnobbySnakes on a PlaneShopAtHomeShopAtHome demo in SvelteShopAtHome demo in VueShopAtHome demo in ReactShopAtHome demo in AngularTimejumps01:55 Guest introduction03:00 What is Svelte Society?09:13 Sponsor: Ag Grid10:19 What has you excited about Svelte?12:54 Documentation is part of the product14:40 What role does Vite play?19:17 Sponsor: Ionic19:56 Svelte Tooling24:37 Svelte and VS Code26:11 How development works with Svelte28:16 How do you test with Svelte?31:35 Where can people go for help with Svelte?33:29 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 150: Svelte Tools and Svelte Society

Recording date: 08/17/2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerHan Dong @PromisedotallPrerak Sanghvi @PrerakSanghviBrought to you byAG GridNarwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources:Proof Trading BlogThe Algorithmic Trading PlatformMichael Lewis’ Flash BoysFidelity InvestmentsProof TradingMainframe ComputerWeb Socket APISSE - “Server-side Events”RedisAG GridWeb WorkersQuery by ExamplePerspective grid from FinOSNoun ProjectTimejumps01:18 Guest introduction01:54 Flashboys 07:42 Storytelling tools for financial products12:29 Sponsor: Narwhal13: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 Grid30:45 What are the benefits of web workers32:46 How do you set up the data for the grid?40:31 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 149: Real Time Systems in the Real World with AG Grid

Recording date: July 27, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerMax Lynch @MaxLynchBrought to you byAG GridIonicResources:Max Lynch WebsiteNG ConfManchester UnitedTed LassoTed lasso on Rotten TomatoesAngularJSTypeScriptWebpackIonic FrameworkAngularWhat’s new in Ionic 4CapacitorGulpGruntSassTypescriptWhat is AtScript?List of tools for Static Code AnalysisIonic Angular RoutingStencilKebab CasingSnabb DOMDesign Systems with Stencil.jsAdam Bradley on TwitterLit.dev from GoogleEuro 2020Open Source SustainabilityNotionRun DisneyGratitudeTake Smart Notes in ObsidianTimejumps01:17 Guest introduction05:27 How has Ionic managed to stay relevant over time?07:04 What was build tooling like?09:08 Sponsor: Ionic09:51 Early days of Angular13:25 What areas are you seeing a lot of demand in?15:01 What's the stencil concept?26:52 Sponsor: Ag Grid27:56 What is your target audience with Stencil?34:11 How is support handled for Stencil?39:22 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 148: Reusable architecture/design systems with Max Lynch

Recording date: July 22, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerJem Young @JemYoungBrought to you byAG GridNarwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources:Front End Happy Hour podcastFront End Masters training coursesjQueryBackend for the FrontendNode.jsNetFlix tech blogThe Witcher TV seriesWeb AssemblyReactNetFlix Engineering on TwitterNext.jsRegression TestingGraphQLNode.js LTS and release version strategiesRyan Burgess on TwitterWorking in Developer Relations with Kim MaidaWhich department does DevRel belong in? By Kim MaidaTimejumps01:13 An award for subtitles04:05 Guest introduction05:25 Understanding modern technology07:28 Sponsor: Narwhal08:13 Working on the backend for the frontend13: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 Grid43:42 Course on Front End Masters45:54 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 147: Leading Technology Teams with Jem Young

Recording date: 07/15/2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerBrought to you byAG GridIonicResources:COM+Visual BasicDeployment EnvironmentsEncrypt a Column of Data in SQL Server11th hours requirements - how to push back and mitigateThe Cat’s PajamasThe History of the Relational DatabaseY2KAPL programming10 Tips to Improve Your Communication Skills as a Software DeveloperTimejumps02:17 Why are we telling these stories?04:31 Dan's tale09:53 Sponsor: Ionic10:46 Dan's tale continued24:36 Ward's tale34:40 Sponsor: Ag Grid35:48 Ward's tale: What would you do differently?39:51 John's tale59:36 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 146: Lessons Learned

Recording date: July 6, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerAri Clark @GloomyLumiBrought to you byAG GridNarwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources:Enjoy the Vue PodcastChris Fritz42 is the secret of the universeWorld of WarcraftEnjoy the Vue podcast on twitterVue.jsJust in Time Learning10x developerImposter SyndromeSoft Skills Engineering PodcastFrou FrouAri Clark - Real Time Vue videoPolymerLit replaces polymer, lit-html, and lit-elementsComposition API in VueVue MixinsComposition API - do you really need it? - blog postPetite VueVue DocsDrop a script tag in a page and go with VueStripe docsFront-End FoxesTimejumps02:40 Guest introduction06:01 What's the story behind GloomyLoomy?07:26 Work life balance09:14 Sponsor: Ag Grid10:07 What's the 10x developer?12:55 How do you connect with peers?18:44 Dealing with imposter syndrome27:07 What do you do with Vue?32:49 How do you feel about the compositions API?40:53 Sponsor: Nrwl41:31 What's your fav thing about using Vue?44:52 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 145: Vue and Careers with Ari Clark

Recording date: 07/01/2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerMisko Hevery @mheveryBrought to you byAG GridIonicResources:@Qwikdev on TwitterA first look at Qwik - the HTML first frameworkDeath by Closure (and how Qwik solves it)TTI (Time to Interactive)PageSpeedAngularAngularJSLazy LoadingDefer attribute in HTMLDo google analytics slow down my site?Adam Bradley on TwitterAsynchronous JavaScriptBrowser and JavaScript performance memoryASP.NET View StateQwik on TwitterQwik on GitHubQwik DiscordTimejumps03:54 Guest introduction05:50 What is your new web framework?08:48 Sponsor: Ag Grid09: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: Ionic36: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 202145: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.

Episode 144: Qwik with Misko Hevery

Recording date: June 22, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerAndre Young @DreYoung79Brought to you byAG GridNarwhalVisit nx.dev to get the preeminent open-source toolkit for monorepo development, today.Resources:Classic ASPAJAX ToolkitNASA GSFCVisual InterDevKnockout JSFunctional JavaScriptVS CodeVisual StudioWebpackAngularjQueryReact!! operator in JavaScriptUnit TestingJavaScript Design PatternsJestCypress end to end testingKent C Dodds react testing libraryAzure DevOpsCyclomatic complexityTimejumps01:13 Guest introduction04:02 Shifting from .Net to Javascript09:00 Sponsor: Ag Grid10: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 team18: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 thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 143: Old Man Yells at Tests - Andre Young

Recording date: June 15, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerDavid Neal @ReverentGeekBrought to you byAG Grid IdeaBladeResources:David Neal (Website)Dan Roam: Show and TellPractice in PublicBrad ColbowReverent Geek: About PageDavid’s Illustrated OAuth GuideDan Roam: Draw to WinZetlekastenTimejumps01:00 Guest introduction01:35 How did you get into sketch noting?08:11 Sponsor: Ag Grid09:14 Dad joke illustrations13:41 Do you share your early talks?17:53 Even bad drawings are still art23:36 How do you describe non-visual items?27:37 Tell your story31:12 Sponsor: IdeaBlade32:09 Lessons from software development that relate to drawing35:11 What kind of tools or software should someone start with?44:06 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Episode 142: Sketch Notes in Tech with David Neal

Dive into JavaScript and Web development stories with hosts John Papa, Ward Bell, and Dan Wahlin. Sponsored by Nrwl.io 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 Real Talk JavaScript.

hubhopper

Real Talk JavaScript

hubhopper