Complete web development roadmap for newbie developers, along with resources.
Thread below
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 -
https://www.w3schools.com/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 -
https://www.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)
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.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
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.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
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 -
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.
- https://websitesetup.org/how-to-start-a-blog-guide/
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.
- https://websitesetup.org/how-to-start-a-blog-guide/
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 - https://www.w3schools.com/python/
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 - https://www.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 -
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 - https://www.atlassian.com/git
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 - https://www.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 -
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
- https://ahrefs.com/blog/what-is-seo-explained/
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
- https://ahrefs.com/blog/what-is-seo-explained/
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
- 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
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 https://ubahthebuilder.tech/complete-web-development-roadmap-for-newbies
If you're looking to go into freelancing, here's a course I'll surely recommend you get https://gumroad.com/a/213652595