× Terms of Use Privacy Policy

Take me back!! I want my CSS!! Click me to get back :)

Frontend vs. Backend

The frontend is the part of a web site that you can see and interact with, while the backend is all the rest.

Get Our Free Guide: Everything you need to know to become a web developer

Sign up below to get it instantly. Plus, get more Skillcrush news and updates to your inbox!

You can unsubscribe from our mailing list at any time. We won't use your email address for anything else, promise!

You know how the tip of an iceberg pokes out above the water, but they’re really hundreds of feet deep? That’s a lot like a web site.

The parts you see and interact with on a web site – the buttons, the dropdown menus and big bold fonts – make up the frontend.

The frontend of a web site has specific technologies attached to it. HTML makes up the text on the page, CSS makes it pretty, and JavaScript makes it interactive. All of these things happen in the browser.

The backend is everything that happens before it gets to your browser. If you’re booking a flight, that’s where prices are checked, itineraries are booked, and credit cards are charged. A backend can be very simple or very complicated.

A typical setup for a backend is a web server, an application and a database. The web server delivers a note to the application that you’d like to see all of the flights to Chicago. The application looks up the flights in the database, puts together a web page that lists them, and sends that web page back to your computer through the web server. That’s all the backend. Once your computer gets a hold of it, it’s the frontend.

For technologies used in the backend, anything goes. If a database stores your name or flight info, it might be MySQL, MongoDB, PostgreSQL, or many others. Web pages could be put together with Python, Ruby on Rails, or PHP. The web server that sends those pages over to your computer might be Apache, Nginx, or IIS. The list goes on and on!

Cocktail Party Fact

Because you don’t see the backend, programmers can swap out pieces of it without you ever knowing. For a while Twitter was powered by Ruby on Rails, but in 2011 switched over to Java. I’ll bet you didn’t notice!

Get Our Free Guide: Everything you need to know to become a web developer

Sign up below to get it instantly. Plus, get more Skillcrush news and updates to your inbox!

You can unsubscribe from our mailing list at any time. We won't use your email address for anything else, promise!

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

5 comments

  1. Julia Sycheva Replied

    Really good article for dummies :D Thank you !

  2. Ross Miranti Replied

    Word, it’s hard to say complex things in accessible, easy to understand ways.

  3. GEE Replied

    I LOVE YOUR ANALOGIES…I DON’T KNOW CODING BUT FROM READING THIS ARTICLE, I FEEL I KNOW NOW!!!

  4. nicole Replied

    thanks for the easy-to-understand explanation

Want more articles like this?

Sign up to get the most recent tech news, tips and career advice.

x
Wondering if TECH might be right for you?

Sign up for FREE for weekly updates & fun lessons!