DIY Web Development

Articles and tutorials intended to help self-learning beginner web developers.

DIY Web Development
Programming
Self-Learn

API Testing with Mocha

 

 It took some time for me to understand how to set up tests for an API using Mocha. Finding API testing documentation about Mocha and an ORM framework working together to test APIs was a challenge. So, I want to detail what I learned setting up these tests. API An Application Programming Interface is an […]

Read More
DIY Web Development
Life Passing By

Incorporating Digital Assets into Your Finances

 

 More and more people are interested in owning some digital asset built with blockchain. Either Non- Fungible Tokens (commonly known as NFT) or Bitcoin, there is no denying that blockchain technology has gained traction over the years. The most conventional digital asset is cryptocurrencies. Although many people see cryptocurrencies as investment assets, it is vital […]

Read More
DIY Web Development
Programming
Self-Learn

Layered Architecture for NodeJs

 

 Something that was not intuitive to me when I was getting into this software development world was how to build the software’s architecture. I did not learn alone how to optimally organize the functions and components I knew how to write. Some time ago, I had to refactor the NodeJS codebase into layered architecture. I […]

Read More
Programming

What is the Rendering Engine?

 

 The rendering engine is one of the basic components of a web browser. It’s responsible for interpreting the HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), and Javascript files to present (render) them on screen, in other words, convert them to pixels. The process that goes from interpreting HTML, CSS, and Javascript to pixel conversion […]

Read More
DIY Web Development
Programming
Self-Learn

A Morning in a Front End Developer’s Mac Terminal

 

 Learn some of the MAC’s operating system and git terminal commands a Front End Developer uses on a workday. If you want to read the Spanish version of this story, you can find it here. Plays Fresh Prince of Bel-Air intro song: “🎵Now, this is a story all about how this Front End Developer turns […]

Read More
DIY Web Development
Programming
Self-Learn

Filtering with GraphQL and Prisma: What NOT to Do

 

 Filtering with GraphQL and Prisma was a big learning experience so I want to focus this article on GraphQL and Prisma. But first, let me walk you through the stack I have been working with in the past months. I have been working with React, Apollo, GraphQL, and Prisma. Learning these four layers of programming […]

Read More
Life Passing By
Programming

5 Reasons Why Women Should Consider Web Development

 

 The internet is one of the most critical networks humans have invented until now. You do not need to be in an exact location to be able to write, read, listen to, and see information or digital products that come from different parts of the world, which is fascinating. That’s why women in web development […]

Read More
Programming
Self-Learn

HTML Tag Nesting

 

 Hello, Fellow Readers! 👋 In the article HTML for Beginners (Spanish version here), we learned that the Hypertext Markup Language (HTML) is a language for web documents. Also, HTML has a tag structure that denotes elements on the web document, and we even saw how HTML tags look on the browser. In the article HTML Tag […]

Read More
DIY Web Development
Life Passing By
Self-Learn

My First Year Writing Code

 

 I turned one year of writing code full time sometime in the 31 days of August that just recently ended. Honestly, I cannot believe how fast time has gone by. I remember reading different articles from programmers about their first years of writing code, and be thinking: “When I turn my first year of coding […]

Read More
DIY Web Development
Self-Learn

HTML Tag Attributes

 

 HTML tag attributes in programming languages behave similarly to adjectives and adverbs in the English language. English uses adjectives and adverbs to describe subjects and verbs, respectively. Tag attributes provide additional information on how the element behaves or its configuration. There are two types of tag attributes: Global Attributes and Element-Specific Attributes. Even though their […]

Read More