From Chaos to Code: My Journey from Git to Programming

Gabriel Affonso
2 min readMar 5, 2024

--

The Beginning: Mastering the Foundation

My journey in development began in a mix of exploration and uncertainty. Unsure of the first step, I dove into learning Git, a decentralized system for managing code versions and facilitating collaboration. As I delved deeper, I was interested by its ability to track changes, revert to previous versions and share code with others. This foundational skill, alongside the creation of snapshots, proved to me that this is the backbone of collaborative coding.

Grappling with HTML: Structure and Meaning

However, the lack of hands-on coding experience initially left me without something to contribute. To bridge this gap, I embarked on a new adventure — learning the fundamentals of HTML, CSS and JavaScript. This decision not only equipped me with practical coding skills but also will contribute to effective communication and collaboration within a team eventually.

My exploration of HTML unveiled its role as the basis of web development, defining the structure and metadata of web pages. While grappling with concepts like semantic tags and layout properties, I began to appreciate the intricate connections between different HTML elements. This understanding deepened as I moved into the realms of CSS for styling and JavaScript for interactivity, solidifying my grasp of how these technologies come together.

One crucial step in my journey was understanding the Document Object Model (DOM), which acts as a vital interface for web browsers to manipulate the structure and style of web pages. To know more about DOM reach to the link below:

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction

As I was structuring content with HTML, ideas were constantly popping into my mind. I saw how elements are formed with groups of tags and how these tags connect with each other to build the page’s hypertext structure. It was particularly interesting to experiment with semantic tags, which provide meaning and context to the content they enclose.

However, arranging elements on the screen presented a challenge. Tags have their own properties, influencing their vertical and horizontal space usage. Some tags, known as block-level elements, naturally occupy the full width available, while others, inline elements, flow alongside other content. This understanding of tags acting as containers was crucial in creating well-structured and visually appealing web pages.

Conclusion

In summary, my beginning in programming has characterized by a holistic approach, leveraging the foundational powers of Git for code management, the structural capabilities of HTML, the stylistic influence of CSS and the interactive elements of JavaScript. Each step has been a building block towards my goal of becoming a proficient developer and contributing meaningfully to collaborative projects.

My writing serves several purposes: to organize my studies, track my progress, construct mental models of the subjects, and, hopefully, inspire others by sharing my experiences. This was just the beginning of my development journey, and I plan to continue sharing my learnings and challenges along the way.

What are your experiences venturing into the world of development? Share your thoughts and insights in the comments section! I’m always eager to learn from others and broaden my knowledge in this field.

--

--