Sign in

Before Semicolon
Blog & YouTube Channel for Web, UI & Software Development - beforesemicolon.comyoutube.com/c/BeforeSemicolon — Writer: Elson Correia
Photo by Markus Spiske on Unsplash

The HTML input field is simple, powerful, and does what it was meant to do. With over 30 attribute options it is one of the most robust and worth learning about HTML tags. Because users are constantly interacting with fields on the page, a lot of effort is put into making it appealing and easy to interact with but a lot can go wrong.


Everything you need from the section tag to the header tag

Photo by Pankaj Patel on Unsplash.

One thing that developers who don’t know better often shove aside is semantics in HTML. Semantics is one of the most important features of HTML5 and should be mastered by any web developer.

The most popular video on my YouTube channel is “When to use Section vs Article vs Div in Html?” and it made me realize how many developers out there are trying to understand the meaning behind these tags as they enter the web development industry. Because of that, I decided to put it all in one article in simple words.

1. section

The section tag groups content of a…


Everything about the tree data structure in JavaScript.

You really can’t avoid the tree data structure. Whether you are aware of it or not, tree data structures are almost everywhere. It is the file system in your computer, spellchecks and keyboard word suggestions, the HTML DOM, your object-oriented class structure, etc. The tree data structure is powerful, flexible and fun to work with. One that every programmer should feel comfortable using.

Video Version of This Article

This post is an improved and more detailed article version of the Tree Data Structure Series on Youtube that you can check if you prefer videos.

Watch Videos

What is a Tree?

The tree data structure…


Photo by Andrew Neel on Unsplash

Any developer aspires to be good. Unfortunately, a lot of them fail or get stuck in a specific level of their careers. If you ask any developer, the likelihood of them having someone that inspires them in the field is high. Gaining experience or becoming a specialist in a certain area is always the dream and most developers want to continue to code as long as possible, but what are the right things to focus on?

Over the time of my career, I had the chance to work with many pros and experienced developers who preached the same ideas. While…


Photo by KOBU Agency on Unsplash

As developers, it is easy to go by without dealing with large data amounts or data that requires complex logic around it. For that reason, it is easy to neglect the need to improve your skills around working with data. The problem becomes obvious when you try to advance your career. There, everything is about data and it is not all programming-related.

Why learn about data?

Whenever I conducted interviews in the past, most of the candidates struggled to create logic or handle particular data pieces. Whenever they figured out a solution, sometimes that solution proved to be inefficient if the data amount increases…


Everything about the set data structure in JavaScript.

There are many situations where you need to compare multiple lists and extract items they have or not in common, available in one only, etc. Sets allow you to do just that and more. In particular, the Javascript Set is a very special and powerful one but still lacks important things that other languages offer.

Video Version of This Article

This post is an improved and more detailed article version of the Set Data Structure Series on Youtube that you can check if you prefer videos.

Watch Videos

What is a Set?

Set is a keyed collection of unique items stored in no particular…


Everything about the Map Data Structure in JavaScript

A dictionary data structure is known by many names. It is often called Map, Associative Array, Symbol, or Lookup table. In JavaScript, we have objects, Map, and WeakMap which can all fall into this category but, do you know their difference and when to use which?

Video Version of This Article

This post is an improved and more detailed article version of the Dictionary Data Structure Series on Youtube that you can check if you prefer videos.

Watch Videos

What is a Dictionary?

A Dictionary is a data structure that stores key-value pairs. In a sense, if you know a key for the item…


Everything about Queue Data Structure in Javascript

Javascript uses a queue to track the code to execute. Your printer also follows a queue to track which document to print next. Hospitals use a system based on a priority queue to decide which patient to go in first. Point is, Queues are everywhere. From your favorite Coffee shop to computer CPU and your server or network, the queue is an important data structure to learn about.

Video Version of This Article

This post is an improved and more detailed article version of the Queue Data Structure Series on Youtube that you can check if you prefer videos.

Watch…


As you may have seen in the previous article, there are some limitations and things that can be improved about Queue. Sometimes you also need different constraints or rules around the “enqueuing” and “dequeuing”. For those reasons, the Priority and Circular version of the Queue is available to address very specific situations.

Video Version of This Article

This post is an improved and more detailed article version of the Queue Data Structure Series on Youtube that you can check if you prefer videos.

Watch Videos

Priority Queue

A priority queue is simply a queue that cares about the priority level of the…


Everything about the stack data structure in JavaScript.

The stack data structure is great in tracking things in an order that allows you to trace back to the origin. When you control-z or undo something, click the back or forward browser button — when your code editor tells you are missing a closing parenthesis on line 13 — you may be dealing with some sort of stack data structure.

Video Version of This Article

This post is a more detailed article version of the Stack Data Structure Series on Youtube that you can check if you prefer videos.

Watch Videos

What is a Stack?

The stack data structure is a collection of…

Before Semicolon

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store