In diesem Modul lernst du zwei mächtige Technologien kennen, die deine Webentwicklung auf das nächste Level heben: TypeScript sorgt für typsicheren Code und weniger Fehler, während SCSS deinen CSS-Code wartbar und professionell strukturiert. Du erfährst nicht nur die theoretischen Grundlagen, sondern setzt das Gelernte direkt in einer interaktiven Memory-App um. Mit modernen Tools wie Vite und Best Practices wie BEM bist du bestens für echte Projekte gerüstet!
Kursübersicht
TypeScript Basics
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
- Einleitung (1:52)
- 01 Was ist Typescript (6:42)
- 02 Typscript Installation (6:24)
- 03 TS-Projekteinstellungen -> tsonfig.json (6:11)
- 04 Primitive Types (10:28)
- 05 Union Types und Klassen (5:20)
- 06 Literals (2:13)
- 07 Arrays (3:19)
- 08 Tupels (3:27)
- 09 Funktionen (4:15)
- 10 Objekte (4:39)
- 11 Interfaces (3:10)
- 12 Import/Export (2:42)
- Cheat Sheet
SCSS Basics
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
- Einleitung (1:30)
- 01 Was ist SCSS & SASS (8:18)
- 02 Installation von SCSS (10:04)
- 03 Einführung Nesting (4:12)
- 04 Nesting mit "&" (3:39)
- 05 [Exkurs] BEM (5:10)
- 06 BEM bei SCSS: Nesting mit "&" strukturieren (5:23)
- 07 SCSS Variablen (3:55)
- 08 SCSS auslagern: Partials (6:08)
- 09 Ordnerstruktur SCSS: 7 to 1 Pattern (5:17)
- 10 Mixins: Einführung (6:07)
- 11 Mixins: Parameter und Animationen (5:38)
- 12 Mixins: Mediaquerie und Maps (9:12)
- 13 Funktionen (6:02)
- 14 For Loop (3:30)
- 15 Each Loop (4:54)
- 16 Projektstruktur mit Forward (3:54)
- Cheat Sheet
Memory App
Verfügbar in
tage
tage
nachdem du dich angemeldet hast
Bonus
Verfügbar in
tage
tage
nachdem du dich angemeldet hast