Do you have skills to be a Front-End Developer?

ladies and gentlemen today we're gonna talk about what makes a good front-end engineer the skills that are required at least bare minimum to make your friend an engineer if you're already working as a front-end engineer then you can see if if you know all of these things and if you are learning to become a friend of engineer this will definitely help you plan for the future so a lot of people ask me isn't learning JavaScript CSS and HTML enough to become a friend and engineer I say no even within jóska what do you need to know jóska has 50,000 different things there are things that you already know but there were more things that you probably don't even know and it has it so do I need to know everything like do I need to know canvas SVG animation you know a lot of people don't know this kind of stuff because they don't use it and what other things that are needed especially when you go out for an interview what kind of things they're expecting these days so I'm gonna I'm gonna put everything in do two category a must learn I must learn to be a front-end engineer and some optional thing that would enhance the overall portfolio but if you don't have it that's fine okay and I will also discuss some of the things that you should not should not be learning right now at least because they are either old or they're useless so you don't want to waste your time learning it and welcome to tech see tutorial if you're a friend an engineer this is the first thing obviously JavaScript okay what things inside jóska you need to learn so that you can say yeah I know jóska pretty well I would say that nowadays because you deal with a lot of frameworks or node so you need to know the latest version of JavaScript ex6 and later let's start from the basic you need to know let and cons where to use and when to use you need to know closures every single JavaScript interview you go to they will ask you what what is the closure right then classes very important the the ESX fascist promises very important because you have to and then also if you know fetch API async/await will help you in a testing environment the arrow functions the modules es6 modules are very important import and export you need to know template string spread operator so if you know this much you can you can actually pick up on any JavaScript ember and start working on it and I have tutorials on each of these if you want to know more about it I'll provide a link here let's focus on a second a must learn thing version control especially get git and github ok even if your company is not using it you need to keep building your portfolio on a github right so when you look for a job you can say look I'm I'm not only working I'm also contributing to this github you can showcase your skills ok you need to have site projects that that you you try out and things like that right because nowadays most of the people who are looking for a good developer they look at they also ask for your github URL third important thing to learn or must learn is NPM you can get around this either either you can learn NPM or yarn doesn't matter both are pretty similar you need to know what its dependency what is def dependency how packaged are Jason really works you know you need to know semantic versioning semantic versioning is nothing but when you have a version number in your package star Jason with three numbers X dot y dot Z when NPM decides which version to use it uses those carrots or tilde to make that decision and if you don't know what happens is that you don't know which version is being used you need also need to know the NPM scripts right so you can automate things in your in your package Jason all right next important thing is Linux now let a lot of people would disagree with me if you're working in a bag or in the windows and you know Microsoft environment they they may not be using Linux but I think it's important to learn Linux because if you're looking at any CLI you know you need to do command-line interface and you can't get around this anymore right so Linux is pretty important skills to learn you also need to know that pack there are frameworks they don't you use webpack but most of the people are moving towards that or now that thing the new fashion is parcel so you need to know either right alright so now look at CSS without CSS you cannot become a complete front-end developer and I feel like a lot of people don't know C CSS and they're confused what should i what should I know in CSS right that that that is so important that makes me a great front-end developer and one thing I say if you can build layouts from scratch okay if I tell if I told you that you need a right container which is this much and you have a left container which has two sections and all that stuff can you build this with exact specs and it should be responsive in all that stuff and if you can do that then I would consider you as a good CSS developer because if I have to do borders or padding's and margins I can always look it up the syntax and everything right but if when is when it comes to creating something from scratch it's very hard and CSS can be very confusing so there are three to four things I would say that you need to know in CSS if I want to build a layout by myself I need to know display property I need to know position property I need to know Z index and nowadays if you have flex if you know flex if you know this four things then you have pretty good control over your CSS you need to know at least one JavaScript framework it could be react angular ember vos doesn't matter you need to know at least want any has to be component base I would not say jQuery or angular one or backbone alright so the next topic is what things that are optional and good to know the first thing comes to my mind is SVG or canvas you need to know at least one of the tasks runner grunt gulp whatever if you know service workers then you would know how to how to build a progressive web app which is four very important skills now nowadays ok so the next thing is you need tests you need to know at least one good test framework it can be like a Jasmine mocha protractor just whichever also a little bit of mobile development I think everything is moving towards mobile development so I think I would encourage everybody to at least start learning at least mobile development using react native or natives kids native script or flutter whichever you want to learn but at least you need to start there because sooner or later you will go there alright so the things that you want to forget or do not want to learn if you are starting out write older version of JavaScript you don't want to use bootstrap now a lot of people might disagree with me on bootstrap but I think it's it's time to move on from a bootstrap and use flex or something jQuery ok yeah there was a time that jquery was a king but now more and more you don't want to go in there at least don't want to spend time learning jquery and i hope you learned something from this video and if you did please like subscribe don't forget to like like subscribe and provide a nice comment and you can help me in a patreon i provide a link here and you can also help me translate this video into your native language so the people from your country or region can also learn it's not that hard and i'll put the information in the description so you can help me and if you do help me translating something let me know email me that you have done it so that I can improve it and then I can also give you credit in the next video and thank you [Music]

Channel: techsith

Views: 67,678

Keywords: front-end developer, frontend dev, JavaScript, web-developement, mobile development

Id: 78PHGXdcc50

Length: 9min 15sec (555 seconds)

Published: Mon Oct 22 2018

Reddit Comments

[u/AttiiMasteR]

Do you have the skills to actually make an english heading?