Web Development - Roadmap for beginners.
4 min read
As you are a beginner, I recommend you start with a simple static website using HTML and CSS. Instead of picking up a course for this, I recommend starting with a simple project. You can check tags on the go, whenever you need. No one remembers all the tags from the first day. As you use the tags multiple times, you would be able to remember. Repetition means practice is the key, as they say in kindergarten. Let us begin with a small project, say we would like to create a website about you, displaying your skills, your personal information(general), and your photograph. Divide the screen into three rows - header, content, and footer. Let the content section split into two columns - one for your picture and another to display your information. Don't stop here, continue to explore with different HTML tags.
You could master CSS in the long run with practice, as CSS is vast. We can achieve 2D animations and much more using CSS. And there are many frameworks around CSS and plenty of libraries that could be used to achieve great effects on your websites and applications. There are many resources that you can refer to for CSS-related content, which I will share in another thread.
Coming back to web development. If you have created a static site with an index.html and styles.css file that is being marked in the index.html file, you are good to launch it in a browser. Check a site that I made for my client here.
Let me sum it up for you:
- Start with freecodecamp.org to learn html and css for daily exercises.
- Create a landing page for yourself, displaying your profile (say a digital resume).
- Create some projects such as an e-commerce website that sells your skills (as in maybe courses of various skills you possess).
This would take about 4weeks to 24weeks of time to master and land a job. On that note, the only key to achieving that is to be persistent and consistent in learning every day. You could take up a 100 days of code challenges in order to be persistent.
I hope the article was helpful. Thanks for reading so far. Happy learning!!