Read on Twitter
How to land your first job as a web developer
https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">
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 Threadhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: 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
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:
https://abs.twimg.com/emoji/v2/... draggable="false" alt="1⃣" title="Tastenkappe Ziffer 1" aria-label="Emoji: Tastenkappe Ziffer 1"> Front-end developer
https://abs.twimg.com/emoji/v2/... draggable="false" alt="2⃣" title="Tastenkappe Ziffer 2" aria-label="Emoji: Tastenkappe Ziffer 2"> Back-end developer
https://abs.twimg.com/emoji/v2/... draggable="false" alt="3⃣" title="Tastenkappe Ziffer 3" aria-label="Emoji: Tastenkappe Ziffer 3"> Full-stack developer
There are three types of web developers out there:
A 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.
This 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.
This is a new term for an old role, the full-stack developer is someone who can work both, front-end and back-end tasks.
Let’s now jump into the steps that you need to become a front-end developer and land your first job.
In 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?
Hypertext 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.
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." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🚀" title="Rakete" aria-label="Emoji: Rakete">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." class="img-responsive" style="max-width:100%;"/>
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/101... href=" https://www.udemy.com/share/101ryM/
https://www.udemy.com/share/101... href=" https://www.udemy.com/share/101rFk/ ">https://www.udemy.com/share/101... https://www.udemy.com/share/101x0o/ ">https://www.udemy.com/share/101...
@freeCodeCamp is the best way to start.
https://www.udemy.com/share/101sF0/
Now 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:
https://abs.twimg.com/emoji/v2/... draggable="false" alt="1⃣" title="Tastenkappe Ziffer 1" aria-label="Emoji: Tastenkappe Ziffer 1"> Web Dev Simplified
https://abs.twimg.com/emoji/v2/... draggable="false" alt="2⃣" title="Tastenkappe Ziffer 2" aria-label="Emoji: Tastenkappe Ziffer 2"> Florin Pop
https://abs.twimg.com/emoji/v2/... draggable="false" alt="3⃣" title="Tastenkappe Ziffer 3" aria-label="Emoji: Tastenkappe Ziffer 3"> Traversy Media
https://abs.twimg.com/emoji/v2/... draggable="false" alt="4⃣" title="Tastenkappe Ziffer 4" aria-label="Emoji: Tastenkappe Ziffer 4">freeCodeCamp
https://abs.twimg.com/emoji/v2/... draggable="false" alt="5⃣" title="Tastenkappe Ziffer 5" aria-label="Emoji: Tastenkappe Ziffer 5">The Net Ninja
Before 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?
Few Awesome Learning Platforms https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">
- https://javascript30.com"> https://javascript30.com
- https://freecodecamp.org"> https://freecodecamp.org
- https://codecademy.com"> https://codecademy.com
- https://frontendmentor.io"> https://frontendmentor.io
- https://coursera.org"> https://coursera.org
- https://javascript30.com"> https://javascript30.com
- https://freecodecamp.org"> https://freecodecamp.org
- https://codecademy.com"> https://codecademy.com
- https://frontendmentor.io"> https://frontendmentor.io
- https://coursera.org"> 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">https://dev.to/tyaga001/...
Now 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.
Build 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 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://www.freecodecamp.org/news/an-i... https://livecodestream.dev/post/2020-08-21-git-concepts-and-workflow-for-beginners/">https://livecodestream.dev/post/2020...
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,
It’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:
https://abs.twimg.com/emoji/v2/... draggable="false" alt="1⃣" title="Tastenkappe Ziffer 1" aria-label="Emoji: Tastenkappe Ziffer 1"> ReactJS
https://abs.twimg.com/emoji/v2/... draggable="false" alt="2⃣" title="Tastenkappe Ziffer 2" aria-label="Emoji: Tastenkappe Ziffer 2"> Angular
https://abs.twimg.com/emoji/v2/... draggable="false" alt="3⃣" title="Tastenkappe Ziffer 3" aria-label="Emoji: Tastenkappe Ziffer 3"> 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.
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.
Way 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">https://dev.to/tyaga001/...
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">https://dev.to/tyaga001/...
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/... href=" https://dev.to/tyaga001/common-issues-you-should-improve-in-your-resume-2be3">https://dev.to/tyaga001/... https://dev.to/tyaga001/want-some-inspiration-before-you-start-putting-together-your-resume-use-these-free-resume-templates-407h">https://dev.to/tyaga001/...
https://dev.to/tyaga001/top-5-things-not-to-say-in-a-job-interview-1d08
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.
