Gone are the days when there were Just HTML developers, CSS Developers, JavaScript Developers, and Backend Developers. JavaScript developers didn't have to learn CSS or backend technology. They were happy with their work. But time has changed. Now If you're a JavaScript developer, you need to know all of them(HTML, CSS, and also backend coding). Because there are very few job opportunities for Just HTML or Just CSS or Just JavaScript developers.
Now is the era of Full Stack Developers. Most of the companies are looking for developers who know how to design front-end, backend, and also HTML and CSS.
If you're a React/Angular Developer, that's not enough nowadays. You need to learn Node.js also which means you need to know how to design front-end and backend also.
So in this article, I have listed out some of the articles which will help you to become a full-stack developer and gain knowledge of front-end as well as backend.
Build An Amazing Application Using React And Node.js:
In this article, you will learn how to create an application that displays a list of random users on every refresh using React and Node.js. You will learn how to create Rest APIs using Node.js and access it from the React application.
You will also learn how to work with redux to store the data and display the details on the UI to create an amazing application.
Create An Enquiry Form In React and Send Email Using Nodejs:
In this article, you will learn how to create an Enquiry form using React and how to send the form details through email using Node.js.
You don't need to use SendGrid or similar websites or buy any services for sending emails. You can create a Gmail account and programmatically send an email from your Gmail. That's pretty cool.
Create A Photo Gallery App Using MERN Stack:
In this article, you will learn how to create a photo gallery app using MongoDB, Express.js, React, and Node.js stack.
You will learn how to upload images and store them in MongoDB and restrict the file size and file type and then serve it to the client application.
Build An Amazing Job Search App Using React:
In this article, you will learn how to create an awesome job search app where you will gain some advanced concepts of React like Portals, Context API, and also how to add lazy loading images and implement load more functionality.
So there are a ton of things you will learn by building this application.
Create A Full Stack Banking Application
This is an advanced application created using React, Node.js, and Postgresql database where you will learn how to create a banking application that will have user accounts, login authentication using JWT token.
You will also learn how to add withdraw and deposit amount functionality and download the transactions in a pdf format for the selected range of dates.
Create A Full Stack Application Using GraphQL:
In this article, you will learn GraphQL from scratch and use that knowledge to create an eCommerce type application to add, edit, and delete products.
Also, you will learn how to add and delete reviews for the products using React, MongoDB, GraphQL, and Node.js stack.
That's it about this article. I hope you will learn a lot by building these applications.
Closing points
Want to learn all ES6+ features in detail including let and const, promises, various promise methods, array and object destructuring, arrow functions, async/await, import and export and a whole lot more?
Check out my Mastering Modern JavaScript book. This book covers all the pre-requisites for learning React and helps you to become better at JavaScript and React.
Also, check out my free Introduction to React Router course to learn React Router from scratch.
Want to stay up to date with regular content regarding JavaScript, React, Node.js? Follow me on LinkedIn.
Top comments (47)
Hey, I have a question. Suppose I have an idea for a product I want to build. What should I do before I start coding. The thought processes of converting the ideas to detailed designs that can be implemented in code.
I would recommend building a basic project before trying to build your dream project. If you haven't made a to-do list app example, your ideas may not be realistic to what the framework is actually able to do.
The steps would be:
a to-do list app, with a guide, should take just 1-3 days to go from concept to finished project, and it will save you weeks of time.
Really true. Nice detailed steps. I would also recommend to start with something small and then move on to building the project idea.
Thanks. I think I'm going to do the to-do list and learn from from there.
Its good to make a practice project, like
@nocnica mentioned.
However, you can do a sort of wireframe/mock up on paper of the features of your product or use something like Figma to write out userflows, features, design, and prototyping, among other things.
Figma.com is free for personal use, up to three projects and they have tiered pricing if you need more than that.
Trello.com is another great tool to track your progress or manage with a team and uses a sort of KanBan type format to manage your project.
Notion.so is another great tool to write out all your ideas and feature details. You can write out a list of your ideas and the details and then decide which ones you will need and what they will do for your users.
Producthunt.com and indiehackers.com are some social platforms where you can get insight/advice/ideas to grow out your product, too.
These all have free to start with generous features to get you started.
I hope that these resources help. Best of luck to you.
Also,
if you want to learn more about Figma.com @andreineagoie has a great course on Udemy that covers pretty much all you'll need to make it useful for you.
udemy.com/share/103F1hAkAcc1lVQ3g=/
Udemy usually has a sale every few weeks or so and the price for this course will be between $10-$12 USD.
Thanks a lot
Thanks for your views on it🙏
I wrote an article about that a long time ago. The technique is probably not for everyone, but maybe it'll help you.
Hi, very nice post, thanks.
Just a complimentary content, I created a post about how to select a backend framework.
wow. Really nice post about selecting backend framework.
Hey, your article on building a banking application (part-3) is premium. Can you do something about that? I've been looking to learn that topic on security for a long time. Making that same article on this platform will be helpful.
Hey Anirudha, the 3 part article about building banking application is published on medium long back.
It does not make sense to copy-paste the contents again on dev.to.
If you're talking about medium paywall, you can access the articles for free by clicking these links: part1, part2 and part3
Thank you yogesh😁
You're welcome 🙂
Hi after running the app with npm start command its not working in localhost
which app is not working?
Contact us Form
In localhost it shows error " Can't reach this page"
for contact us form you need to execute it differently.
I have already mentioned the steps for running the app in every GitHub repository Readme. For contact us you can find it here
Ok i will try this. Thanks a lot.
I am a self-taught developer, As you have mentioned just frontend is not enough right ?,
is it necessary to for an individual to learn everything to get your first job i.e. full stack?
Full stack developers are in more demand right now. But that does not mean you need to know everything at first.
There are many opportunties for just front-end developers also
You can learn front end library/framework like React/Angular/Vue and having some knowledge of HTML and CSS is enough to get a Job as a front-end developer.
I am confident that, I do have those required skills but here in Sikkim there's not many jobs available, I was hoping to get a job in Bangalore but I am not financially capable of moving to a new city, in this condition, how can get real world experience so that, I will be hired ?
In the current covid situation, you don't need to move to bangalore. Most of the companies from Bangalore are offering permanent work from home.
So you can try for such companies.
I understand so it's possible hopefully
Try some udemy courses too. Ultimately what you've built, even if you're a commercial Dev is likely to be limited, and it's a lot of fun making things
😀 Thanks for the suggestion. Maybe in the future, I will do that.
Awesome blog post! I've always been intrigued by full-stack development and this article provided a clear road map on how to become a full stack developer. I loved how the author emphasized the importance of hands-on experience and building actual applications. The list of amazing applications to build was also very helpful, as it provides a practical way to apply the skills learned. Overall, this blog post was informative, engaging, and motivating. It has definitely inspired me to start my journey towards becoming a full stack developer. Can't wait to get started on these projects!
Full-stack course in Nagpur
On my personal backlog is making a zoom clone with peer.js.
that's awesome 👍👍
Am stuck at the second App... enquiry form
Axios keep telling me not found 404. It couldn't not access my nodejs 127.0.0.1:port
If you could share your Github URL link, I can take a look at the issue, you're facing.
Okay I will do that
I want to become a full stack developer. How long does it take to become one?
It depends on how much knowledge you already have regarding front-end and backend development. To become a full stack developer, you need to be good at HTML, CSS, JavaScript, React/Angular/Vue, etc and some backend technology for example Node.js. You need to be good at all of these to develop a project to become a full stack developer.
Some comments may only be visible to logged-in visitors. Sign in to view all comments.