The latest technology and digital news on the web

Insightful takes on ascent your business

How to land your first job as a web developer

Live Code Stream
Story by
Live Code Stream

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. They couldn’t be more wrong.

The software development industry, web development in particular, is full of amazing belief of people with no tech accomplishments who switched to development and afflicted their life for great and they couldn’t be happier with the change.

Programming is 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 the job market is so hurt by the bread-and-butter decline, and it will also give you an amazing talent to build your own projects and companies.

I’m a self-taught developer, I tried academy a few times a few years ago, to never accomplish there, I was always accepting bored in the classrooms and it just wasn’t for me. About thanks to the internet I was able to learn all my skills and become a great software engineer. As a side note here, today I’m commutual my degree at an online university, not because I needed it to get a job in tech, or because it was attached my career in any way, but because it’s a claimed debt I want to pay off.

Going back to our topic here, let me present you my path to becoming a web developer, in particular, a front end developer (if you don’t know what this is, stay with me, I’ll explain it all), and my path to landing a first job in tech.

So, what is a web developer?

Congrats! You absitively to stay here, that means that you took the first step into acceptable a web developer, but what absolutely does it mean to be a web developer?

I don’t want to be so accessible here, but a web developer is addition who utilizes a programming accent to build web pages and applications. There are three types of web developers out there: front-end developers, back-end developers, and full-stack developers.

Front-end developer

A front-end developer is amenable for architecture what you see and collaborate 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 affectation the website.

We shouldn’t belittle the work front-end developers do, as web applications are acceptable more more sophisticated, the job of the front-end developer has been mutating from simply alive on implementing the design to absolutely architecture full alive applications which run within our browsers. This is for me a key role where you can amalgamate tech, development, and design to build amazing experiences, and it’s my advocacy for those accepting started. Starting in front-end would be an easier road than if you start in back-end.

Back-end developer

This role is amenable for designing and architecture the systems that will abutment our front-end application. For example, when you click the “save” button, the back-end developer will write with code the algorithms and logic amenable for accepting your request, action it, store it in a database (if required) and send back the after-effects so that the front-end can let you know it all went good.

The back-end is what makes applications work across assorted devices, or which makes it accessible to store your advice in the “could.”

Full-stack developer

This is a new term for an old role, the full-stack developer is addition 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.

All the steps I’m accouterment here and my recommendations are what I gather from years in the industry as a developer myself, alive as a tech lead for a big bunch aggregation where I interviewed many candidates and now in my role as a senior software architect and agreeable creator.

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 affectation items on the screen? How to position things and using which colors?

HTML

HTML (Hypertext Markup Language) is a accepted markup accent that is known by all web browsers and it’s used to call the agreeable of your site. Not so much the design of it, but the anatomy and agreeable itself. HTML works with a specific syntax of tags and nodes and looks commodity like:

Maybe you don’t know what that code does yet, but I’m pretty sure you can at least analyze some points, like there’s a title, and there’s some agreeable like “Hello World!” there. HTML is made so it can be read by computers but also by humans in an almost accustomed way.

This is the place where you want to start, there are plenty of courses out there, pick one, and learn the concepts and how it works before moving on to CSS.

Here are some free assets to get you started:

  • Learn-HTML
  • html.com
  • HTML Crash Course For Absolute Beginners (video)

CSS

Now that you know how to place agreeable on the user’s screen we need to make it pretty and here is where CSS can help you. CSS is a code syntax advised to call how HTML elements will be displayed on the screen. It allows developers to place the agreeable in altered positions on the screen, add colors, backgrounds, borders, fonts, animations, annihilation you need to match your design, is likely CSS supports it.

Learning CSS is acutely important, no one would use nowadays a page with no design at all, this is a killer skill. Some people do really amazing things with CSS, from amazing designs to art, animations, it’s unbelievable.

CSS looks commodity like:

A bit scarier, but conceivably you got an idea of what it could possibly do.

Here are some free assets to get you started:

  • Learn CSS by Mozilla
  • CSS Beginner Guide on HTMLDog

Practice

Before jumping into the next step, make sure you convenance a lot. You can now build static websites, make many of them, start with the basics, move into more avant-garde appearance as you get used to it. Build a claimed website, one for your dog or cat, add colors, backgrounds, images, titles, menus, etc.

Once you’re a little more adequate with HTML and CSS, and this is important to avoid frustrations later on, move on to JavaScript.

Learn JavaScript and change the world

So far you have been architecture amazing web pages, but they couldn’t do much right? You were able to present content, style it, and build great designs and animations but they were defective alternate elements, activating parts, and this is what JavaScript is for.

JavaScript is a programming language, in fact, it’s one of the most accepted programming languages today available, which has the aspect of active in web browsers, and thus it can be used for architecture web applications.

JavaScript allows you to collaborate with your HTML by administration events such as the user beat on an element, timed events, and much more. It also allows you to dynamically change the capacity of your page, acceptation it has access to the “HTML,” or absolutely to the DOM of the page.

JavaScript today migrated from the browser to many other applications. Many companies are architecture back-ends that run on JavaScript, even desktop applications are now built with it.

Learning JavaScript will be a gigantic step appear accomplishing your goal of acceptable 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 agreeable out there, there are no excuses.

So do your annual and practice, practice, practice.

Here are some assets to get you started:

  • Learn JS
  • FreeCodeCamp

Make a portfolio site

Now you have the skills it’s time to show them off. It’s very accepted among developers to advertise your skills using a portfolio website. A portfolio website is basically a accumulating of your best projects to advertise to administration or future customers.

Usually, developers would have two altered portfolio websites:

Personal website

Build your own website and host it to show the world your talent. This website will be an upsell of your self, it’s the ultimate class for developers, so make it to impress. One of the appearance on this website is a area where you will link or advertise your projects.

Often you won’t only show the results, so a link to your activity active on the internet, but also the source code for it. And here is where the next option is really good.

GitHub

GitHub is a website that allows you to host the code for your projects for free and open for anybody to see. GitHub is the most important open-source repository, and the home of many, many of the open applications out there. Accepting an annual is free, and you can start hosting your code within minutes. Learn all about it on their site .

Now, you can use GitHub after any appropriate tool by simply drag and drop files, however, what makes GitHub so appropriate is that they run commodity called a GIT service, GIT is a technology for hosting code that makes team accord possible, and that allows you to look at your code at any point of time and see all the changes from there. It’s an amazing tool and it will be appropriate for you to learn.

There are many assets for acquirements GIT:

  • Git for Absolute Beginners
  • Git Concepts and workflow for Beginners

Build a killer resume and start connecting

Now that your portfolio is up, you need to work on your resume, and the right place to do this is on LinkedIn. You apparently already know LinkedIn, but if not, check it out. You will need a LinkedIn annual to get started architecture your resume, advertisement your projects, having a killer contour description, and more importantly, to start networking,

Add people from the field, many are accommodating to help, or they post daily with advice for people who are starting.

Learn a Framework

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 abridge the development tasks. Newer frameworks are adult pieces of code that sometimes reinvent the way we even affairs web applications.

Some of these frameworks are like a programming accent on its own as they accommodate very specific ways to get things done. It may take some time to get used to them, but once you do, your abundance will boost.

One important thing here, there are many, many frameworks out there and you don’t need to learn them all. Choose one and start there, make a good choice, take one of the most accepted frameworks out there, and master it. Conceivably you don’t like it, that’s alright, pick addition and switch, but don’t try to learn at the alpha of all of them.

My claimed advocacy is to go with one of the following:

  • ReactJS (my claimed favorite)
  • Angular
  • VueJS

There are no right or wrong options here, there’s a alternative and conceivably conveniences depending on the type of project. But they are of the bests in 2020.

Interview prep

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 acquaintance 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 acquirements journey. You will also have to show the accuser that you know how to code and that you have a assertive ability of HTML, CSS, and JavaScript, and conceivably even of a accurate framework.

Don’t be afraid if the annual contains a area where you absolutely have to code live a short piece of code, or if you are sent a home appointment that you need to work on and present your after-effects at a later interview. These are all common practices when interviewing for a developer position.

Make sure you convenance your skills before and you will be good to go.

There are sites which specialize in advancing for interviews, check them out and give them a try. Keep in mind your level though, some of those sites can get really complicated really fast, adjust your challenges to your experience.

Final words

The world of tech is consistently changing, and as developers alive at the edge of technology, we need to do as well. Keeping yourself abreast of the latest frameworks, techniques, programming languages, etc is acute to remain able in the workplace.

You just started a life long journey, which provides amazing opportunities, enjoy it.

This article was originally appear on Live Code Stream by Juan Cruz Martinez (twitter: @bajcmartinez), architect and administrator of Live Code Stream, entrepreneur, developer, author, speaker, and doer of things.

Live Code Stream is also accessible as a free weekly newsletter. Sign up for updates on aggregate accompanying to programming, AI, and computer science in general.

Appear September 15, 2020 — 08:02 UTC

Hottest related news

No articles found on this category.