# Complete new to webdev

Learn the three fundemental building blocks: HTML, CSS, and JS.

• Basic HTML by Mozilla
• Intro to CSS by The Odin Project
• Javascript Info
• Web Standards that Svelte uses

# From React

See the syntatical differences on Component Party

Mental model differences include:

• JSX is JS based, Svelte is HTML based
• hooks are just regular functions
• everything is fine-grained as explained by Rich Harris’ Rethinking reactivity
• one file, one component; Single File Component (SFC)

# From Vanilla JS

The official tutorial

# Have a CS Degree

And want to get into the weeds?

• How the svelte compiler works under the hood - Compile Svelte 5 in Your Head by Li Hau Tan
• How the svelte’s reactivity works under the hood (signal layer + async layer) - Rich Harris explains how it all works.
• How the svelte’s reactivity works under the hood (signal layer) - Svelte 5 Runes Demystified by Peter Makes Websites