Published inBetter Programming·PinnedMember-onlyHow To Add Authentication to a Vue.js App Using Auth0Add 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…Programming10 min readProgramming10 min read
Jan 12Member-onlyAdding a Leading Zero in 1 Line in JavaScriptAt 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…JavaScript1 min readJavaScript1 min read
Jan 11Member-onlyHow to Merge Objects in JavaScriptAn 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. …JavaScript3 min readJavaScript3 min read
Jan 10Member-onlyConsole.trace in JavaScriptIn 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…JavaScript1 min readJavaScript1 min read
Jan 9Member-onlyFormatting output to the consoleIf 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…JavaScript3 min readJavaScript3 min read
Jan 6Member-onlyGrid to List Toggle using CSS GridIn 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 Grid5 min readCss Grid5 min read
Jan 6Member-only3 Ways To Remove Duplicates in an Array with JavaScriptSometimes 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…JavaScript2 min readJavaScript2 min read
Jan 5Member-onlyGrid to List Toggle Using FlexboxIn 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…CSS7 min readCSS7 min read
Jan 4Member-onlyLearn CSS: Create the Google LogoOne 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…CSS4 min readCSS4 min read
Jan 3Member-onlyLearn CSS: Create the Git LogoOne 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…CSS4 min readCSS4 min read