Web Development is probably the easiest tech stack to start learning as a beginner. When I was in college web development technologies instantly caught my eyes, and I started exploring it right away. The best part about being a web developer is that you get to see your code paint a magic canvas on the screen, which makes you proud of the work done. In this blog I will guide you through what you should learn when starting out as a web developer and all the related technologies you can explore as you become a pro in this journey.
These are my personal opinions and suggestions and can be different for you, the technlogies are limitless and you are free to explore anything that intrigues you.
Web devlopment can be broadly classified into three categories:-
- Operations(More like DevOps)
All three of them involve creating, building, testing and maintaining of websites and applications that serve on the internet. In this blog we will explore the first cateogry- Frontend
But let's take a pause on that for a minute and let me tell what you should learn before you start to learn any new tech stack.
Version control facilitates coordination, sharing, and collaboration across the entire software development team. It enables teams to work in distributed and asynchronous environments, manage changes and versions of code and artifacts, and resolve merge conflicts and related anomalies.
Every developer should know how to work with Git(a Version Control Software) and it's terminologies such as push, pull, commit, stage etc.
It is a strong recommendation to create a git repository on GitHub for all of your future projects as it helps you display you work to the world and adds credibility to what you do.
Clean coding principles
Writing clean code is something you learn over time as a developer but atleast we can keep some points in mind while writing code which helps us write better quality code, increase maintainability, makes degugging easy and following standard coding patterns. You can learn more about it in this article
To start out you will probably want to learn the technologies that
are forward facing or in other words websites and appliation which we see and interact with as a user.
You should start out by learning the following things in the order below but can shuffle if you like.
HTML is the language of websites and is used designing documents to be displayed in a web browser. It is fun to learn HTML and invloves knowing a bunch of tags and what their purpose is. It's like formatting a word document using different tools such as bold, list items, paragraphs etc.
One of the best resources out there to learn HTML is W3schools. You would come across this site a lot in your web development journey and is known to be the dictionay of it.
CSS stands for Cascading-Style-Sheets and it is what makes your websites look and feel amazing. It is used to style your website components such as buttons, input box, logo or anything you see on the website. It is also used to create animations and effects along with making your sites responsive for screens such as mobile devices and tablets.
- W3schools- CSS Tutorials
- CSS Tricks - You can find mind blowing css designs here to get some insipiration and also use them in your websites.
Let's explore some of the frameworks which are popular and you should learn:-
It has a suite of components used in a website pre-built for you which is responsive out of the box and can be customized to your website's style. It provides support for flexbox and grid based system as well.
There are other CSS frameworks out there which are also preferred and becoming popular such as TailwindCSS. You can surely check them out as well.
When it comes to front-end development, you must have heard about React. It is one of the most popular front-end library out there built by Facebook in 2013. It is a JavaScipt library used to front-end in a component based architechture. Every button, text, image, sections, forms you see on a site can be a component. These components have a state which can change based on certain events be it user driven or code behaviour.
React is built on the same principle keeping the component based architechture in mind which is great for testing and reusability in any appliation. There are many high paying jobs for React developers and is must learn library for every front-end developer.
React Documentation - Probably the best resouce out there to learn React
There are many great YouTube vidoes on it as well.
I hope you found this blog helpful in starting out your web development journey as a front-end developer. You are not limited to the technologies mentioned in this blog can can discover many more but I hope this gives you a headstart.
If you have some suggestions or doubts feel free to drop a comment below.