Folyamatban
Backend · 12 lessons
Intro to TypeScript
Viktor Gazsi 4h 20m
57% complete 4 / 7
Borító
BeltOrion LMS · v0.1
Dizájnrendszer
Tanulási
platform
Fókuszált, modern UI a Beltorion tanulási platformhoz — Moodle alapokon, diákközpontú, oktatóbarát.
Alapok · Komponensek · Minták
v 1 · 2026Alapok
Tipográfia
Display · Michroma
Aa Bb Cc 0123
Hero, page covers, splash. Used sparingly.
Sans · Montserrat
Aa Bb Cc 0123
Body, UI, navigation. Weights 400 / 600 / 700 / 800 / 900.
H1 Master a new skill 40/900
H2 Course overview 32/800
H3 Module 3 — Functions 24/800
H4 Lesson title 20/700
Body LG Larger lead copy for course descriptions and lesson intros. 20/400
Body Default reading size for most lesson content and UI text. 18/400
Body SM Compact UI: meta rows, table cells, helper text. 16/400
Eyebrow
Section label
16/800 Mono const ch = "system mono"; 16/400
Színek
Brand
navy
#0E0227
Primary surface · ink
lime
#ECFF5C
Primary accent · CTA
purple
#772EFF
Secondary · interactive
ink-100
#F5F5FA
Page background
Neutral ramp · floor for text is ink-700
ink-900
#0E0227
Primary text
ink-700
#3A3650
Body / secondary text (floor)
ink-500
#8A8699
Decoration only
ink-300
#DDDDE8
Border default
ink-200
#ECEBF2
Subtle fill
ink-100
#F5F5FA
Page background
ink-50
#FAFAFC
Hover background
Semantic & learning states
success
#15803D
Complete · pass
info
#0369A1
Notice · video
warn
#B45309
Quiz · due
danger
#B91C1C
Overdue · fail
Térközök, lekerekítés, árnyékok
Spacing — 4pt base
sp-1 4px
sp-2 8px
sp-3 12px
sp-4 16px
sp-5 20px
sp-6 24px
sp-8 32px
sp-10 40px
sp-12 48px
sp-16 64px
Radius
sm
md
lg
xl
full
Elevation
sm
md
lg
glow
lime
none
Komponensek
Gombok
Primary — Lime on Navy
Secondary — Purple
Tertiary
Disabled
On dark surface
Címkék
Badges
New Featured Pro Module 3 Passed Video Due Friday Overdue Beta
Állapotjelzők
Még nem kezdve Folyamatban · 42% Befejezve Zárolva Lejárt
Profilképek
Űrlapok
We'll send the magic link here.
Must be at least 8 characters.
Notifications
Please accept the terms
Search
Radio with background — tones
Folyamat
Module 1 — Foundations 3 / 3
Module 2 — Functions 4 / 7
Module 3 — Async 0 / 5
12%
47%
78%
100%
Kiemelések
Tipp
Use keyboard shortcuts
J / K
to move between lessons.
Szép munka
You completed Module 2 with a 94% score. Module 3 is now unlocked.
Figyelem
Your assignment is due in 2 days. Submissions after the deadline lose
10% per day.
Kapcsolat megszakadt
We couldn't save your progress. Reconnecting…
Navigáció
LMS-minták
Képzéskártyák
New
Frontend · 9 lessons
Modern CSS — grid, layers, container queries
Erika Nyiri 3h 05m Kezdő
Még nem kezdve
★ Pro
Architecture · 18 lessons
System Design Fundamentals
Mike K. 8h 40m Haladó
✓ Befejezve Pontszám 96%
Cohort starts May 12
Data · 14 lessons
SQL for product analytics
Anna T. 5h 10m Középhaladó
Beiratkozva
Hot
AI · 8 lessons
Prompt engineering for builders
Beltorion Team 2h 40m Minden szint
23% complete 2 / 8
Free preview
Workshop · 4 lessons
Design tokens & theming
Erika Nyiri 1h 30m Kezdő
2 lessons free
Leckelista
Videó Mi az a TypeScript? 8:20
Olvasás Környezet beállítása 12 min
Videó Típusok, interfészek és generikusok 14:05
Teszt Gyors ellenőrzés 10 q
Feladat Tipizált API-kliens építése ~45m
Teszt Modulösszefoglaló —
Teszt
3. kérdés / 10
2:14 maradt Which keyword declares an immutable binding in modern JavaScript?
var name = "Beltorion"
let name = "Beltorion"
const name = "Beltorion" ✓ Helyes
final name = "Beltorion" ✗ Helytelen
Statisztikák
Sorozat
12 nap
↑ Personal best
Leckék
47
↑ +6 this week
Átlagos pontszám
88 %
↑ +4 vs last month
Órák
21.4
↑ goal: 30h