Back to Basics with Native HTML and LitElement on Real Talk Javascript #101

By John Papa

ag-grid-logo-2

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

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:

Cool Components (LitElement)

Cool Components (Not LitElement)

White Label Components

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

Easily Deploy a Fullstack Next.js App with Vercel

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

Refactor Node.js and Express APIs to Serverless - Free Workshop

By John Papa

Refactor Node.js and Express APIs to Serverless - Free Workshop

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
Refactor Node.js and Express APIs to Serverless - Free Workshop

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:

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:

We’ll see you there!

Source:: johnpapa

Intercepting HTTP in Web Frameworks on Real Talk Javascript Episode #100

By John Papa

ag-grid-logo-2

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:

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