Web Rush

Recording date: April 6, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

• AG Grid

• IdeaBlade

• 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

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

Recording date: 03/30/2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Rey Bango @ReyBango

• AG Grid

• Narwhal

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

• 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

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

Recording date: March, 23, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Brian Love @Brian_love

• AG Grid

• IdeaBlade

• 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

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

Recording date: March 16, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Sasha Shynkevich @neesoglasnaja

• AG Grid

• Narwhal

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

• 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

• 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

• AG Grid
• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

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

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

• 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

• AG Grid

• IdeaBlade

• 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

• 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

• AG Grid

• Narwhal

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

• 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

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

Manfred Steyer @ManfredSteyer

• AG Grid

• IdeaBlade

• 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

• 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

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

• 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

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