HTML & CSS
You may have heard the terms “computer language” and “programming language” used interchangeably, but they are not actually the same thing. Programming languages are a specific subset of computer languages that program computers, meaning they tell them what to do.
HTML & CSS are two examples of computer languages that are not specifically programming languages. But that doesn’t mean you shouldn’t learn them! In fact, knowing HTML & CSS is a requirement for all web developers and most web designers, and it’s a great place for a budding web developer to start.
HTML tells your browser what to do with each part of a web page.
Understanding how browsers interpret HTML was a big “aha” moment for me – your browser (Chrome or Firefox, for example) is built to read HTML (and other languages).
What do you see when you visit a website? Probably a site title, a navigation bar, and some blocks of text. A browser can tell the difference between a paragraph and a headline because all the content on a site is marked with an HTML tag.
You write HTML just like normal text and save it in a file with .html at the end. HTML is the only thing that you have to have in order to make a website, but it won’t be too pretty.
While HTML identifies and classifies each part of a webpage, CSS determines what they look like. In the example above, you might have deduced that the HTML
tag tells a browser that something is a paragraph. To make all of our paragraphs pink and bold, we can write some CSS like this:
Like HTML, you can write CSS in a text editor, but instead of saving it with an .html suffix, you’ll use .css.
With CSS, you can make web pages beautiful with colors, spacing, layouts, borders, fonts and more. The power of CSS lies in the fact that it controls the web pages overall, giving them a consistent style with one framework. You don’t have to make a decision about every page, and if you want to change all the pages, you can just edit the stylesheet.
HTML & CSS skills are useful for and often integrated into many different types of jobs, from social media marketers to user experience designers.
But there’s a lot more that goes into making a website work. Websites are a lot like icebergs: you only see what’s above water (the frontend), but below the water it goes hundreds of feet deep.
The “backend” is everything that happens before it gets to your browser: the systems and structures that edit, store, and source the data and content that makes up the website you see. For example, if you’re booking a flight, it’s in the backend of the website that the prices are checked, itineraries are booked, and credit cards are charged. A backend can be very simple or very complicated. The backend can also be edited without the user ever knowing that changes are being made. Typically, when someone says “programming,” they are referring to the work done behind the scenes.