Ionnsaich Lily, ceum air cheum
Fàilte! Tòisichidh gach oideachadh bhon neoni agus togaidh e an aon rud beag — foirm so-ruigsinneach le stoidhle — ann an timcheall air 10 mionaidean, gus an urrainn dhut frèamaichean a choimeas cothromach. An uairsin rach nas doimhne le ùrlaran agus roghainnean cleachdaiche.
Mus tòisich thu
Chan eil feum agad air mòran:
- Airson an oideachadh HTML — dìreach brabhsair agus deasaiche teacsa. Sin an uidheamachd gu lèir.
- Airson Svelte, React, Vue, Angular no Nunjucks — git, Node 26, agus pnpm 10 no nas ùire.
- Airson Blazor — git agus an .NET SDK 8 no nas ùire.
Ùr do cho-phàirtean gun cheann? Tha thu san àite cheart — mìnichidh gach oideachadh dè tha a’ tachairt mar a thèid thu air adhart, agus seallaidh gach ceum an còd ceart ri lethbhreac a dhèanamh.
Ceithir ceumannan bhon neoni gu bhith air a chur an gnìomh
- A’ chiad cho-phàirt agad (~5 mionaidean) — tagh am frèam agad gu h-ìosal, faigh an còd agus tèarainn Putan.
- Cuir ri chèile is stoidhle (~5 mionaidean) — tog foirm le leubailean agus dèan stoidhle oirre an aghaidh nan crochaidhean clas kebab-case (cuid de gach oideachadh frèam).
- Dèan ùrlar dheth (~15 mionaidean) — cuir ùrlar dhe na 57 deiseil an àite do CSS làmh-sgrìobhte, agus leig le cleachdaichean atharrachadh aig àm ruith: oideachadh ùrlaran.
- Thoir urram do roghainnean (~15 mionaidean) — cuir roghainn cànain is meud teacsa ris leis na cuideachaidhean roghainnean: oideachadh chuideachaidhean.
Tagh am frèam agad
HTML
Dèan lethbhreac de HTML seamantach leis na crochaidhean clas is imich — chan eil de dhìth ach brabhsair is deasaiche.
Svelte
Runes Svelte 5, snippets, agus bind:value ceangal dà-shlighe.
React
Co-phàirtean-gnìomh le value + onChange agus sgaoileadh rest-prop.
Vue
Co-phàirtean aon-fhaidhle Vue 3 le taic v-model .
Angular
Co-phàirtean fèin-sheasmhach Angular le in-chuiridhean comharra agus [(value)].
Blazor
Co-phàirtean Razor le paramadairean, ChildContent, agus deuchainnean bUnit.
Nunjucks
Macros air an rèiteachadh air an fhrithealaiche airson Eleventy agus loidhne-phìoba theamplaidean Node sam bith.
Nad dhà bheachd? Tòisich le HTML — theagaisg e cùmhnant nan crochaidhean clas a tha gach frèam eile a’ roinn, agus ruithidh e dìreach bho fhaidhle.
Rach nas doimhne
Ùrlaran
Ceangail fear dhe na 57 ùrlar deiseil — NHS, GOV.UK, USWDS, solas, dorcha, agus barrachd — tar-sgrìobh e le do CSS fhèin, agus cuir atharrachadh ùrlair aig àm ruith ris leis a’ chuideachadh theme-picker.
Cuideachaidhean roghainnean
Thoir smachd do chleachdaichean air ùrlar, cànan, meud teacsa, gluasad, lorg, ceanglaichean duilleige, co-roinn agus cur-a-steach cinn-latha/ama le theme-picker, locale-picker, text-size-picker, motion-picker, search-picker, link-picker, share-picker agus date-time-picker: smachdan gun cheann le seasmhachd, sàbhailteachd SSR agus lorg RTL fèin-obrachail.
An dèidh nan oideachaidhean
- Brabhsaich an catalog cho-phàirtean — tha gach co-phàirt a’ clàradh a props, a cùmhnant ARIA agus giùlan a’ chlàr-iuchrach.
- Dèan lethbhreac de thagradh eisimpleir gus na 571 co-phàirt fhaicinn le stoidhle is ag obair còmhla — tha an CSS a’ targaideachadh nan aon chrochaidhean clas a chleachd thu dìreach, agus mar sin dèan lethbhreac de phàirt sam bith dheth dhan phròiseact agad is atharraich e mar a thogras tu.
- Ceistean? Tha freagairtean, ceistean cumanta agus dòighean air ruighinn air neach càirdeil air an duilleag chuideachaidh . Agus nam b’ urrainn oideachadh a bhith nas soilleire, innis dhuinn — nì sinn toilichte nas fheàrr e.