Designsystemer og komponentbiblioteker logo
WebMobilSystemerNiveauer A1 → C122 sprog

Designsystemer og komponentbiblioteker

Bliv fortrolig med at skabe robuste designsystemer og effektive komponentbiblioteker, så du kan accelerere udviklingen og sikre ensartede brugeroplevelser på tværs af produkter. Et læringsforløb på CoddyKit med 12 korte kurser og 48 interaktive lektioner – med en AI-vejleder ved din side døgnet rundt.

Kurser
12
Lektioner
48
Interaktive trin
563
Gratis at komme i gang
Kursus 1
Kursusindhold

12 kurser på denne sti

Alle kurser på Designsystemer og komponentbiblioteker-stien i læringsrækkefølge. Det første kursus er gratis.

1

A14 lektionerGratis

Udforsk de grundlæggende begreber bag designsystemer, deres strategiske betydning, og hvordan de skaber konsistens og effektivitet i produktudviklingen.

2

A24 lektionerPRO

Kom godt i gang med de praktiske aspekter af komponentbiblioteker med fokus på grundlæggende designprincipper og de første trin i komponentoprettelsen.

3

B14 lektionerPRO

Lær at definere og standardisere de visuelle elementer i Deres designsystem, fra farvepaletter til typografi, så De sikrer en sammenhængende brandidentitet.

4

B14 lektionerPRO

Dyk ned i udviklingsprocessen for at skabe UI-komponenter af høj kvalitet, der kan genanvendes, med fokus på bedste praksis for funktionalitet og tilgængelighed.

5

B14 lektionerPRO

Lær, hvor vigtig dokumentation er for designsystemer, og udforsk værktøjer og strategier til at skabe tydelige retningslinjer for brug og fremme anvendelsen.

6

B14 lektionerPRO

Opdag bedste praksis for integration af et designsystem i eksisterende applikationer, håndtering af tilpasninger og planlægning af problemfri migrationer.

7

B24 lektionerPRO

Opsæt det tekniske fundament for Deres designsystem med gennemgang af versionsstyring, pakkehåndtering og pipelines til continuous integration/delivery.

8

B24 lektionerPRO

Forstå, hvordan De effektivt administrerer og skalerer et designsystem med fokus på teamstruktur, onboarding og måling af dets organisatoriske effekt.

9

B24 lektionerPRO

Dyk ned i designtokens' muligheder for håndtering af designbeslutninger, og udforsk, hvordan De kan automatisere workflows fra design til kode for øget effektivitet.

10

B24 lektionerPRO

Lær effektivt at måle Deres designsystems sundhed og effekt, samtidig med at De opbygger et aktivt fællesskab omkring det for at sikre vedvarende vækst og opbakning.

11

C14 lektionerPRO

Udvid Deres færdigheder inden for komponentudvikling ved at udforske avancerede emner som theming, internationalisering og ydeevneoptimering.

12

C14 lektionerPRO

Håndtér udfordringerne ved at skalere designsystemer på tværs af store organisationer og forskellige platforme, og forbered Dem på fremtidige tendenser og langsigtet vedligeholdelse.

CoddyKit PRO

Lås op for alle 12 kurser på denne sti og alle kurser på alle andre stier

AI-vejleder, certificeringseksamen og certifikat. Fungerer på web, iOS og Android.

Se alle abonnementer
Årligt$29.90 / årCa. $2.49 om månedenBetal én gangLivstid$69.99 én gangIngen fornyelser. PRO for altid.
Kursusoversigt

Designsystemer: Byg én gang, skaler overalt

Et designsystem er den fælles sandhedskilde, der forbinder design og udvikling — et fælles sprog af komponenter, tokens og dokumentation, som holder alle produktflader ensartede, efterhånden som teams og kodebaser vokser. Dette spor dækker hele fagområdet: fra etablering af et visuelt sprog og opbygning af genanvendelige UI-komponenter til styring, værktøjer og de automatiserede arbejdsgange, der holder et system levende i stor skala.

Det lærer du

Du lærer at definere et visuelt sprog med ensartet typografi, farve og afstand og derefter omsætte beslutningerne til designtokens, der driver automatiserede arbejdsgange. Forløbet dækker opbygning og dokumentation af genanvendelige UI-komponenter, integration af et designsystem i applikationer, der bruger det, opsætning af de værktøjer og den infrastruktur, der understøtter versionsstyring og distribution, samt strategier for styring, der fremmer anvendelsen på tværs af teams. De avancerede lektioner behandler komplekse komponentmønstre, modeller for bidrag og måling af et systems effekt.

Læringsforløbet

Tolv kurser bevæger sig fra A1 til C1. Det indledende kursus forklarer, hvad et designsystem er, og hvorfor det findes. A1 og A2 dækker grundlaget og det grundlæggende i komponentbiblioteker, mens B1-kurserne opbygger praktiske færdigheder: udformning af et visuelt sprog, udvikling af genanvendelige komponenter, skrivning af dokumentation og integration af systemer i virkelige projekter. B2-niveauet går videre til Værktøjer til designsystemer og infrastruktur, Styring og anvendelse af designsystemer og Designtokens og automatiserede arbejdsgange. Forløbet afsluttes med to C1-kurser — Avancerede teknikker til komponentudvikling og Skalering og videreudvikling af dit designsystem — som behandler de vanskelige problemer, der opstår, når et system vokser ud over ét team.

Sådan fungerer det

Hvert kursus er opdelt i korte, fokuserede lektioner med interaktive øvelser og feedback i realtid. En AI-vejleder er tilgængelig, når du går i stå, så du kan arbejde dig gennem begreberne i dit eget tempo uden at miste fremdriften.

Sådan lærer du

  1. 01

    Interaktive lektioner

    Praktiske kodeøvelser med feedback i realtid

  2. 02

    AI-underviser

    Få øjeblikkelig hjælp fra vores AI, når du sidder fast

  3. 03

    Indbygget editor

    Skriv og kør kode direkte i din browser

  4. 04

    Certifikat

    Få et certifikat, når du gennemfører kurset

Ofte stillede spørgsmål

Ofte stillede spørgsmål

Er Designsystemer og komponentbiblioteker-kurset gratis?

Ja. Du kan begynde på Designsystemer og komponentbiblioteker-kurset gratis og gennemføre de interaktive lektioner uden omkostninger. Et valgfrit PRO-abonnement giver adgang til avancerede AI-værktøjer og et certifikat, der kan deles.

Skal jeg have erfaring på forhånd for at lære Designsystemer og komponentbiblioteker?

Nej. Kurset begynder med det grundlæggende og bevæger sig gradvist videre til mere avancerede emner, så du kan starte uden tidligere erfaring med Designsystemer og komponentbiblioteker.

Hvordan lærer jeg Designsystemer og komponentbiblioteker på CoddyKit?

Du lærer ved at øve dig. Korte interaktive lektioner kombinerer en tydelig forklaring med en praktisk kodeøvelse, der kører i realtid, og en AI-vejleder, der er tilgængelig døgnet rundt, hjælper dig personligt, når du sidder fast.

Får jeg et certifikat, når jeg gennemfører Designsystemer og komponentbiblioteker?

Ja. PRO-brugere kan tage en eksamen og få et certifikat for gennemførelse af Designsystemer og komponentbiblioteker-kurset, som kan deles og indeholder en verificerbar kode.

Kan jeg lære Designsystemer og komponentbiblioteker på min telefon?

Ja. CoddyKit er tilgængeligt på nettet og som indbyggede iOS- og Android-apps, så du kan lære Designsystemer og komponentbiblioteker på enhver enhed, og dine fremskridt synkroniseres på tværs af dem.

Hvad koster CoddyKit PRO?

Det første kursus på Designsystemer og komponentbiblioteker-stien er gratis. CoddyKit PRO giver adgang til alle kurser: $5.90 om ugen, $7.90 om måneden, $29.90 om året eller $69.99 én gang for livstidsadgang uden fornyelser.

Hvor lang tid tager det at gennemføre Designsystemer og komponentbiblioteker?

Designsystemer og komponentbiblioteker har 12 kurser og 48 lektioner. De fleste lektioner tager cirka 5–10 minutter, så hele stien kræver omkring 6 timers praktisk øvelse i dit eget tempo.

Start på Designsystemer og komponentbiblioteker nu

Slut dig til tusindvis af kursister, der mestrer programmering med AI-drevne lektioner.