Complete Web Development Roadmap For Newbies
All you need to know to be a web developer
As a tech newbie, knowing what to learn and what order to learn it is often an issue. There are tons on programming language in the web development ecosystem, as well as a plethora of tools to be conversant with. It’s easy to get lost in the vortex of indecision and bewilderness.
This is why I have come up with a short but concise web development roadmap for newcomer and aspiring web developers, along with their respective resources.
TABLE OF CONTENTS
- Learn HTML
- Learn CSS (and frameworks)
- Learn React, Vue or Angular
- Learn the basics of Wordpress
- Learn a server side language/framework
- Learn SQL or NoSQL, or both
- Learn Git and any public repo
- Learn DevTools
- Learn SEO
- Find your first client
HTML is the markup language of the web. With it, you can make texts underlined, bold, italicized etc. You can also create navigations, forms and many more web elements. HTML is essentially used to give structure to web pages. Compared to the other languages listed here, HTML is by far the easiest to learn. And one of the best places to learn it is over at W3Schools
LEARN CSS (and frameworks)
CSS (Cascading Style Sheets) is used to style/design HTML elements. Without CSS, the whole web page would look boring. CSS can also be used to create simple, yet eye-catching transitions and animations.
Learn more about CSS with this intoductory crash course by Brad Traversy on YouTube:
LEARN REACT OR VUE (OR ANGULAR)
Learn them both over at YouTube:
LEARN THE BASICS OF WORDPRESS
Wordpress is a content management system which enables you create web apps incredibly fast, without necessarily knowing how to code. With little training, you can use Wordpress.
LEARN PHP, PYTHON OR NODE
These are all server side languages/technologies which are used to create server side applications, i.e applications that does not run on the browser, but the web server. Some of the benefits of creating such applications are better security and SEO optimization.
LEARN SQL AND (OR) NOSQL
SQL database system uses tabular relational model to represent data and their relationship. NoSQL provides a mechanism for storage and retrieval of data other than tabular relations model used in relational databases. Some examples of SQL databases include MySQL, Oracle, PostgreSQL, and Microsoft SQL Server. NoSQL database examples include MongoDB, BigTable, Redis, RavenDB Cassandra, HBase, Neo4j and CouchDB. Databases are basically containers for data.
LEARN GIT AND GITHUB
Git is a version control tool used to manage and track any and all changes made to source code. GitHub is simply a public repository where anyone can push in, store and manage their source code. There’s no better place to learn Git in-depth than this site:
Chrome DevTools is one of the most popular tools to debug and assess your app, however there are many other options out there. Brad Travery’s crash course is all you need: DevTool course
SEO stands for Search Engine Optimization, which entails the rules guiding how search engines (like Google) rank your site. This is a very important topic to learn if you’re looking to create professional sites which will need organic traffic. I found a great introductory article for SEO: SEO in-depth explanation
FIND YOUR FIRST CLIENT (FREELANCING)
At this point, you should be set to land your first developer role. You can do so as a freelancer, with the following platforms:
- Github Jobs
NOTE: If you're seriously considering going into freelancing, I will highly recommend getting this knowledge-packed eBook by Kyle Prinsloo - an expert, which has helped a lot of people, me inclusive:
WHEN YOU GET STUCK, GO TO THESE PLATFORMS
- Google (search you problems)
- Stack Overflow
Keep learning, keep practising, keep building.
I just started this blog as you would have already probably noticed, and I am going to be posting some informative articles on web development here. So be sure to follow this blog and subscribe to my newsletter to stay updated.
You can reach me on Twitter as well.
See you soon!