Foghlaim Lily, céim ar chéim

Fáilte! Tosaíonn gach teagasc ón tús agus tógann sé an rud beag céanna — foirm inrochtana, stílithe — i thart ar 10 nóiméad, ionas gur féidir leat creataí a chur i gcomparáid go cothrom. Ansin téigh níos doimhne le téamaí agus sainroghanna úsáideora.

Sula dtosaíonn tú

Is beag atá uait, go hiontach:

Don teagasc HTML — brabhsálaí agus eagarthóir téacs amháin. Sin an bosca uirlisí ar fad.
Do Svelte, React, Vue, Angular nó Nunjucks — git, Node 26 agus pnpm 10 nó níos déanaí.
Do Blazor — git agus an .NET SDK 8 nó níos déanaí.

Nua do chomhpháirteanna gan cheann? Tá tú san áit cheart — míníonn gach teagasc cad atá ag tarlú agus tú ag dul ar aghaidh, agus léiríonn gach céim an cód beacht le cóipeáil.

Ceithre chéim ó nialas go seoladh

Do chéad chomhpháirt (~5 nóiméad) — roghnaigh do chreat thíos, faigh an cód agus rindreáil Button.
Cum agus stíligh (~5 nóiméad) — tóg foirm le lipéid agus stíligh í in aghaidh na gcrúcaí aicme i kebab-case (cuid de gach teagasc creata).
Tabhair téama di (~15 nóiméad) — cuir ceann de na 57 téama réamhdhéanta in ionad do CSS láimhscríofa, ansin lig d’úsáideoirí athrú ag am rite: teagasc na dtéamaí.
Tabhair meas ar shainroghanna (~15 nóiméad) — cuir roghnú teanga agus méide téacs leis le cúntóirí sainroghanna: teagasc na gcúntóirí.

Roghnaigh do chreat

HTML

Cóipeáil HTML séimeantach leis na crúcaí aicme agus téigh — is leor brabhsálaí agus eagarthóir.

~10 nóiméad · tús is éasca

Svelte

Runes Svelte 5, snippets, agus ceangal déthreorach le bind:value .

~10 nóiméad

React

Comhpháirteanna feidhme le value + onChange agus leathadh na n-airíonna eile.

~10 nóiméad

Vue

Comhpháirteanna comhaid amháin Vue 3 le tacaíocht do v-model .

~10 nóiméad

Angular

Comhpháirteanna neamhspleácha Angular le hionchuir comhartha agus [(value)].

~10 nóiméad

Blazor

Comhpháirteanna Razor le paraiméadair, ChildContentagus tástálacha bUnit.

~10 nóiméad

Nunjucks

Macraí rindreáilte ar an bhfreastalaí d’Eleventy agus d’aon phíblíne teimpléad Node.

~10 nóiméad

Idir dhá chomhairle? Tosaigh le HTML — múineann sé conradh na gcrúcaí aicme a roinneann gach creat eile, agus ritheann sé go díreach ó chomhad.

Téigh níos doimhne

Téamaí

Nasc ceann de na 57 téama réamhdhéanta — NHS, GOV.UK, USWDS, éadrom, dorcha agus eile — sáraigh é le do CSS féin, agus cuir athrú téama ag am rite leis leis an gcúntóir theme-picker.

~15 nóiméad

Cúntóirí sainroghanna

Tabhair rialú d’úsáideoirí ar théama, teanga, méid téacs, gluaiseacht, cuardach, naisc leathanaigh, comhroinnt agus iontráil dáta/ama le theme-picker, locale-picker, text-size-picker, motion-picker, search-picker, link-picker, share-picker agus date-time-picker: rialuithe gan cheann le marthanacht, sábháilteacht SSR agus brath RTL uathoibríoch.

~15 nóiméad

Tar éis na dteagasc

Brabhsáil an chatalóg comhpháirteanna — déanann gach comhpháirt a hairíonna, a conradh ARIA agus a hiompar méarchláir a dhoiciméadú.
Cloin aip shamplach chun na 571 comhpháirt go léir a fheiceáil stílithe agus ag obair le chéile — díríonn an CSS ar na crúcaí aicme céanna a d’úsáid tú díreach, mar sin cóipeáil aon chuid de isteach i do thionscadal agus coigeartaigh é mar is mian leat.
Ceisteanna? Tá freagraí, CC, agus bealaí chun teagmháil a dhéanamh le duine cairdiúil ar an leathanach cabhrach . Agus más féidir le teagasc a bheith níos soiléire, inis dúinn — feabhsóimid é go sásta.