How to become a web developer complete guide

You ask how do I become a web developer? Lets get straight to it, shall we? please don't be discourage if there's things you don't know or heard about.

Noob Level:
- HTML 5
- CSS 3
- Javascript

Learn just the basics. Should be able to create basics styling, make HMTL elements. Know few thing about Javascript like changing element ID using it or its color, know what a variable is etc.. Not much just a few things. Don't stress too much. This phase is about having fun! creating random stuff, show off to your buddies and going crazy!

Intermediate Level:
- HTML 5
- CSS 3
- Javascript/jQuery
- How internet works
- How servers work
- Setting up a domain and DNS
- Buying a Hosting
- FTP
- PHP
- DOM

Should be able to create simple websites. Validate user input, know how functions work, conditions, loops. Should also be able to connect to database and insert or retrieve data. Have good understanding of what a client side language can and can not do. Also understand what DOM Document object model is.. This phrase is about building foundation and have good understanding of technologies, don't necessarily need to be that good but good enough to look at a websites code and not be too afraid to mess around.

Expert Level(Front end developer):
- HTML 5(Expert)
- CSS 3(Expert)
- Javascript(Expert)
- How internet works(Must know)
- How servers work(Must know but don't waste your time too much on it)
- Setting up a domain and DNS(Must know)
- Buying a Hosting(Must know)
- FTP(Must know. You'll mainly using program like filezilla)
- PHP(Basics)
- DOM(Must know)
- JSON/XML(Don't stress too much)
- Git(Must know)
- Terminal/CLI(Don't stress too much but know a few thing)
- Photoshop(Expert)
- Wordpress(Good to know, should be able to design layouts)
- Atleast one front end framework, for example jQuery.(Must know)
- Bootstrap(Must know)
- At-least one open source editing program(Must know. Not every company will have budget for Photoshop)
- Sense of layouts/User Experience and colors(Expert)
- Graphics designing skills(Expert. Should be able to design stuff from scratch or take existing work and incorporate it into pre existing graphics)

This is for someone who wants to get into front end. This are the thing you'll be messing with everyday. This indeed is alot of stuff, but as far as it's fun to learn there should be no issue. Just keep grinding and working on new stuff. This phase is were you will get better at stuff you learn. For example, you won't be very good understanding XML/JSON code that server might throw at you, but you will eventually learn ways to make things easier for yourself.

Expert Level(Back end developer)
- AJAX(Be okay)
- How internet works(Solid understanding required)
- How servers work(Solid understanding required)
- How DNS work(Solid understanding required)
- Setting up a domain and DNS(Must know)
- Buying a Hosting(Must know
- Should be able to choose hosting dependong on your needs. See whether they will allow certain version of PHP, will enable modules. Data usage limits, uptime, support etc etc..)
- FTP(Must know using both GUI and CLI)
- OOP(Must know Object orignted programming - style of programming heavily used)
- Web application security(Be very good)
- PHP(Be very good)
- Atleast one backend framework(Be okay. For exmaple, Laravel, codeigniter etc..)
- SQL(Be good language itself and also using extensions like sql, sqli, pdo).
- API(Must know Application programming interface)
- Apache(Must know Should be able to install on fresh server and get necessary modules. Should also know how to use modules like mod_rewrite)
- Little bit of server administration, like changing permissions. Installing software necessary etc..(Be okay)
- HTML 5(Not as good as front end developer)
- CSS 3(Not as good as front end developer)
- Javascript/jQuery(Not as good as front end developer)
- How TCP/IP work(Be okay)
- Other server side language(Learn if required)
- Regex(Be okay. You will be using this alot when messing with apache modules)
- DOM(Be okay)
- JSON/XML(Be okay)
- Wordpress(Be okay)
- Git(Be okay)
- Understanding of HTTP(Be okay. Headers, requests responses)
- Terminal/CLI(Be okay)
- SSH(Be okay. Secure shell to access your server. Could use PuTTy too)
- Linux(Be okay. any one Distro)
- Photoshop(Be okay).

Expert doesn't mean you're done. You're still in process of learning and as you go you'll learn new stuff every day. At this stage you're just sharpening your skills.

Remember, web development is a very complex field and is an ongoing process. You're never too good. For example, you could learn how to build and fix PC and start your own business, however when it comes to website development it's big mixture of skills you need to be good at, just one thing doesn't cut it.

Last buy not least, always remember that people pay for solutions not skills.