Which Web Development Stack?

I recently wrote a blog post with my advice on how to learn how to code which I think mostly answers your question, but I'll add some detail here because my post is more frontend and learn to code-focused.

I would recommend a modified PERN stack

Instead of using just Express for your server framework, I would use Apollo Server. On the frontend, you should use Apollo client in addition to React. This would get you set up to use GraphQL which is an API spec that is becoming the standard for web development over alternatives like REST.

If you prefer typed languages, you can swap out JavaScript for TypeScript, which I personally prefer, but JavaScript is probably easier to learn.

I used this stack for a side project recently before deciding to shut it down (lack product/founder/market fit rather than tech issues).

Feel free to check out the code from that to use as an example - https://github.com/ryosua/trainer-viewer-api
https://github.com/ryosua/trainer-viewer

I also use a similar stack at my day job, but we use REST over GraphQL, which I would advise against. Once you've used GraphQL going back to REST is extremely painful.

I would recommend to step in with HTML, Vue.js and TailwindCSS for frontend and Firebase for backend.

You can skip in the beginning CSS and learn HTML and use TailwindCSS. Adam, author of Tailwind has lots of free videos on Youtube showing how he creates webpages. Just try to repeat after him and you will get it. Later on when you will need to do more customizations you can dig deeper into CSS, but specifications are so huge and there are so many ways to do one thing and so many cross-platform issues, that I would really recommend to postpone it.

If you already have Java knowledge you can try to jump directly to JavaScript frameworks like Vuejs and React, I would recommend Vuejs as it doesn't require JSX and is more like JavaScript.

With Firebase you will get all the backend API, database, auth without code. You can always customize it with lambda functions in JavaScript and add some backend logic. That could be done after you get familiar with all these 3 basics.

You can host your projects for free at Netlify. Also it's possible to host on Firebase, but somehow I don't like it.

And don't forget to learn git and create a GitHub account. Try to find existing projects, run them locally and play around, changing texts, functions, etc.

Would definitely recommend the MERN stack: modern, will stay relevant for at least a few years, lots of resources and community support, can create single-page applications. Not saying it's the best, but it's definitely good!

How to learn? Try to learn from documentation, if you can't do a tutorial/course to learn the basics and then continue to build your own projects. Build projects out of your comfort zone, the bigger the projects the better!

These are the fundamentals web development stack.

1. HTML
2. CSS & framework (Bootstrap or TawilwindCSS)
3. Javascript & framework (React is high in demand)
4. Learn backend (either go with nodejs which is javascript or learn python and go with django framework)
5. Learn a database (SQL preferred)

Hi there, there are many stacks , what would you like to accomplish ? Are you trying to land a job in a type of company ? Freelance ? Catchup?

If you're just learning, you still need an intro to HTML and CSS. Instead of jQuery, I'd recommend doing an introduction to JavaScript which helps set you up to use modern frameworks. Then you also need to learn about databases; I'd recommend relational databases.

For backend, PHP is my language of choice.

If you're just starting out, here's what I would learn in order:

1. HTML
2. CSS
3. JavaScript
4. A CSS framework (I recommend TailwindCSS)
5. PHP
6. SQL (MySQL)
7. A JavaScript framework (Vue is what I use)
8. A modern PHP framework (Laravel)

There are other stacks out there too and I'm sure some other people will recommend a JS based stack too. So you have lots of options!