Front-end

Developer

FRONT-END

vs.

BACK-END

vs.

FULL STACK

DEFINITION

The front end of a website is the part that users interact with. Everything that you see when you're navigating around the internet, from fonts and colors to dropdown menus and sliders.

TOOLBOX

  • HTML
  • CSS
  • JavaScript

FRONT-END

DEFINITION

So what makes the front-end of a website possible? Where is all that data stored? This is where the back end comes in. The back end of a website consists of a server, an application and a database.

TOOLBOX

  • PHP, Ruby, Python, Java, .NET
  • MySQL, MongoDB, Oracle, SQLServer

BACK-END

DEFINITION

There's often not a black-and-white distinction between front-end and back-end development. Front-end developers often need to learn those additional back-end skills, and vice versa.

TOOLBOX

  • HTML
  • CSS
  • JavaScript, PHP, Ruby, Python, Java, .NET
  • MySQL, MongoDB, Oracle, SQLServer

FULL STACK

What does it mean to be a front-end developer?

Pay attention to details

Put yourself in the users shoes

Accesibility

Deep understanding of what you are presenting

Trying new things

Devices, devices, devices

Usability

Performance

Why is it so hard?

PLATFORMS

DEVICES

BROWSERS

Where can I learn?

HTML, CSS, JavaScript

  • https://www.codecademy.com/learn
  • https://www.codeschool.com/
  • http://learn.shayhowe.com/html-css/
  • https://dash.generalassemb.ly/
  • https://www.playcodemonkey.com/
  • https://codecombat.com/

Learn through games!