I am just expanding Peter Scheler's better answer. Web Development is a vast topic. Start with the basics. Then you will need to decide your area of expertise. There are three main areas,
Frontend: You can't live without learning frontend. Sound understanding of how frontend is works is necessary. So learn it. Other than this, you will need to understand how HTTP works. If you want to work as frontend developer, you will need to get familiar with some frameworks like React or Angular and NodeJS with few other libraries. You can always learn them while working on some project. Learning to learn is the most important skill you should learn.
Backend: As I said before, you must learn some frontend even if you want to work as backend developer. HTML, CSS, JavaScript, and AJAX are important. For backend, you will need to learn a server side technology like PHP or Ruby on Rails. Also, a database management system that comes with in your chosen stack is a must.
Full Stack: Frontend and backend both are important aspects of web development. Some developers prefer to call themselves full stack developer but I think that no one can expertise in both. We all have good grasp over one field than the other. As frontend is now developed seriously, you should not bother learning both sides equally. Get a good understanding of both but focus on one field.
Frameworks: Frameworks pretty much depend on your needs. You should focus on learning architectural and design patterns instead of learning syntactic jargon of some framework. Then you can pickup any framework as required. Mostly team experience decides the framework for the project. So specializing in some framework will allow you to get a more targeted, less stressed job.
If you are a complete beginner to Web Application development then first of all master the basics of Web Development which include HTML, CSS, JavaScript and Jquery. You can learn these basics from W3Schools Online Web Tutorials and can also refer Web technology for developers (MDN web docs). After mastering the basics of Web Development then you can pick a framework for making your website responsive (i.e it should provide optimal viewing experience on various devices such as tablets, phones and desktops, etc.). Now i’ll recommend to go for Bootstrap · The world's most popular mobile-first and responsive front-end framework. Now you have completed the basics of front-end development and can head over to back-end development. There are various frameworks for back-end development and now depend on your choice of programming language. I’ll list the most popular ones:
1.) Node.js (language requirement: JavaScript)
2.)Django: The Web framework for perfectionists with deadlines (language requirement: Python)
3.)Ruby on Rails (language requirement: Ruby)
4.)Laravel: The PHP Framework For Web Artisans (language requirement: Php)
I’ll recommend going with Node.js as it’s growing very fast.
You can find good tutorials on these framework on edX and YouTube.
All the best.
Peter's answer is bang on - learn the fundamentals first. Some resources juniors at work have used:
You don't have to spend months on end drilling in the pure language before moving on to frameworks; but going directly to frameworks means you're trying to learn the core languages, plus the framework, plus the framework's tooling... all at once.
Besides anything else, I think you should experience the simple magic of writing a file that simply works by opening it in a browser (no build steps, etc). It helps to remember that later when you're running up complex projects - it is possible to just write a file and upload it to a server. That doesn't scale but you should do it at least once as a kind of philosophical exercise.
I'd also recommend learning:
I would take a slight difference approach. I don't consider HTML as "programming" languages. They are just like typing, they are the "outputs" of web programming. Just learn the basics and have a tag reference ready. :)
CSS is getting closer to a "programming language," but the approach and thinking process involved for it is not what you should follow for good programming practices. As ultimately it isn't designed to be a programming language. So to avoid build bad habit as a beginner, I would say avoid starting with CSS as your "first" language.
Now, you need to write code to generate the HTML. There are two approach, you use backend (many language choices) to generate the HTML or front end Javascript to generate the HTML.
In that case Javascript might be a good starting point, since you can use it in the backend or front end.
So in summary, understand HTML (that is your output), then learn Javascript (you can hone your programming skills without worry about thing look pretty), and understand a little bit about CSS (but leave majority of CSS to actual designers. :)).
For web development you first have to learn 3 languages:
In this order. Without any frameworks.
jalpesh vadgama
Co-Founder, FutureStack Solution, Full Stack developer having more than 13+ years of experience in web technologies.
I think language does not matter. You should learn how http works and how request and response handled through web server. I mean basically you need to learn core concepts of web development
Then you should concentrate on following things.