Web Rush

Recording date: June 2, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Thomas Vidas @ThomasVidas

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• 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

• 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

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• 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

• 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

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• 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

• 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

• AG Grid

• 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

• 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

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• 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

• 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

• AG Grid

• Ionic

• 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

• 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

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• 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

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