I want to stress - because I was unsure when I first started my journey - you can learn how to become a Web Developer and find a job in the field on your own.

Before we can begin, we need to get familiar with some essential tools. The first of which is the DevTools.

Whether you're a Windows or Mac user, you can participate in all the exercises. But, let's make sure we understand why an Operating System is important for our work as future Web Developers.

GUIs and Shells are two important terms we are going to explore. Understanding how they relate to our Operating System will clarify potential points of confusion later on.

Today, you will meet your soon to be best friend: the text editor. A text editor is a fancy tool that developers use to write code.

HTML is the foundational language of all content on the web. Let's get familiar with it.

Elements are made up of tags, tags are not made up of elements. Elements are the building blocks 🏗 of HTML.

Time to get our hands dirty. Let's write some HTML.

Our HTML is rather plain. Let's use CSS to give it some style 😎.

But how do we get CSS onto a web page? There are three basic ways of adding CSS to a web page: Inline style, Internal and External stylesheets.

CSS syntax is relatively straightforward, and you may have even picked up on the syntax basics through some of the previous examples.

What's easier to say, "toy boat ⛵️" or "selector specificity" three times fast? Try it out. I can say neither.

To get more comfortable with Selector Specificity, let's revisit our "css-practice.html" document.

Today we'll be focusing on the different CSS units, which indicate a size. We will use the DevTools to play with different variations.

HTML gives the web structure. CSS provides that structure with style. JavaScript makes that structure interactive.

No matter what kind of programmer you decide to become, JavaScript is a language that you will need to know.

One of the best ways to start learning JavaScript is by playing with it in the DevTools.

I get a little Computer Science 101 👩‍🏫 in this article. But, I promise you'll appreciate the background information.

How do you know what Programming Language to learn? Do you need to learn more than one Programming Language, and if so in what order should you learn them?

Now that we have a sense of what the top Programming Languages are, we should investigate what these Programming Languages are used for.

To get in front of what might later become confusing, I want to stop and quickly talk about Frameworks and Libraries.

By the end of this article, you'll have a better understanding of how to read Web Developer job descriptions. As well as how to decipher what kind of skills they're asking for.

Not knowing how to use a terminal would be like a writer not knowing how to use a computer; sure they could use a typewriter or good-old pen and paper, but how effective would they be?

CLI, GUIs, shells? You may not know it, but you're very familiar with all three.

File Paths are grammar's equivalent to the words "except" and "accept." People don't really know the difference, they guess and hope for the best 🤞.

Rounding out our file paths discussion with the Absolute File Path. Trick: think about trees 🌳.

If you were the captain of a ship, I basically just showed you how to sail a ship, but did not tell you if you'd be in the Atlantic, Bering Strait, or a bathtub 🛀.

Have you ever run into file saving hell 🔥? Git to the rescue 🚨.

GitHub is the single largest host for Git repositories. Git repositories, if you remember, are projects (e.g., folders, directories) that are managed by Git's version control.

Yesterday brought the beginning, tomorrow brings the end, though somewhere in the middle we became best friends. #BFF 💙