Learning path · Intermediate

Modern Frontend Frameworks

Go beyond the DOM with Vue, Angular and utility CSS.

Learn the patterns shared by modern frameworks, then apply them in Vue 3 and Angular. Add Tailwind so the design system stays consistent as the app grows.

8 weeks 4 courses 46 lessons 4 certificates

Start this path Browse tutorials

The sequence

4 courses, in the right order.

Each step assumes only what came before it. Follow the sequence or jump to a course you need.

Step 1 · Beginner

JavaScript Foundations

Open course

Learn the language of the browser by building interactive interfaces. Modern syntax, closures, the DOM, events, async data, persistent state, modules, tests and a complete quiz app.

Language basicsThe beginner gapsModern syntaxThe browserBuild and ship

0/16 lessons0%

JavaScript Foundations

Step 2 · Intermediate

Vue 3

Open course

Vue pairs a gentle template syntax with a powerful reactivity system. Build components with the Composition API, handle events and forms, fetch data, add routing and finish with a Pinia-backed app.

Vue from reactivity to a routed app

0/10 lessons0%

Step 3 · Intermediate

Angular

Open course

Angular brings dependency injection, routing, forms, HTTP and testing into one opinionated toolkit. Learn components, services, RxJS, reactive forms, signals and a production build.

Angular from components to production

0/10 lessons0%

Angular

Step 4 · Intermediate

Tailwind CSS

Open course

Tailwind replaces ad-hoc CSS with a consistent scale of utilities. Learn spacing, typography, responsive variants, component extraction, dark mode and a token-driven design system.

Tailwind from utilities to design system

0/10 lessons0%

Tailwind CSS

Portfolio project

Course browser with two frameworks

Build the same course browser twice, in Vue and Angular, and compare the trade-offs.

about 10 hours Portfolio piece

The brief

Create a course catalogue with routing, search, a detail page and a saved list. Implement it once in Vue with Pinia and once in Angular with signals, sharing the same design tokens.

DeliverableTwo working apps, a shared design note and a written comparison of the developer experience.

Stretch goals

Add server-side rendering to the Vue app.
Add an e2e test that runs against both apps.

Acceptance criteria

0/6

Both apps have the same routes and user-visible behaviour.
Search is debounced and handles loading, error and empty states.
Saved courses persist across a reload.
Components have typed inputs and no prop mutation.
Keyboard navigation works for every interactive control.
The comparison names at least three concrete trade-offs.

Path complete

Finish with proof, not just a folder of files.

Complete every course in this path to collect 4 verifiable certificates. Each one has a unique public ID and a QR code that resolves to a live status record.

How certification works Verify a credential

Modern Frontend Frameworks46 lessons · 10 hours

JavaScript FoundationsVue 3AngularTailwind CSS

Other paths

All paths

01Most popular

Learning path

Frontend Developer

The complete starting point for a career in the browser. Build structure with HTML, shape it with CSS and make it react with JavaScript — then prove it with a certificate.

Portfolio project included

3 courses

8 weeks Certificate included

02Beginner

Learning path

Python from Zero

Learn to think in programs. Start with values and logic, build up to functions and files, and finish with an automation script that saves real time.

Portfolio project included

1 course

5 weeks Certificate included

03Beginner

Learning path

Data Foundations

Combine SQL and Python to clean, query and summarise data. Designed for analysts, operators and anyone who works with spreadsheets that have outgrown them.

Portfolio project included

2 courses

6 weeks Certificate included