Do you have skills to be a Front-End Developer?
Today we are going to talk about, what makes you a good Front-End developer, the skills that are required to be a Front-End Developer. If you are already working as a Front-End developer then you can see if you know all of these things? and if you are learning this blog will help you plan for your next skill up-gradation.
The next question is “Do we need to know everything? Like do we need to know Canvas , Animations, SVG? A lot us don’t know these stuff because we don’t use it quite often. When we go out for an interview, what kind of things they are expecting out of you an a Front-End Developer?
So i am going to put everything into 3 categories.
- The must learn: The compulsory things which an organization or your own project will require for proper development.
- The optional stuff : These will enhance your over all portfolio, but if you don’t have it, it will be fine. you may leanr these things anytime sooner or later.
- The don’t learn (outdated): The certain things which you SHOULD not be learning as a beginner because they are either old or will be used pretty less in future projects.
The Must Learn:
Here is the list of must learn:
1.We need to know the difference between Let , CONST and Var. Where to use and when to use?
3.Classes in JS
4. Promises and callbacks
5. Fetch API
6. Async Await
7. Arrow Functions
8. ES6 modules
9. Spread Operator
10.Array and it’s properties : Extremely important.
- Version Control: Specially GIT and GitHub are the best Version control and Source code management tools available. Evern if your current organization is not using it or as an beginner you don’t find it useless , you have to learn this. If you will be working with a team of 5 suppose and few of the developers are working remotely, these version control tools will keep the code updated at Every developer’s end.
- NPM ( Node package manager): Even if you learn NPM or Yarn both are fine . We need to learn about dependency , Dev-dependency , about the working of package.json. what is symentic versioning, How to update an NPM package, how to interact with the NPM packages? all this will add to your porfolio.
1. Display Prop
2. Position Prop
4. Flex (the most recent trend and has replaced bootstrap)
- FrameWork: you need to know atleast one JS framework , but make sure it is component based. here i will list few JS Framework in order of their popularity:
1.ReactJS : My personal favorite and highly recommended component based framework. Works on Virtual DOM and can do Server Side rendering too.
The optional Stuff
There are certain optional things which are always good to know and these will add to your Resume. this will open up your spaces in companies where lot of animation stuff is done and this is a add on or a bonus you can say.
- SVG: The Scalable Vector Graphics (SVG) is an XML-based image format that is used to define two-dimensional vector based graphics for the Web. A vector image can be scaled up or down to any extent without losing the image quality.
SVG images and their behaviors are defined in XML files — that means SVG images can be created and edited with any text editor. There are several other advantages of using SVG over other image formats like JPEG, PNG, GIF etc
- Gulp/ Grunt
- Service workers : Good for progressive WebApps
- Test Framework
- Mobile App Development: