រៀន Lily មួយជំហានម្តងៗ
សូមស្វាគមន៍! មេរៀននីមួយៗចាប់ផ្តើមពីសូន្យ ហើយសាងសង់អ្វីតូចដូចគ្នា — ទម្រង់ដែលអាចចូលប្រើបាន និងមានរចនាប័ទ្ម — ក្នុងរយៈពេលប្រហែល ១០ នាទី ដើម្បីឱ្យអ្នកអាចប្រៀបធៀបក្របខណ្ឌប្រកបដោយសមធម៌។ បន្ទាប់មកចូលជ្រៅជាមួយស្បែក និងចំណូលចិត្តអ្នកប្រើ។
មុនពេលអ្នកចាប់ផ្តើម
អ្នកត្រូវការតិចតួចគួរឱ្យភ្ញាក់ផ្អើល៖
- សម្រាប់មេរៀន HTML — គ្រាន់តែកម្មវិធីរុករក និងកម្មវិធីកែអត្ថបទ។ នោះជាឧបករណ៍ទាំងមូល។
- សម្រាប់ Svelte, React, Vue, Angular ឬ Nunjucks — git, Node 26 និង pnpm 10 ឬថ្មីជាងនេះ។
- សម្រាប់ Blazor — git និង .NET SDK 8 ឬថ្មីជាងនេះ។
ថ្មីចំពោះសមាសភាគគ្មានក្បាល? អ្នកនៅកន្លែងត្រឹមត្រូវ — មេរៀននីមួយៗពន្យល់ពីអ្វីដែលកំពុងកើតឡើងនៅពេលអ្នកដំណើរទៅមុខ ហើយជំហាននីមួយៗបង្ហាញកូដពិតប្រាកដដើម្បីចម្លង។
បួនជំហានពីសូន្យទៅការដឹកជញ្ជូន
- សមាសភាគដំបូងរបស់អ្នក (~៥ នាទី) — ជ្រើសរើសក្របខណ្ឌរបស់អ្នកខាងក្រោម យកកូដ ហើយបង្ហាញ Button មួយ។
- ផ្សំ និងដាក់រចនាប័ទ្ម (~៥ នាទី) — សាងសង់ទម្រង់ដែលមានស្លាក ហើយដាក់រចនាប័ទ្មប្រឆាំងនឹង class hook kebab-case (ផ្នែកនៃមេរៀនក្របខណ្ឌនីមួយៗ)។
- ដាក់ស្បែក (~១៥ នាទី) — ជំនួស CSS ដែលសរសេរដោយដៃរបស់អ្នកដោយស្បែករួចជាស្រេច ៥៧ មួយ បន្ទាប់មកអនុញ្ញាតឱ្យអ្នកប្រើប្តូរនៅពេលដំណើរការ៖ មេរៀនស្បែក.
- គោរពចំណូលចិត្ត (~១៥ នាទី) — បន្ថែមការជ្រើសរើសភាសា និងទំហំអក្សរជាមួយជំនួយការចំណូលចិត្ត៖ មេរៀនជំនួយការ.
ជ្រើសរើសក្របខណ្ឌរបស់អ្នក
HTML
ចម្លង HTML ន័យវិទ្យាជាមួយ class hook ហើយទៅ — កម្មវិធីរុករក និងកម្មវិធីកែគឺគ្រប់គ្រាន់។
Svelte
Svelte 5 runes, snippets និង bind:value ការចងពីរទិស។
React
សមាសភាគអនុគមន៍ជាមួយ value + onChange និងការរាលដាល rest-prop។
Vue
សមាសភាគឯកសារតែមួយ Vue 3 ជាមួយការគាំទ្រ v-model ។
Angular
សមាសភាគឯករាជ្យ Angular ជាមួយ signal inputs និង [(value)].
Blazor
សមាសភាគ Razor ជាមួយប៉ារ៉ាម៉ែត្រ ChildContentនិងតេស្ត bUnit។
Nunjucks
ម៉ាក្រូដែលបង្ហាញលើម៉ាស៊ីនមេសម្រាប់ Eleventy និងបំពង់គំរូ Node ណាមួយ។
ស្ទាក់ស្ទើរ? ចាប់ផ្តើមជាមួយ HTML — វាបង្រៀនកិច្ចសន្យា class hook ដែលក្របខណ្ឌផ្សេងទៀតទាំងអស់ចែករំលែក ហើយវាដំណើរការដោយផ្ទាល់ពីឯកសារ។
ចូលជ្រៅជាងនេះ
ស្បែក
ភ្ជាប់ស្បែករួចជាស្រេច ៥៧ មួយ — NHS, GOV.UK, USWDS ភ្លឺ ងងឹត និងច្រើនទៀត — បដិសេធវាដោយ CSS របស់អ្នកផ្ទាល់ ហើយបន្ថែមការប្តូរស្បែកពេលដំណើរការជាមួយជំនួយការ theme-picker។
ជំនួយការចំណូលចិត្ត
ផ្តល់ឱ្យអ្នកប្រើនូវការគ្រប់គ្រងស្បែក ភាសា ទំហំអក្សរ ចលនា ការស្វែងរក តំណទំព័រ ការចែករំលែក និងការបញ្ចូលកាលបរិច្ឆេទ/ពេលវេលា ជាមួយ theme-picker, locale-picker, text-size-picker, motion-picker, search-picker, link-picker, share-picker និង date-time-picker៖ ការគ្រប់គ្រងគ្មានក្បាលជាមួយភាពស្ថិតស្ថេរ សុវត្ថិភាព SSR និងការរកឃើញ RTL ស្វ័យប្រវត្តិ។
បន្ទាប់ពីមេរៀន
- រុករក កាតាឡុកសមាសភាគ — សមាសភាគនីមួយៗចងក្រងឯកសារលក្ខណៈសម្បត្តិ កិច្ចសន្យា ARIA និងអាកប្បកិរិយាក្តារចុចរបស់វា។
- ចម្លង កម្មវិធីគំរូ ដើម្បីមើលសមាសភាគទាំង ៥៧១ មានរចនាប័ទ្ម និងដំណើរការជាមួយគ្នា — CSS កំណត់គោលដៅ class hook ដូចគ្នាដែលអ្នកទើបតែប្រើ ដូច្នេះចម្លងផ្នែកណាមួយចូលគម្រោងរបស់អ្នក ហើយកែតាមចិត្ត។
- មានសំណួរ? ទំព័រជំនួយ មានចម្លើយ សំណួរញឹកញាប់ និងវិធីទាក់ទងមនុស្សដែលរួសរាយ។ ហើយប្រសិនបើមេរៀនអាចច្បាស់ជាងនេះ ប្រាប់យើង — យើងនឹងកែលម្អវាដោយអំណរ។