5 Javascript Projects That will Guarantee You Get Hired | Portfolio Projects

all right guys i'm gonna give you five projects that will guarantee you to get higher as a javascript developer stay tuned all right guys it's your boy joe back at it again codingface.com your boys back and i done did it again make sure you subscribe make sure you like this video and make sure you follow your boy at coding face on every single social media that's out there all right so let's get into it so number one form validation so this is something that everybody forgets right and this is something that you're gonna be doing a million times when you are a javascript developer okay there's gonna be four validations everywhere okay wherever you're getting users data is you're gonna be able to have this form validation set up now the idea is let's say for example uh you have this form and you say okay this is gonna be a form for a user to be able to register you might have something like uh first name last name right you want to put in a minimum amount of characters in the first name minimum amount of characters in the last name if not then you show a error or you might show some type of message that says hey uh make sure there's uh three characters within your name or maybe one character within your first name etc right same thing for passwords you could come in and say something like this you could say okay i'm gonna put in validation as the user types we want to make sure that the user is using a character using an upper case using a number and you know a minimum amount of characters or minimal amount of letters something like that right and that's something that a lot of people forget okay that's something that you're gonna be doing all the time it doesn't matter what type of input feel it is there's gonna be some type of validation all right guys number two is single page applications okay now single page applications are very important especially nowadays because a lot of websites are relying more on the front end to be able to handle the routing basically the changes of the application or the website whatever you might want to call it so let's take for example zillow.com so zillow.com is a real estate website that when you go in there you can click on a link and one thing that you will notice is that there's no refresh okay the page doesn't refresh and reloads the whole page what's happening is you click on the link the link changes the url it goes to the database pulls back the data then with javascript you basically change the view of this website according to the data that's coming in okay for example if you wanted to choose show me all of the apartments in my area then the page will re-render itself to show you only apartments same thing for houses if you want to see houses between a hundred thousand and five hundred thousand dollars then it will show you only those type of houses so pretty much the the whole application is being controlled through javascript if you can do that then you're gonna be winning all right guys if you are enjoying this video make sure you subscribe make sure you like this video leave a comment please this really helps out a lot even if it's just to say the letter j or even if it's just to say hi joe or even to say hey i survived the whole video leave a comment let me know all right let's continue number three is progressive web app okay you want to have a progressive web app because progressive web apps pwas are the future okay this is where the industry is going now if you are a javascript developer you want to make sure you know how to do this it's not that hard it's not that difficult at all okay but think about it like this the the pros that you're gonna get out of this are amazing so let's say you have keep it simple right a javascript calculator okay you have a website that all it is is just a javascript calculator so let's say a user that loves your it's a scientific calculator or whatever features you might give it right let's say the user likes to go to your website and he likes to use your calculator right he goes in uses the calculator every single day but one day he comes in and he has no more internet okay now what happens there he no longer is able to go to your website now imagine this if you could have the user cache the index file cached the javascript cache the css styles right now with a progressive web app you can say download all of this keep it in your cache and then now when you go to scientificcalculator.com now they can still get access to your application because everything is on their phone okay and at the same time they can even download your application directly and it will look on their phone as if it was a native application with a icon with a color background etc right so and even that you could even have so many other features like let's say connecting to the camera uh doing a whole bunch of stuff i'm not gonna go too much into details if you guys want look up pwas progressive web apps okay on how to do this but like i said this is very important because now you can have a website a web application still work even if it's offline so that's very important number four is creating a landing page using gsap for animations okay so gsab is a library in javascript that you can use to create smooth animations and create timelines for your animations and it's pretty damn cool if you ever been to websites like awards.com right and you see like all those cool websites like cool digital agencies that you know they come in and do animations like this the pages splits up and you know the website comes from the bottom the menu comes from the top and a whole bunch of stuff right most of the time those websites are using gsat okay now it's very important for a javascript developer to understand how to use gsat because if you want to work on a lot of cool projects for example if you're working for nike or you're working for uh let's say spotify or you're working for coca-cola like those guys they want to see like really cool websites and really cool animations so if you apply to an agency that has those type of clients then for you to get into the game you're really gonna need to show that hey i can do uh this type of website zone i can do this type of work okay so it's not just about hey i created a simple application and and that says like sometimes having animation can really give a user a really good experience and say oh this is nice this is cool this is uh pretty cool with the brand right like there's a lot of cool things that that people come up with when it comes to animation but this is what separates the kids from the children okay are you using just regular css animations okay or you're using a whole timeline with g sound all right so definitely look into that if you guys want to get into those type of companies number five is building a full stack application with node.js okay if you're a javascript developer and you want to get hired specifically as a javascript developer you want to be able to demonstrate that you can actually uh build applications with javascript okay so for example you could use something like adonis js which is a full stack framework okay you could go in there and pretty much have everything from user authentication sessions cookies pretty much everything that you might need already set up for you or you might say hey i want to build this from scratch and might use something like express uh and you might use some maybe like a database like mongodb or even my sql i definitely recommend people for using uh mysql instead of mongodb because most companies use mysql instead of using mongodb so it's gonna look really good on on your portfolio and at the same time i'm not telling you guys build the next facebook build the next whatsapp to build the next youtube no keep it simple right keep it simple create a content management system you can literally create a blog right if you ever use wordpress try to create wordpress but with javascript okay try to do that and then from there you can actually create a pretty cool uh application that you can demonstrate to people that you know what you're doing and at the same time explain all of the different things that you added and all the different features that you added to this application and it will help you get that job all right guys is your boy joe back at it again i hope you guys enjoyed this video make sure you subscribe make sure you like the video leave a comment tell me what you thought about it okay and by the way if you want to support me listen the best way to support me is literally to just go subscribe to codingface.com go visit the website okay that's the best way to really uh support what i'm doing here okay allow me to teach you how to code and that's it i don't want no patreon i don't want no donations like literally i like to uh pretty much you know earn my income earn what i do for you guys right i don't want nobody donating anything all i want you guys is to subscribe to codingface.com let me teach you how to code let me get you into a job and let me continue pushing you forward all right it's your boy joe back at it again codingface.com take care guys

Channel: CodingPhase

Views: 207,478

Rating: 4.9118323 out of 5

Keywords: codingphase, coding phase, codingphase.com, 5 Projects That will guarantee you get hired, get hired as a web developer, guarantee you get hired, how to get hired as a developer, how to get a job as a developer, where to find Jobs, javascript project, web development projects, python projects, coding projects, react projects, web developer portfolio, angular projects, vue projects, svelte projects, jquery projects

Id: lUUOMdnLBqY

Length: 9min 33sec (573 seconds)

Published: Thu Aug 15 2019