Skip to main content
Dantes.io Logo
Dantes.io

Best resources to learnVue, Svelte & Angular

Study sheet

Vue, Svelte and Angular are the main alternatives to React for building front ends. You will learn each framework's component model, reactivity and tooling, and how to choose between them.

4 resources · · How we curate

🎓Courses(2)

course

Learn Angular (Official Interactive Tutorial on angular.dev)

The Angular team's in-browser tutorial for modern Angular, where each step teaches one concept with live code and a reveal-answer option. It covers components, template control flow, property and event binding, inputs and outputs, deferrable views, routing, forms, services with dependency injection, and pipes. It is hands-on, free and kept in step with each Angular release.

beginner🇬🇧
course

Svelte Interactive Tutorial (Svelte 5 and SvelteKit)

The official in-browser Svelte tutorial, with a live editor and a solution for each step. It has four parts: Basic Svelte, Advanced Svelte, Basic SvelteKit and Advanced SvelteKit. Together they cover runes-based reactivity, props, bindings, transitions, snippets, context, routing, data loading and forms.

beginner🇬🇧

🌐Websites(2)

website

A Hands-on Introduction to Fine-Grained Reactivity

Choosing between the three frameworks is easier once you understand the reactivity model they now share. This piece teaches that model framework-neutrally, so Vue refs, Svelte $state/$derived and Angular signal()/computed() read as variations on one idea. Published 2021 — predates runes and Angular Signals but covers concepts, not APIs. Ryan Carniato, creator of SolidJS, explains the three primitives behind modern front-end reactivity: signals, effects and derived values (memos). He builds them from scratch in plain JavaScript and notes that Vue, Svelte, MobX and Knockout all rely on the same model.

intermediate🇬🇧
website

Vue.js Guide (Official Vue 3 Documentation)

The official Vue 3 guide, written by the core team. It covers template syntax, reactivity, components, composables, single-file components, tooling, routing, state management, TypeScript and SSR. A switch lets you read every example in either the Options API or the Composition API.

beginner🇬🇧
Share this topic

More in Web Development

See all 20 topics in Web Development →

Frequently Asked Questions

What are the best free resources to learn Vue, Svelte & Angular?

Dantes has curated 4 resources for Vue, Svelte & Angular, including 2 courses, 2 websites. All resources are hand-picked for quality — no algorithmic filler. Browse the full list above to find the format that works best for you.

Is Vue, Svelte & Angular hard to learn?

Vue, Svelte & Angular is approachable at the beginner level — there are resources here specifically for those starting from scratch. As you progress, intermediate and advanced material is also available to take your skills further.

What types of Vue, Svelte & Angular learning resources are available on Dantes?

For Vue, Svelte & Angular, Dantes has curated 2 courses, 2 websites. Each resource type serves a different learning style: videos and YouTube for visual learners, books for depth, courses for structured progression, and websites for quick reference.

How does Dantes select Vue, Svelte & Angular resources?

Dantes is an algorithm-free learning directory. Resources are hand-curated based on quality, accuracy, and usefulness — not engagement metrics or paid placements. The goal is to surface the best learning material for Vue, Svelte & Angular, whether it's a free YouTube series, a classic textbook, or an open courseware from a top university.

Go deeper

Test your understanding of Vue, Svelte & Angular

Explain it out loud. An AI tutor listens and asks questions that expose gaps you didn't know you had.