Thread by @UbahTheBuilder

Complete web development roadmap for newbie developers, along with resources.

Thread below 🧵

🎯 LEARN HTML

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.

Learn about HTML here -

w3schools.com/html/

🎯LEARN CSS

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 animations.

Learn more about CSS with (@traversymedia)

🎯 LEARN JAVASCRIPT

Javascript is used to make a web page more dynamic. Things like animations, alerts, timers, moving buttons etc are easily made with JavaScript.

You can write scripts and logics that will be executed whenever an event is triggered.
developer.mozilla.org/en-US/docs/Web…

🎯LEARN REACT OR VUE (OR ANGULAR)

These are front-end JavaScript frameworks/libraries. They make writing JavaScript easier and faster. So you can forget about the basic rules and create dynamic applications very fast.
REACT -
VUE -

🎯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.
- websitesetup.org/how-to-start-a…

🎯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.

NODE -
PYTHON - w3schools.com/python/

🎯LEARN SQL AND (OR) NOSQL
SQL database system uses tabular relational model to represent data and their relationship. NoSQL doesnt work with relations model used in relational databases.

Databases are basically containers for data.

SQL -

🎯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.

GIT - atlassian.com/git

🎯LEARN DEVTOOLS

Chrome DevTools is one of the most popular tools to debug and assess your app, however there are many other options out there.

CHROME DEVTOOLS -

🎯LEARN SEO

SEO stands for Search Engine Optimization, & 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

- ahrefs.com/blog/what-is-s…

🎯FIND YOUR FIRST CLIENT (FREELANCING)

- Fiverr
- Upwork
- Toptal
- Guru
- Freelance
- PeoplePerHour
- Upstack
- Github Jobs

🎯WHEN YOU GET STUCK, GO TO THESE PLATFORMS

- Google (search you problems)
- Stack Overflow
- YouTube

I hoped you found this thread helpful.

If you did, make sure to follow me (@UbahTheBuilder) for upcoming tweets on web development🔥

I just made a more detailed blog post on this 👇

ubahthebuilder.tech/complete-web-d…