DEV Community

Become a Full Stack Developer by building these amazing applications

Yogesh Chavan on September 02, 2020

Gone are the days when there were Just HTML developers, CSS Developers, JavaScript Developers, and Backend Developers. JavaScript developers didn't...
Collapse
 
anesu profile image
Anesu Kafesu

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.

Collapse
 
nocnica profile image
Nočnica Mellifera

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:

  • define how a to-do list app should work
  • find a guide (searching 'to do list app [react/iphone/android/javascript]' will get you a guide for the framework you want to use)
  • build your version
  • try adding a feature

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.

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Really true. Nice detailed steps. I would also recommend to start with something small and then move on to building the project idea.

Collapse
 
anesu profile image
Anesu Kafesu

Thanks. I think I'm going to do the to-do list and learn from from there.

Collapse
 
audreydev profile image
Audrey Delgado

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.

Collapse
 
audreydev profile image
Audrey Delgado

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.

Collapse
 
anesu profile image
Anesu Kafesu

Thanks a lot

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Thanks for your views on it🙏

Collapse
 
katafrakt profile image
Paweł Świątkowski

I wrote an article about that a long time ago. The technique is probably not for everyone, but maybe it'll help you.

Collapse
 
levivm profile image
Levi Velázquez

Hi, very nice post, thanks.

Just a complimentary content, I created a post about how to select a backend framework.

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

wow. Really nice post about selecting backend framework.

Collapse
 
anirudh99 profile image
anirudh-99

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.

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan • Edited

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

Collapse
 
anirudh99 profile image
anirudh-99

Thank you yogesh😁

Thread Thread
 
myogeshchavan97 profile image
Yogesh Chavan

You're welcome 🙂

Collapse
 
rajeshpawar514 profile image
Rajesh

Hi after running the app with npm start command its not working in localhost

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

which app is not working?

Collapse
 
rajeshpawar514 profile image
Rajesh • Edited

Contact us Form

In localhost it shows error " Can't reach this page"

Thread Thread
 
myogeshchavan97 profile image
Yogesh Chavan • Edited

for contact us form you need to execute it differently.

  1. npm install
  2. npm run start-app

I have already mentioned the steps for running the app in every GitHub repository Readme. For contact us you can find it here

Thread Thread
 
rajeshpawar514 profile image
Rajesh

Ok i will try this. Thanks a lot.

Collapse
 
roshan_ican profile image
〽️ 𝙍𝙤𝙨𝙝𝙖𝙣

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?

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

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.

Collapse
 
roshan_ican profile image
〽️ 𝙍𝙤𝙨𝙝𝙖𝙣

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 ?

Thread Thread
 
myogeshchavan97 profile image
Yogesh Chavan

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.

Thread Thread
 
roshan_ican profile image
〽️ 𝙍𝙤𝙨𝙝𝙖𝙣

I understand so it's possible hopefully

Collapse
 
lewiscowles1986 profile image
Lewis Cowles

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

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

😀 Thanks for the suggestion. Maybe in the future, I will do that.

Collapse
 
iteducationcentre1 profile image
iteducationcentre1

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

Collapse
 
bias profile image
Tobias Nickel

On my personal backlog is making a zoom clone with peer.js.

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

that's awesome 👍👍

Collapse
 
ephraimdavid22 profile image
Agbeze_Obinna

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

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

If you could share your Github URL link, I can take a look at the issue, you're facing.

Collapse
 
ephraimdavid22 profile image
Agbeze_Obinna

Okay I will do that

Collapse
 
jak7 profile image
Jak7

I want to become a full stack developer. How long does it take to become one?

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

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.

Collapse
 
xarala221 profile image
Ousseynou Diop

Great content.
Thanks for sharing.

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Glad to hear that. Thank you!

Collapse
 
anitajoseph profile image
Anita Joseph

Found this article Very useful.thanks

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Thank you so much!

Collapse
 
margo_hdb profile image
Margo McCabe

Great resources thanks for sharing! We 💚 NodeJS too

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Thanks. Glad you found it useful.

Collapse
 
yogeekabhi profile image
Abhishek Sunam

Thanks for this informative article.

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan • Edited

Thank you! glad you found the article helpful

Collapse
 
yiafee profile image
Yiafee Khan

quite a good and focused one. Do you permit to translate in native language?

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Sure. It's a pleasure for me.

Collapse
 
spandey01 profile image
spandey01

Thanks for sharing article . Keep sharing
Full Stack Course in Solapur