This is my personal online repository—a growing collection of notes, insights, and practical examples documenting everything I've learned on my path to becoming a web developer. Here, I break down web development concepts, languages, and best practices in a way that makes sense to me, drawing from a mix of structured courses, bootcamps, YouTube tutorials, and hands-on experimentation.
With a background in Django and Flask, experience with frontend frameworks, and an understanding of programming paradigms like object-oriented and functional programming, I aim to create a resource that not only helps me reinforce my own learning but also provides guidance for others who may be on a similar journey.
Whether you're just starting out or refining your skills, I hope you'll find useful hints, tips, and explanations throughout these pages—born from both my successes and the many bugs and roadblocks I've encountered along the way.
Any links to services/software that I provide are purely from using them myself and finding them easy to use and they get the job done. Most are either free or have a free tier that provides enough functionality to avoid paying for options with more perks. But the main thing that I want to convey here is that I receive no monetary gain from recommending anything through this site and am not affiliated with them in any way.
Site Layout
I have endeavoured to make the layout of this site as user friendly and intuitive as possible, categorising concepts and technologies into their own sections on the navigation bar and links between them are provided where needed, looking like this. Key terms will look like this and will display their definition when hovered over with a mouse.
Code snippets throughout the site will look like:
The filename to be edited will be shown here
<div class="attribute">
<p>Here is a paragraph element</p>
</div>
I have designed these code snippet boxes so that the text does not automatically wrap, as this would make the code harder to decipher. So on smaller screens you will have to scroll left and right to see the whole line of code.
Troubleshooting
- At the bottom of some concepts I will include some troubleshooting tips
- These will include solutions to typical errors that many people encounter
- Along with solutions to more obscure issues that I personally came across