DIY Web Development

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

DIY Web Development
Programming
Self-Learn

NodeJs Layered Architecture

 

 Something that was not intuitive to me when I was getting into this software development world was how to build the software’s architecture. Sure, I understood how to write functions, and components but optimally organizing them was not something I learned alone. Some time ago, I was assigned the task to refactor the NodeJS codebase […]

Read More
Programming

What is the Rendering Engine?

 

 Recently, I was hearing the Ladybug’s Podcast episode: “Level Up with Javascript” were one of the podcasts’ host resumed how the web browser works. She explained it so helpful and straightforward that it picked my curiosity into searching a bit more about the topic. The Ladybugs suggested some resources, so I followed suit. And wow, […]

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

 

 In the past months, I have been working with the magic package of React, Apollo, GraphQL, and Prisma. I say the magic package because learning these four layers of programming, provides you with the skills required to create apps from user click (React and Apollo) to handle and save information in the database (Prisma). They […]

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, 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. Also, in the article HTML: Tag Attributes, we […]

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

 

 Note: At some point in this article, you will be using a text editor like Notepad (PC) or TextEdit (Mac) to practice a small exercise. Keep that in mind and on hand. The English language uses adjectives and adverbs to describe subjects and verbs, respectively. Attributes behave similarly to programming languages. HTML attributes are words […]

Read More
DIY Web Development
Self-Learn

HTML for Beginners

 

 Note: At some point in this article, you will be using Notepad (PC) or TextEdit (Mac) to practice a small exercise. Keep that in mind and on hand. Have you ever pressed some keyboard combination that suddenly opens a new window on your web browser similar to the following?: Even thou you have not seen […]

Read More
DIY Web Development
Self-Learn

How to Practice Problem Solving for Web Development without Writing Code

 

 If you are deciding that making a career change into web development is your next move, you have probably researched the soft skills that you will need. Doing a quick Google search on soft skills for programming you will find problem-solving as one of the skills often listed. If problem-solving is a skill that reminds […]

Read More