DEV Community

Samar Ranjit
Samar Ranjit

Posted on

I need the guidance for web development

I have almost completed learning HTML, CSS and Javascript . What should I go for next on my path for becoming a full stack web developer?

Top comments (17)

rajat_srivas profile image

I am assuming that by learning you also mean who have created some projects using the same. In that case since you want to become a full stack web developer, firstly you should be looking into a backend language.

You can either go for the obvious one like NodeJs which is totally Javascript based or else you can go for any other conventional backend language which are still very very widely used like Java, Asp.Net Core, Python etc

During this process you should choose a database of your choice so that you can create real life backend apps. Usually people would so say to start with MongoDB as it is widely used but getting an idea about SQL is very very important as well as still there are tons of apps using those

Once you are done with the backend, creating a full stack CRUD app of any form like User Management, Directory Service, Airbnb etc should be on your list

At this point you are a full stack web developer but in reality jobs these days expect you to have some knowledge of any framework as well. So Angular/React/Vue should be picked up once you are confident about your skills learned till now as these are very good to have and not must have

Also while learning JS you would have learned GIT or any other version control so that is important as well.

If you still not done and looking to learn more than devops side of concepts are also good to have specially understand CICD using tools like Jenkins/Teamcity and containerisation.

There is a lot to learn out there. Go slow, but keep learning and keep building. Good luck

taimoorsattar7 profile image
Taimoor Sattar

HTML, CSS, and JavaScript are the client-side languages that are front-end.

To become a full-stack developer, you have to manage (code) servers, databases, and font end. The word stack means that to choose the pile (stack) of languages that can handle, execute the code in servers, databases, and front-end. You can read more here, choosing stack for the web developer →.

You need to understand why writing code logic on the server is important. Then, you need to pick a language to write server-side code e.g. node.js, PHP, etc. The database used to store the information and later we can query those data based on the request. Common databases are MySQL, MongoDB, etc. Some of the big companies like Airtable, notion, google sheet, etc provide API to access the database, instead of giving direct credentials to their database.

There are different stacks on the internet to choose e.g. LAMP (WordPress), MERN, JAM. JAMstack is the most popular stack for developing modern websites. The main concept is that the front-end decoupled from the back-end logic and we can send HTTP requests to the backend server (API route) to populate the data into the front-end. I wrote a book about JAMstack, you can learn more about it, here.

darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️ • Edited

I have almost completed learning

No you haven't. None of us has. And none ever will.

As for what to do next, how about setting up a web server? I'd recommend going for something traditional like a LAMP stack, then move to the more modern stuff from there :D

aarone4 profile image
Aaron Reese

I would challenge WHY you want to be full stack. You will never have learned all of HTML, CSS and JS; the ecosystem is still changing so fast that keeping up to date on Front end Dev is a full time job. Middleware and data storage are boring to many people (not me) so if you love the design side I would concentrate on that. CSS preprocessing like SASS and LESS, CSS libraries like Tailwind, Bootstrap 5 and Materialize, JS frameworks like Vue (my preference) React, Angular, Svelte. Static site generators like Vite, gridsome, cross platform tooling like Ionic, React native or Quasar, code deployment tools like GitHub, Octopus deploy, design prototyping tools like Figma.

You need to decide what sort of development you want to do. There is a world of difference between building a promotional site for an enterprise as part of an agency, to building a product for a SaSS startup to designing internal apps for an established business who's main focus is NOT technology.

achimoraites profile image
Achilles Moraites

🎉 Well done !!!

I would suggest you to first master frontend as your learning indicates that you have spent more time in that area.

Frontend is a vast field and the same applies to backend as well 😎

It's very important to start your journey in one area and depending what do you like to master other areas as well.

Don't do them on the same time especially when you are a beginner!
Build your skills and experience first!

ferjssilva profile image
Fernando Silva

Plenty of answers. But start with the basics.

Feel confident with HTML, CSS and JavaScript? Then start doing the following:

1- Create any website and deploy it. You can use any service, but try if you have doubts.

2- Share this website with your friends and ask for suggestions and improvements.

3- Research what's is an API.

4- Search for free API and try to connect your application to this API using Axios. (You can use other libraries, but this is a good start).

Just this 4 steps are a lot of Fun for who is starting. Try building your own personal web site. After this you can start researching how to create your own API.

But for now... Do you accept this challenge?

Good luck

jarjanazy profile image
Abdulcelil Cercenazi

Great job 😊 You have completed the hard part. I think you should learn React (frontend development) and/or node (backend developer).
Both of those frameworks use JavaScript which you already know so they are perfect for you as a start.

violet profile image

Html, css and javascript are part of the front-end stack, not the full stack. You could start with this stack first and then later add the back-end stack.

For the front-end stack, you can improve your html/css workflow by using Desech Studio to visually create the html/css code This will make a clean html structure positioned with css grids.

grahamthedev profile image

I have almost completed....

Oh dear, I hate to tell you but you are only just beginning!

I presume you are following a course and you mean you have nearly completed that!

So your next step before moving on would be to apply what you have learned to a personal project. That will naturally lead you on to other subjects that interest you.

But if you do want a new subject to sink your teeth into...accessibility would be your next logical step, learning about WCAG and WAI-ARIA and how to apply them to your work.

ziqinyeow profile image
Yeow Zi Qin

Try some fun stuffs like animation library (Anime JS / GSAP) or 3D-rendering library (Three JS) or Machine learning library (Tensorflow JS). It's quite easy to master all these libraries once you understand the basics of web development. If you haven't learn Node JS, I promise it won't affect that much.

Of course, what people will always tell you to learn the frontend framework like React or Angular or Vue, yeah, it's true, but before that make sure you know how to use 'npm install'.😂

ashishjshetty profile image
Ashish J shetty • Edited

I would recommend you to check out:
This community is helping people to learn web dev from scratch, and the community is huge.

The road map should be : HTML ,CSS , javascript , then any js framework/library my recommendation would be React , Node and mongodb

xseman profile image

It's like asking what you should cook to become a chef. Just create a project to solve one of your problems or the problems of friends. You will learn along the way.

tamsrua profile image

PHP MySQL for web Dynamic, and After that Laravel, Angular, React.

jarjanazy profile image
Abdulcelil Cercenazi

That's too much for a beginner I would say 😅

tamsrua profile image

Haha, I was trained on html css js php mysql and now angular laravel ionic, in six months, I have never coded before

terabytetiger profile image
Tyler V. (he/him)

I find the Web dev roadmap to be very comprehensive of how to expand from the basics into deeper topics :)

GitHub logo kamranahmedse / developer-roadmap

Roadmap to becoming a web developer in 2021

Web Developer Roadmap - 2021

Roadmap to becoming a web developer in 2021

Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective; sharing them here to help the community.

Special Announcement:

We now have a YouTube Channel
I plan on covering the roadmaps and put more content there
Subscribe to the channel.

Purpose of these Roadmaps

The purpose of these roadmaps is to give you an idea about the landscape and to guide you if you are confused about what to learn next and not to encourage you to pick what is hip and trendy. You should grow some understanding of why one tool would be…

alotaibidev profile image

Also, I created this website if you want a detailed list of resources: website