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.
1- 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.
2- 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.
3- It's a great skill to have, it will teach you to think differently, it will open doors to a lot of job opportunities even in these times where the job market is so hurt by the economic decline, & it will also give you an amazing talent to build your own projects & companies.
4- A developer is someone who utilizes a programming language to build web pages and applications.
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.
Back-end developer 🚀
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.
Full-stack developer 🚀
This is a new term for an old role, the full-stack developer is someone who can work both, front-end & 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 & land your job.
✍ Learn HTML & CSS
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?
✔ HTML
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.
Few Free Web Development Resources For HTML / CSS From Scratch.
FreeCodeCamp is the best way to start.
Few Free Udemy Swag:
-Web Development By Doing: HTML / CSS From Scratch
-Foundations of Front-End Web Development
-Learn HTML & CSS: How To Start Your Web Development Career
✔ CSS
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:
It allows developers to place content in different positions on the screen, add colors, fonts, animations, anything you need to match your design, is likely CSS supports it.
Devs do really amazing things with CSS, from amazing designs to art, animations.
My Favorites YouTube Channels 👇
- Web Dev Simplified
- Florin Pop
- Traversy Media
- FreeCodeCamp
- The Net Ninja
Now Its Practice Time:
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?
⬇
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:
I have created a 100Days Roadmap To Learn HTML | CSS | JAVASCRIPT For Front-end Development for you:
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.
Ok, I'll stop.
I'm writing threads to help you to become a better software developer.
Follow your mentor @TheAnkurTyagi to see more actionable content.
Things I Wish I Knew Before My First Full-Time Job.
A Thread...
Your 20s could be your most defining decade
You’ll have more freedoms & more choices than you’ve ever had in the past or will ever have in the future.
It’s going to be a great adventure.
The “real tech world” that everyone tries to scare you about is actually really awesome.
But you know:
-Don’t be afraid to learn on the job.
-Don’t pretend to know more than you actually do
-You're responsible for your career, not your employer
-Everything is negotiable
-Live to work, but the right Way
-Working late is overrated
-The grass will always be greener
- Why is learning JavaScript so hard?
- How long did it take you to learn JavaScript?
- Why is JavaScript so popular?
- What is the best way to practice Javascript?
Let's deconstruct this ⬇
A Thread...
In my learning journey,
I realize that a majority of resources available for learning JavaScript - books, PDF, courses, are not learner-friendly.
I felt that the tutor was in a hurry to get to the end of the course and was not educating the rationale behind the code.
The content quality of such tutorials is questionable.
Since JavaScript runs in IE, Edge, Firefox, Chrome, Brave, Safari, and a dozen other environments, great care must be taken when teaching & coding anything in JavaScript!