Jennifer Bland

Published in Better Programming

·Pinned

How To Add Authentication to a Vue.js App Using Auth0

Add authentication to your Vue app using Auth0 — Auth0 is a flexible, drop-in solution to add authentication and authorization services to your applications. See how easy it is to add to your Vue application so you can register and log in users with their email address and a password. What We Will Be Creating We are going to create a very simple Vue…

Programming

10 min read

How To Add Authentication to a Vue.js App Using Auth0

Programming

10 min read

Jan 12

Adding a Leading Zero in 1 Line in JavaScript

At work, I recently ran into a scenario where we were capturing a user’s date of birth (DOB). This information is collected in 3 fields day, month, and year. If your DOB is January 7, 1962, people were inputting 1 for the month, 7 for the day, and 1962 for…

JavaScript

1 min read

JavaScript

1 min read

Jan 11

How to Merge Objects in JavaScript

An object is frequently used to store data. Sometimes you end up with multiple data objects that you need to combine their contents. In this article, I will show you several ways to merge objects in JavaScript. Format of an Object An Object is a collection of key-value pairs. …

JavaScript

3 min read

JavaScript

3 min read

Jan 10

Console.trace in JavaScript

In yesterday’s article, I showed you two ways to format your output to the console in JavaScript. If you have not read it, check it out…

JavaScript

1 min read

JavaScript

1 min read

Jan 9

Formatting output to the console

If you have been a programmer for more than a day, then you have used a console.log to display data. You may want to see the value of data while your programming running or you may be trying to troubleshoot a problem. Sometimes the data displayed in the console can…

JavaScript

3 min read

JavaScript

3 min read

Jan 6

Grid to List Toggle using CSS Grid

In this article, I will show you how to create a toggle to display items in a grid from a list. This will be using basic JavaScript skills with no external code or libraries. We will be using CSS Grid. What We Will Be Creating How to Create Our Starter Files Let’s start by creating three files called index.html and style.css…

Css Grid

5 min read

Css Grid

5 min read

Jan 6

3 Ways To Remove Duplicates in an Array with JavaScript

Sometimes you have an array of data and you want to remove all duplicates from the array. In this article, I will show you three ways in which you can do this. 1) Remove duplicates using forEach and includes The Array includes() method determines whether an array includes a certain value among its entries, returning true or…

JavaScript

2 min read

JavaScript

2 min read

Jan 5

Grid to List Toggle Using Flexbox

In this article, I will show you how to create a toggle to display items in a grid from a list. This will be using basic JavaScript skills with no external code or libraries. We will be using Flexbox. What we will be creating Create our starter files Let’s start by creating three files called index.html and style.css and…

CSS

7 min read

CSS

7 min read

Jan 4

Learn CSS: Create the Google Logo

One of the best ways to learn CSS is by creating something useful while you learn. I will show you how to use the following CSS items by creating the Google logo: position relative and absolute pseudo classes ::before and ::after positioning an element that is absolute transform: translateY create…

CSS

4 min read

CSS

4 min read

Jan 3

Learn CSS: Create the Git Logo

One of the best ways to learn CSS is by creating something useful while you learn. I will show you how to use the following CSS items by creating the Git logo: Transform to rotate an image position relative and absolute pseudo classes ::before and ::after What we will be creating We will create the…

CSS

4 min read

CSS

4 min read