Tag javascript

Development

Using setHTML() Against Malicious HTML Injection

The easiest way to add HTML content to an element is by using innerHTML. However, it allows malicious code to be injected if the string is not sanitized.

Teylor Feliz
September 18, 2023

Development

Bun Could Be a Game-Changer

Bun could be a game changer because it is supposed to be a drop-in replacement to Node.js while also making a lot of the tools in the Node.js ecosystem redundant.

Teylor Feliz
September 15, 2023

Development

Not Everything Has to Be a Single Page App

As more people are entering the field of web design and development, they come with the notion that React and single-page apps are the hammers for every nail.

Teylor Feliz
September 5, 2023

Development

The Full Stack Bootcamp Engineer

Before jumping into a Coding Bootcamp, understand that it is impossible to become an engineer in a matter of months.

Teylor Feliz
August 15, 2023

Development

The Concept of Recursion in JavaScript

One of the most important concepts in computer science for new developers to learn is recursion. We will see how it works with several small examples.

Teylor Feliz
July 5, 2023

Design, Development

Animations Should Not Be the UX

Animations can enhance the user experience and how users feel when using the app. But the core goal for a user is accomplishing the task with ease.

Teylor Feliz
June 5, 2023

Development

The Dialog HTML Element

In the olden days, developers only have the luxury of alert, confirm, and prompt dialog boxes. Then, lightboxes which became popular around 15 years ago.

Teylor Feliz
May 13, 2023

Development

The New EyeDropper API

The advantage is that the EyeDropper allows you to pick the color of any element on the screen, including items that are outside your browser’s window.

Teylor Feliz
October 21, 2021

Development

Observer Design Pattern in JavaScript

The Observer Pattern is about a “one-to-many” relationship from one object called Subject (or publisher) to one or more objects called Listeners (or observers) that get notified when the Subject changes state. Therefore, several listeners could depend on one object to change for them to perform any action.

Teylor Feliz
September 15, 2020

Development

Svelte 3 Got My Attention

Svelte is different from a framework or a library in the sense that it is really a compiler that creates small components for your application. Those components are already optimized for the browser.

Teylor Feliz
May 21, 2020

Development, General

You Still Can Build Websites with Plain HTML

Using a library because it is popular is not responsible. You should use a library or a framework based on the needs of the application. Popularity is one of the factors but not the only factor to consider in choosing a library and a framework.

Teylor Feliz
December 4, 2019

Development

Animate on Scroll in JavaScript using the Intersection Observer API

We will be using the Intercept Observer API which is already supported by all modern web browsers to create the same animation when users scroll down the page.

Teylor Feliz
May 28, 2019