Read on Twitter
How to land your first job as a web developer
Whether you’re self-taught, a Bootcamp grad, or have a college degree, when you’re a fresh-faced web developer, landing that first job can be tricky.
A Thread
#100DaysOfCode #CodeNewbies
Whether you’re self-taught, a Bootcamp grad, or have a college degree, when you’re a fresh-faced web developer, landing that first job can be tricky.
A Thread
#100DaysOfCode #CodeNewbies
Getting started into programming can be very scary, and there are a lot of misconceptions out there that make people think that programming is a skill they could never learn, or that landing a job as a web developer is almost mission impossible.
The software development industry, web development, in particular, is full of amazing stories of people with no tech background who switched to development and changed their life for great.
It's a great skill to have, it will teach you to think differently, it will open the doors to a lot of job opportunities even in these times where job market is so hurt by the economic decline, and it will also give you an amazing talent to build your own projects & companies.
A web developer is someone who utilizes a programming language to build web pages and applications.
There are three types of web developers out there:
Front-end developer
Back-end developer
Full-stack developer
There are three types of web developers out there:
Front-end developer Back-end developer Full-stack developer
Front-end developerA front-end developer is responsible for building what you see and interact with on a web page or application.
It’s the specialist who transforms a design, an image, or an idea into the code that allows web browsers to display the website.
Back-end developerThis role is responsible for designing and building the systems that will support our front-end application.
The back-end is what makes applications work across multiple devices, or which makes it possible to store your information.
For e.g., when you click the “save” button, the back-end developer will write with code the algorithms & logic responsible for receiving your request, process it, store it in a database (if required) & send back the results so that the front-end can let you know it all went good.
Full-stack developerThis is a new term for an old role, the full-stack developer is someone who can work both, front-end and back-end tasks.
How can you become a front-end developer?Let’s now jump into the steps that you need to become a front-end developer and land your first job.
Learn HTML & CSSIn order to become a front-end developer, the first thing you need to know is a little bit about how the web works.
Have you ever wondered how your browser knows how to display items on the screen?
How to position things and using which colors?
HTMLHypertext Markup Language is a standard markup language that is known by all web browsers and it’s used to describe the content of your site.
Not so much the design of it, but the structure and content itself.
HTML works with a specific syntax of tags & nodes.
Few Free Web Development Resources For HTML / CSS From Scratch.
@freeCodeCamp is the best way to start.
https://www.udemy.com/share/101sF0/
https://www.udemy.com/share/101ryM/
https://www.udemy.com/share/101rFk/ https://www.udemy.com/share/101x0o/
@freeCodeCamp is the best way to start.
https://www.udemy.com/share/101sF0/
https://www.udemy.com/share/101ryM/
https://www.udemy.com/share/101rFk/ https://www.udemy.com/share/101x0o/
CSSNow that you know how to place content on the user’s screen we need to make it pretty and here is where CSS can help you.
CSS is a code syntax designed to describe how HTML elements will be displayed on the screen.
Top free CSS resources.
-W3 Schools
-CSS author
-CSS Tricks
-Free code camp
-Codrops
-Mdn web docs
-W3 Schools
-CSS author
-CSS Tricks
-Free code camp
-Codrops
-Mdn web docs
It allows developers to place content in different positions on the screen, add colors, backgrounds, borders, fonts, animations, anything you need to match your design, is likely CSS supports it.
people do really amazing things with CSS, from amazing designs to art, animations
people do really amazing things with CSS, from amazing designs to art, animations
YouTube Channels:
Web Dev Simplified
Florin Pop
Traversy Media
freeCodeCamp
The Net Ninja
Web Dev Simplified Florin Pop Traversy MediafreeCodeCampThe Net Ninja
Practice TimeBefore jumping into the next lane, make sure you practice a lot.
You can now build static websites, make many of them, start with the basics, move into more advanced features as you get used to it. Build a personal website.
Once you’re a little more comfortable with HTML and CSS, and this is important to avoid frustrations later on, move on to JavaScript.
"Time to Learn JavaScript and change the world"
So far you have been building amazing web pages, but they couldn’t do much right?
"Time to Learn JavaScript and change the world"
So far you have been building amazing web pages, but they couldn’t do much right?
JavaScript is a programming language, in fact, it’s one of the most popular programming languages today available, which has the particularity of running in web browsers, and thus it can be used for building web applications.
JavaScript allows you to interact with your HTML by handling events such as the user clicking on an element, timed events, and much more. It also allows you to dynamically change the contents of your page, meaning it has access to the “HTML,” or actually to the DOM of the page.
Learning JavaScript will be a huge step towards achieving your goal of becoming a web developer, it will likely be the hardest, so take your time with this one, it won’t be easy, but it’s not impossible, and with the huge amount of free content out there, there are no excuses.
Few Awesome Learning Platforms
- https://javascript30.com
- https://freecodecamp.org
- https://codecademy.com
- https://frontendmentor.io
- https://coursera.org
- https://javascript30.com
- https://freecodecamp.org
- https://codecademy.com
- https://frontendmentor.io
- https://coursera.org
100Days Roadmap To Learn HTML | CSS | JAVASCRIPT For Frontend Development. https://dev.to/tyaga001/100days-roadmap-to-learn-html-css-javascript-for-frontend-development-2el3
Make a portfolio siteNow you have the skills it’s time to show them off.
It’s very popular among developers to showcase your skills using a portfolio website. A portfolio website is basically a collection of your best projects to showcase to employers or future customers.
Personal websiteBuild your own website & host it to show world your talent. website will be an upsell of yourself, it’s the ultimate curriculum for developers, so make it to impress. One of the features on this website is a section where you will link or showcase projects.
GitHub:GitHub is the most important open-source repository, and the home of many, many of the open applications out there. Getting an account is free, and you can start hosting your code within minutes.
https://www.freecodecamp.org/news/an-introduction-to-git-for-absolute-beginners-86fa1d32ff71/ https://livecodestream.dev/post/2020-08-21-git-concepts-and-workflow-for-beginners/
Now that your portfolio is up, you need to work on your resume, and the right place to do this is on LinkedIn.
You probably already know LinkedIn, but if not, check it out. building your resume, listing projects, a killer profile description, and importantly, start networking,
You probably already know LinkedIn, but if not, check it out. building your resume, listing projects, a killer profile description, and importantly, start networking,
Framework TimeIt’s time now to step up your game and enter the world of frameworks.
A framework is a set of functions and libraries that simplify the development tasks.
Newer frameworks are sophisticated pieces of code that sometimes reinvent the way we even program web
My personal recommendation is to go with one of the following:
ReactJS
Angular
VueJS
There are no right or wrong options here, there’s a preference and perhaps conveniences depending on the type of project. But they are of the bests in 2020.
ReactJS Angular VueJSThere are no right or wrong options here, there’s a preference and perhaps conveniences depending on the type of project. But they are of the bests in 2020.
Interview prepWay to go! You are now a web developer, though you still need to get a job at it. Interviewing as a web developer is its own unique experience compared to other professions.
You will have to show your interviewers your experience,
which at this point are the side projects you built along your learning journey?
You will also have to show the interviewer that you know how to code and that you have a certain knowledge of HTML, CSS, and JavaScript, and perhaps even of a particular framework.
You will also have to show the interviewer that you know how to code and that you have a certain knowledge of HTML, CSS, and JavaScript, and perhaps even of a particular framework.
Don’t be surprised if the interview contains a section where you actually have to code live a short piece of code,
Make sure you practice your skills before and you will be good to go. https://dev.to/tyaga001/common-javascript-questions-i-used-to-ask-in-interview-31k3
Make sure you practice your skills before and you will be good to go. https://dev.to/tyaga001/common-javascript-questions-i-used-to-ask-in-interview-31k3
Some of the blogs help you in your next interviews.
https://dev.to/tyaga001/top-5-things-not-to-say-in-a-job-interview-1d08
https://dev.to/tyaga001/common-issues-you-should-improve-in-your-resume-2be3 https://dev.to/tyaga001/want-some-inspiration-before-you-start-putting-together-your-resume-use-these-free-resume-templates-407h
https://dev.to/tyaga001/top-5-things-not-to-say-in-a-job-interview-1d08
https://dev.to/tyaga001/common-issues-you-should-improve-in-your-resume-2be3 https://dev.to/tyaga001/want-some-inspiration-before-you-start-putting-together-your-resume-use-these-free-resume-templates-407h
Final words Tech is constantly changing, as developers working at the edge of technology.
Keeping yourself informed of the latest techniques, programming languages, etc is crucial.
You just started a life long journey, which provides amazing opportunities, enjoy it.
