Web Rush

Recording date: June 3, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Michael Washington @ADefWebserver

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

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

• 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

• 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

• AG Grid

• Lemon Productions podcast editing and production.

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

• 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

AG Grid

Narwhal

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

• 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

• 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

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

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

• 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

• 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

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Nrwl

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

• 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

• 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

• AG Grid

• IdeaBlade

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

• 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

• AG Grid

• IdeaBlade

• 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

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