How to be Pro full stack developer as a junior dev

makeDEVeasy

3 min readJun 30, 2023

In this article, I will be explaining about “how to become better developer” to standout from others.

Topics to cover

Building side-projects
Difference between building small projects vs large projects
Algorithms & Open source contributions
Following right YouTube's and Authors in online
Miscellaneous

Building side-projects

Mainly in organisations, If you are joined as a frontend, Most of the them will be assigning task only related to frontend. You won’t get chance to work on either backend or UI/UX.

Most of them are restricted in the one domains and At the end of the day they not able to build end-to-end products.

Also one who knows other domains like backend or devOps etc.

They have better understanding in building the product

Also if you can able to do these tasks like

Web scrapping
Creative coding
Excel automation
Bots
File manipulation automation

You can improve where to automate in real life as a developer.

So, Based on these tasks you can build amazing automation services or products and attract the users.

Difference between building small projects vs large projects

As I grown up in this career, I saw writing code difference in Building software small application vs large application a lot.

When building small applications, One don’t need to follow the clean code practices
In large applications, If you didn’t followed clean code, then your code almost dead in the process of CI/CD and Test driven development (TDD)
When building large products like web or app. You need to think twice or thrice before writing code and Analyse Is this feature required to develop or not, then you need to build.
In large products try to make as many as custom components or templates, It will saves lot of time and also for writing the unit tests.
The Custom component or template may contain one or group of reusable components that we can easily inject in other templates.

For example — If you want to build a page containing,

Search box on top
Table at bottom 👇

First, You need to build a two reusable components one for search and another is table. Use that component in main component.

Template looks like this —

<TableListTemplate
  title="Lists" //title for page
  searchTitle="Search by Title" // search box placeholder 
  searchText={searchText} // search box value
  setSearchText={setSearchText} // search box state 
  onSearchSubmit={onSubmit} // search box submit
  list={List} // dynamic lists to show in the table rows 
  tableColumns={initialColumns} // dynamic lists to show in the table columns
>

Algorithms & Open source contributions

Here are few important Algorithms :-

Sorting
Searching
Backtracking
Recursion

By learning different types of algorithms, One can solve problem very efficiently, You can also check - Design patterns.

OpenSourceContribution

— By doing these types of contributions you can excel in building the code in very efficient you will aware on TDD and BDD. If you didn’t aware you must try out.

Following right YouTube’s and Authors in online

You can checkout jointaro.com by Rahul Pandey.

In jointaro there are very interesting content on their articles and youtube channel. One must definitely need to check.
KevinPowell also having great content on structring your CSS well. If you want to become good in CSS you can checkout this playlist
HiteshChoudharydotcom also having great content on javascript and other technologies.

2. Improve DSA free of cost, You can checkout these youtube channels -

Miscellaneous

If you want to excel into frontend and upgrade your skills, checkout

THREEJS — Animations
WEB3JS — Blockchain

About Us -

We are group of professional developers, If you are looking hire or collaborate with us. Feel free to fill up this form.