Monthly Archives: June 2020

Using Frisby and Jest with William Imoh on Real Talk Javascript #90

By John Papa

ag-grid-logo-2

William Imoh joins John, Dan, and Craig to talk about testing with Frisby.js and Joi. What are Frisby and Jest? How does Frisby make life easier? What is Postman? How do you handle authentication? How do you pass tokens or specify environment data?

const podcast = { 
  episode: 90,
  title: 'Using Frisby and Jest',
  topics: [ 
    'Frisby', 'Jest', 'javascript',
  ],
  guest: 'William Imoh'
  hosts: [
    'John Papa', 'Dan Wahlin', 'Craig Shoemaker'
  ]
};

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

William Imoh @iChuloo

Brought to you by

  • ag-Grid

  • Narwhal

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

Resources:

Timejumps

  • 02:42 Guest introduction
  • 04:25 What are Frisby and Jest?
  • 05:37 How does Frisby make life easier?
  • 06:42 What is Postman?
  • 13:29 Sponsor: Ag Grid
  • 14:30 Getting Joi from Frisby
  • 18:50 How do you handle authentication?
  • 25:41 Sponsor: Nrwl
  • 26:14 How do you pass tokens or specify environment data?
  • 28:08 Any frustrations with this set up?
  • 31:16 How does it handle file uploads?
  • 34:50 Final thoughts

Source:: johnpapa

JWT vs Opaque Access Tokens: Use Both With Spring Boot

By Chris on Code

The topic of validating an OAuth 2.0 access tokens comes up frequently on the Okta developer blog. Often we talk about how to validate JSON Web Token (JWT) based access tokens; however, this is NOT part of the OAuth 2.0 specification. JWTs are so commonly used that Spring Security supported them before adding support for remotely validating tokens (which is part of the OAuth 2.0 specification.)

In this post, you will build a simple application that takes advantage of both types of validation.

Prerequisites

Should I Validate Access Tokens Locally or Remote?

Whether you should validate access tokens locally (e.g., a JWT) or remotely (per spec) is a question of how much security you need. Often, people jump to, “I need all of the securities!” This statement simply isn’t true—how much sec

Source:: scotch.io

ECMAScript proposal: private static methods and accessors in classes

By Dr. Axel Rauschmayer

This blog post is part of a series on new members in bodies of class definitions:

  1. Public class fields
  2. Private class fields
  3. Private prototype methods and getter/setters in classes
  4. Private static methods and getter/setters in classes

This post explains private static methods and accessors in classes, as described in the ECMAScript proposal “Static class features” by Shu-yu Guo and Daniel Ehrenberg.

Source:: 2ality

How to verify element click in div with Angular

By Adrian Matei

Click on link in bookmark description

Being on a constant lookout for bookmarks management optimization on www.bookmarks.dev,
I had this idea lately to add a bookmark to my history not only when I click the title of the bookmark (main URL),
but also when I click hyperlinks in the description of the bookmark – sometimes I tend to bookmark the “parent” url and
add “child” or related bookmarks in the description (an example would be bookmarking the same “resource” which is deployed
on different environments like dev, test and prod):

This plays really well now with the recently introduced hot keys to access the history and pinned bookmarks

Well, let’s see how this looks like in code:

Continue reading How to verify element click in div with Angular

gatsby-image w/ Support for PWA and Dark Mode

By William Imoh

Building responsive web apps involves the cumbersome task of adding media queries in CSS.

Thanks to the rapid advancements in CSS and CSS-in-JS libraries, web responsiveness is only a few lines of code away.

This three-part series explains how to use the React component gatsby-image to create a responsive banner-and-grid gallery with remote, optimized images sourced from Cloudinary. Specifically:

  • Part 1 explains how to build an optimized webpage by leveraging Cloudinary’s gatsby-transformer-cloudinary plugin and gatsby-image, sourcing and transforming responsive remote images in a GatsbyJS project.
  • Part 2 describes how to source images from Cloudinary into gatsby-image by means of the getFluidImageObject and getFixedImageObject APIs?

Source:: scotch.io

Building Secure Electron Apps with Aristeidis Bampakos on Real Talk Javascript #89

By John Papa

Aristeidis Bampakos joins John and Ward to talk about his experience building and maintaining an electron app for mapping software. What does Electron give you? What are the benefits of Electron? What about security or authentication? What are the alternatives to Electron?

const podcast = { 
  episode: 89,
  title: 'Building Secure Electron Apps',
  topics: [ 
    'electron', 'apps', 'javascript',
  ],
  guest: 'Aristeidis Bampakos'
  hosts: [
    'Ward Bell', 'John Papa'
  ]
};

Recording date: 2020-05-07

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Aristeidis Bampakos @abampakos

Brought to you by

  • Visit preemptive.com/realtime for your FREE Realtime Demo of JSDefender. Test out for yourself what your code can look like obfuscated!

Resources:

Timejumps

  • 01:31 Guest introduction
  • 04:59 What did Electron give you?
  • 08:00 Sponsor: jsDefender
  • 08:28 What are the benefits of Electron?
  • 17:49 What is the interface between HTTP requests and electron apps?
  • 21:38 What about security or authentication?
  • 30:46 Sponsor: Ag Grid
  • 31:52 Are there other security concerns when using Electron?
  • 34:52 What are the alternatives to Electron?
  • 39:14 Who owns Electron and what’s the future?
  • 42:22 Final thoughts

Source:: johnpapa