Web Development

Web development articles and tutorials. For those who are beginning their web development journey or are interested in starting.

features image for https status puerto rico
Programming
Self-Learn
Web Development

HTTP Status Puerto Rico

 

 HTTP Status Puerto Rico project references Puerto Rico’s popular culture to illustrate HTTP (Hypertext Transfer Protocols) status codes’ definitions. With a sense of humor, it shows web development concepts you encounter most days if you are a cybernaut. Made with vanilla HTML (Hypertext Markup Language), CSS (Cascade Style Sheet), and Javascript. Why use HTML, CSS, […]

Read More
featured image for api testing using mocha
Programming
Self-Learn
Web Development

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
featured image for incorporating digital assets into your finances
Lifestyle
Web Development

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
featured image for nodejs layered architecture
Programming
Self-Learn
Web Development

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
featured image for what is the rendering engine?
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
featured image for a morning in a front end developer's mac terminal
Programming
Self-Learn
Web Development

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
featured image for filtering graphql and prisma: what not to do
Programming
Self-Learn
Web Development

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
featured image for five reasons why women should consider a career in web development
Lifestyle
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
featured image for html tag nesting
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
featured image for my first year writing code
Lifestyle
Self-Learn
Web Development

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