What is front-end development?

The front-end of a website is what you can see in a browser and you can interact with like buttons, menus, colors, fonts, graphics, etc. The front-end part of the website is created with HTML, CSS and JavaScript.

The front-end developer is responsible for creating this part of a website which is accessible to the user. The code consists of HTML, CSS and JavaScript and is executed in a web browser (e. g. Chrome).

According to the Stack Overflow Survey 2021 - JavaScript is the most popular programming language in the world.

In order to create a scalable and maintainable front-end architecture, the developer should be also familiar with:

Example: what happens when you submit a form on a website :

  • libraries such as ReactJS or jQuery
  • frameworks such as Bootstrap, Angular, Vue.js or Express
  • tools like package managers (npm or yarn), Git, IDE and Chrome Developer Tools
  • optional: caching systems (e. g. Redis) or search engines (e. g. Elasticsearch)

Front-end developers very often work with UI and UX designers who provide wireframes and layout design, mainly created with Figma or Adobe XD. The front-end developers turn prototypes into code.

The full front-end roadmap showing you step by step how to become a modern front-end developer is available Click Here