By John Papa

Alan Davalos drops a wealth of knowledge and links on LitElement including: what is LitElement? What is CSS encapsulation? How does LitElement help with templating? Is LitElement able to integrate with other components? How do you define an attribute value? And How does Fast compare with LitElements?

const podcast = { 
  episode: 101,
  title: 'Back to Basics with Native HTML and LitElement',
  topics: [ 
    'litelement', 'html', 'css'
  ],
  guest: 'Alan Davalos'
  hosts: [
    'John Papa', 'Craig Shoemaker'
  ]
};

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.

Source:: johnpapa

Ben Nadel looks using derived tables in MySQL 5.6.49; and, how a derived table can gather statistics about related data that can then be JOIN’d back to the outer query with great performance….

Source:: bennadel.com

Source:: juristr.com

Ben Nadel performs a code kata to create a “fluent”, closure-based builder API in Lucee CFML 5.3.6.61. This allows a URL (in this case) to be aggregated over a series of chained method calls that ultimately results in a final URL value….

Source:: bennadel.com

By Chris on Code

Developing and shipping production-ready applications to the web today couldn’t be easier than with Next.js and Vercel. It provides a world-class developer experience right out of the box and is optimized for powering high-performance production workloads. Read on to get an overview of what makes Next.js so compelling to work with and how easy it is to get your work deployed to production.

Installation and Setup

Make sure you have npm installed on your system:

node -v && npm -v

You should see the respective version numbers printed to the console. If not, you can go to the official Node.js site to get installation instructions for your platform.

With the node toolchain installed on our machines, we can invoke the following to scaffold out a new Next.js project:

npx create-next-app my-amazing-app

Ente

Source:: scotch.io

By John Papa

Join us as we refactor an Express API to serverless architecture in this free hands-on workshop.

{
  topic: "Refactor Node.js and Express APIs to Serverless",
  date: "Sep 16, 2020",
  time: "8am PT/11am ET"
}

Watch broadcast here
Add calendar reminder: Outlook, iCal, Google Calendar

You’ll learn to:

• Refactor Node.js Express APIs to an Azure Functions application
• Create a Functions app with TypeScript/JavaScript
• Explore the differences and similarities between Express APIs and Azure Functions

Join Burke Holland, John Papa, and Craig Shoemaker for this FREE event by watching the stream (during broadcast hours), or set reminder on your calendar:

• Outlook
• iCal
• Google Calendar

Bring you questions as we’ll answering in real-time through YouTube chat.

If you want a head start, you make sure to check out these resources:

• Refactor Your Node.js and Express APIs to Serverless APIs with Azure Functions
• Refactor Node.js and Express APIs to Serverless APIs with Azure Functions: Interactive Tutorial
• Shifting from Express.js to Azure Functions

We’ll see you there!

Source:: johnpapa

Ben Nadel looks at what happens when you define two cookies with conflicting names and different domain settings. And, how this presents in both JavaScript and Lucee CFML 5.3.6.61. It turns out, the first cookie wins….

Source:: bennadel.com

Ben Nadel demonstrates that all cookie values can be accessed via the getHttpRequestData() function even when the Cookie Scope only shows a limited number of conflicting / colliding values in Lucee CFML 5.3.6.61….

Source:: bennadel.com

By John Papa

To celebrate episode 99 and 3 quarters, Ward and John talk about Interceptors. Why are interceptors important? Are they like middleware? How do interceptors work with Angular? What is a read only interceptor? And where should someone start with interceptors?

const podcast = { 
  episode: 100,
  title: 'Intercepting HTTP in Web Frameworks',
  topics: [ 
    'interceptors', 'angular', 'axios'
  ],
  guest: 'n/a'
  hosts: [
    'John Papa', 'Ward Bell'
  ]
};

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?

Podcast editing on this episode done by Chris Enns of Lemon Productions.

Source:: johnpapa

Ben Nadel shares his approach for combating disk-space exhaustion on his Lucee CFML 5.3.6.61 servers. He’s using his Kubernetes (K8) readiness probe to periodically run a background thread that explicitly deletes old temp files….

Source:: bennadel.com