Skip to content
Laviyx Learn

Try

Career role

Web Developer

Web developers build the websites and web apps people use in their browsers. Front-end developers focus on what users see (HTML, CSS, JavaScript); back-end developers build the servers, APIs and databases behind it; full-stack developers do both.

What the job involves

  • Build pages and interfaces that work on phones and desktops.
  • Write back-end code that handles requests, logins and data.
  • Design and query databases for the application.
  • Connect to APIs, deploy the site and keep it fast and secure.

Core skills

  • HTML, CSS and JavaScript
  • TypeScript
  • A front-end framework (such as React)
  • A back-end language (Node.js, Python or Java)
  • SQL and databases
  • HTTP, APIs and Git

Your learning path

Work through the steps in order. Each one links to the lessons and practice to use.

  1. Step 1: HTML: the structure of every page

    Start with semantic HTML: headings, links, images, lists, tables and forms. Learn accessibility from day one; it is much easier than adding it later.

  2. Step 2: CSS: styling, layout and responsive design

    Learn selectors and the cascade, the box model, then Flexbox and Grid for layout and media queries for every screen size.

  3. Step 3: JavaScript: making pages interactive

    Learn the language first (functions, arrays, objects), then the DOM and events, and finally asynchronous code and fetching data from APIs.

  4. Step 4: TypeScript and a front-end framework

    Most professional front ends use TypeScript and a component framework. TypeScript catches bugs before the code runs; frameworks keep large interfaces manageable.

    Not on Laviyx Learn yet

    • Vue or Angular as alternatives to React

  5. Step 5: A back-end language

    Node.js lets you use JavaScript and TypeScript on the server too. Python and Java are equally common for web back ends.

    Not on Laviyx Learn yet

    • Other back-end frameworks such as Django or Spring Boot

  6. Step 6: Databases and SQL

    Web applications store users, orders and content in databases. Learn to design tables and write the queries your back end will run.

  7. Step 7: APIs and working with data

    Front ends and back ends talk through HTTP APIs, usually exchanging JSON.

  8. Step 8: Build, deploy and collaborate

    Ship real projects: put your code in Git, deploy it, and keep it secure.

    Not on Laviyx Learn yet

    • Git and GitHub

  9. Step 9: Prepare for interviews

    Front-end interviews mix HTML, CSS and JavaScript concept questions with small coding tasks and questions about past projects.

Projects to build

Projects prove your skills and give you something to show.

  • A responsive personal portfolio site.
  • A to-do or notes app with a database-backed API.
  • A small e-commerce catalogue with search and a cart.

Interview preparation

This path is a suggested order. Requirements differ between companies, so also read job descriptions for the roles you are applying to.

Explore other roles