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

 

 Plays Fresh Prince of Bel-Air intro song: 🎵Now, this is a story all about how this Front End Developer turns her terminal upside down. And I’d like to take a minute, sit right there. I’ll tell you how I use the Mac terminal throughout the day to be clear. 🎵 A Slack message popped up. […]

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 a Career in Web Development

 

 Internet is one of the most important networks that humans have invented until now. The fact that you do not need to be in the same location to be able to write, read, listen, and see information or digital products that come from different parts of the world, and instantly, is fascinating. But there is […]

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

What the Heck I Did During My First Year of Writing Code?

 

 Helloooooo !!! 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 […]

Read More
DIY Web Development
Self-Learn

HTML Tag Attributes

 

 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 names […]

Read More