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)

Collapse
 
rajat_srivas profile image
StackUpDev

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

Collapse
 
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.

Collapse
 
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

Collapse
 
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.

Collapse
 
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!

Collapse
 
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 surge.sh 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

Collapse
 
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.

Collapse
 
violet profile image
Elena

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.

Collapse
 
grahamthedev profile image
GrahamTheDev

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.

Collapse
 
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'.πŸ˜‚