DEV Community

Cover image for First job at the age of 20.
Shubham Tiwari
Shubham Tiwari

Posted on

First job at the age of 20.

Hello Guys today i wanted to share with you all a good news that i got my first job as a front-end web developer at the age of 20.

I worked hard and learned new skills time to time and finally got 2 job offers in web development field.

I am sharing the path and tips i followed to get to the level i am today on.

Practice the Basics as much as you can -

  • The base of the web development is HTML , CSS and JAVASCRIPT. Try to practice these things as much as you can at the core levels Because the advance topics are related or combination of core topics and can only be understood if you are familiar with the basics.
  • For the HTML part - try to practice the important tags as much as you can like p , h1-h6 , ol and ul , div, etc and also semantic tags like main , section , header , footer.
  • For the CSS part - get familiar with selectors , fonts styling , background , color(hex and rgb), positioning , images etc.
  • For the JS part - get familiar with bsics like variables , datatypes , operators , conditional statement , loops , functions etc.

Then move on to the Intermediate topics -

  • For HTML - form , input , select , form attributes , script tag , input types , etc
  • For CSS Part - Transition , animation , keyframes , filter , positioning etc.
  • For JS part - Event handlers , DOM manipulation(Complete) , Styling css using js events , Error Handling , Date , Math , etc.

Then move on to the Advance topics -

  • For CSS - Flex box , Grid , Media Queries and the remaining css properties.

  • For JS - Object oriented programming concepts(constructor , this , prototype , inheritance , abstraction , encapsulation , polymorphism) , Callbacks , Promises , Async and Await etc.

Create some projects using HTML , CSS and Javascript.

  • To-do list

  • background Color changer

  • Calculator

  • Static web page design with animations and transitions

Then move on to advance things like React js or Vue js

  • I prefer learning React js because it is fast and strong and has many options and code reusability and the community is also very large so better support and also huge amount of libraries in react to simplify your work .

  • The second option is Vue js it is also a good frontend framework but it is not trending yet and the community support and libraries are also smaller than React but its syntax and code is easier to learn and implement than React js.

Then move on to the backend part if you wish to

  • Node js with express js .
  • Mongo DB as a database .

Resources and websites to learn topics -

https://www.w3schools.com/

https://www.javatpoint.com/

https://developer.mozilla.org/en-US/

https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ

https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw

Also you can directly read the documents of the language you want to learn.

THANK YOU FOR READING THIS POST AND IF YOU FIND ANY MISTAKE OR WANTS TO GIVE ANY SUGGESTION , PLEASE MENTION IT IN THE COMMENT SECTION.

^^You can help me by some donation at the link below Thank you๐Ÿ‘‡๐Ÿ‘‡ ^^

โ˜• --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well

  1. https://dev.to/shubhamtiwari909/animation-with-react-spring-3k22

  2. https://dev.to/shubhamtiwari909/text-to-speech-in-reactjs-52ml

  3. https://dev.to/shubhamtiwari909/best-vs-code-extensions-for-web-development-2lk3

Top comments (0)