CodePen៖ បង្កើតសាកល្បងចែករំលែកនិងស្វែងយល់ពី HTML, CSS និង JavaScript

Codepen: បង្កើត, ការសាកល្បង, និងស្វែងយល់ពីក្រមមុខកាត់

បញ្ហាប្រឈមមួយជាមួយប្រព័ន្ធគ្រប់គ្រងមាតិកាគឺការសាកល្បងនិងផលិតឧបករណ៍ស្គ្រីប។ ខណៈដែលនោះមិនមែនជាតម្រូវការសម្រាប់អ្នកបោះពុម្ពផ្សាយភាគច្រើនដូចជាការបោះពុម្ពផ្សាយបច្ចេកវិទ្យាខ្ញុំចូលចិត្តចែករំលែកស្គ្រីបធ្វើការពីមួយពេលទៅមួយពេលដើម្បីជួយមនុស្សដទៃទៀត។ ខ្ញុំបានចែករំលែកពីរបៀបប្រើ JavaScript ដើម្បីពិនិត្យមើលភាពខ្លាំងនៃលេខសំងាត់, របៀបដើម្បី ពិនិត្យវាក្យសម្ព័ន្ធអាសយដ្ឋានអ៊ីមែលដោយប្រើកន្សោមធម្មតា (Regex) ហើយថ្មីៗនេះបានបន្ថែមនេះ ម៉ាស៊ីនគិតលេខដើម្បីព្យាករណ៍ពីផលប៉ះពាល់នៃការលក់តាមអ៊ីនធឺណិត។ ខ្ញុំសង្ឃឹមថានឹងបន្ថែមឧបករណ៍រាប់សិបនៅលើវែបសាយត៍ប៉ុន្តែប្លក, រូបភាពពិតជាមិនមានអំណោយផលក្នុងការបោះពុម្ពផ្សាយដូចនេះទេ…វាជាប្រព័ន្ធមាតិកាមិនមែនជាប្រព័ន្ធអភិវឌ្ឍន៍ទេ។

ដូច្នេះដើម្បីឱ្យស្គ្រីបតូចរបស់ខ្ញុំដំណើរការខ្ញុំចូលចិត្តប្រើ CodePen ។។ CodePen គឺជាឧបករណ៍ដែលបានរៀបចំយ៉ាងល្អជាមួយនឹងបន្ទះ HTML, បន្ទះ CSS, បន្ទះ JavaScript, កុងសូលនិងការផ្សព្វផ្សាយអំពីកូដលទ្ធផល។ បន្ទះនីមួយៗមានព័ត៌មាននៅពេលអ្នកកណ្តុរលើធាតុដើម្បីឱ្យអ្នកយល់ពីអ្វីដែលអាចធ្វើបានក៏ដូចជាការសរសេរកូដពណ៌ HTML, CSS និង JS របស់អ្នកដើម្បីជួយអ្នកក្នុងការកែសម្រួលនិងសរសេរកាន់តែងាយស្រួល។

CodePen គឺជាបរិដ្ឋានអភិវឌ្ឍន៍សង្គម។ នៅក្នុងបេះដូងវាអនុញ្ញាតឱ្យអ្នកសរសេរកូដនៅក្នុងកម្មវិធីរុករកហើយមើលលទ្ធផលរបស់វានៅពេលអ្នកបង្កើត។ កម្មវិធីកែកូដអ៊ិនធរណេតដែលមានប្រយោជន៍និងរំដោះសម្រាប់អ្នកអភិវឌ្ឍន៍ជំនាញណាមួយនិងជាពិសេសផ្តល់អំណាចដល់មនុស្សដែលរៀនសរសេរកូដ។ CodePen ផ្តោតជាចម្បងលើភាសាខាងមុខដូចជា HTML, CSS, JavaScript និងសំយោគដែលកំពុងដំណើរការដែលប្រែទៅជារបស់ទាំងនោះ។

អំពី CodePen

ជាមួយ CodePen ខ្ញុំអាចធ្វើកិច្ចការទាំងអស់ដែលចាំបាច់ ផ្សព្វផ្សាយម៉ាស៊ីនគិតលេខ ខ្ញុំបានបង្កប់នៅក្នុងគេហទំព័រ។ ការបង្កើតភាគច្រើននៅលើ CodePen គឺជាប្រភពសាធារណៈនិងបើកចំហ។ វាជារបស់ដែលមានជីវិតដែលមនុស្សផ្សេងទៀតនិងសហគមន៍អាចធ្វើអន្តរកម្មបានពីការគិតបែបសាមញ្ញរហូតដល់ការបញ្ចេញមតិការបង្កើតនិងការផ្លាស់ប្តូរសម្រាប់តម្រូវការផ្ទាល់ខ្លួន។

CodePen - ម៉ាស៊ីនគិតលេខសម្រាប់ព្យាករណ៍ពីផលប៉ះពាល់នៃការលក់តាមអ៊ិនធរណេត

ជាមួយ CodePen អ្នកអាចផ្លាស់ប្តូរទស្សនៈរបស់អ្នកប្រសិនបើអ្នកចង់អោយខ្ទះនៅខាងឆ្វេងស្តាំឬបាតនៅពេលអ្នកធ្វើការ ... ឬមើល HTML នៅក្នុងផ្ទាំងថ្មី។ ទិដ្ឋភាពចំហៀងនឹងដំណើរការល្អមិនគួរឱ្យជឿដើម្បីសាកល្បងការកំណត់ឆ្លើយតបរបស់អ្នកព្រោះអ្នកអាចកែតម្រូវទំហំរបស់ផ្ទាំងដែលអាចមើលបាន។

អ្នកអាចរៀបចំស្គ្រីបធ្វើការរបស់អ្នកចូលទៅក្នុងប៊ិចបញ្ចូលគ្នាពួកវាទៅក្នុងគម្រោង (កម្មវិធីនិពន្ធពហុឯកសារ) ឬបង្កើតការប្រមូលផ្តុំ។ វាជាមូលដ្ឋានបណ្តាញផលប័ត្រដែលកំពុងធ្វើការសម្រាប់លេខកូដផ្នែកខាងមុខដែលអ្នកអាចតាមដានអ្នកនិពន្ធផ្សេងទៀតដាក់គម្រោងដែលបានចែករំលែកជាសាធារណៈផ្សេងទៀតចូលទៅក្នុងរបស់អ្នកដើម្បីកែប្រែហើយថែមទាំងរៀនពីរបៀបធ្វើវត្ថុរីករាយមួយចំនួនតាមរយៈឧបសគ្គ។

អ្នកអាចរក្សាទុកជា GitHub Gist នាំចេញក្នុងឯកសារ zip និងសូម្បីតែ បង្កប់ ប៊ិចនៅក្នុងអត្ថបទដូចនេះ៖

មើលប៊ិច
ផលប៉ះពាល់នៃការលក់តាមការប៉ាន់ស្មាននៃការត្រួតពិនិត្យតាមអ៊ីនធឺណិត
by Douglas Karr (@douglaskarr)
on CodePen ។.


ដែនកំណត់មួយនៃកម្មវិធីនិពន្ធប៉ែនគឺបរិមាណកូដដែលមានទំហំតូចជាង។ អ្នកប្រហែលជាមិនដែលឆ្លងកាត់បញ្ហានេះទេព្រោះកម្មវិធីនិពន្ធគួរតែល្អជាមួយលេខកូដរាប់រយឬរាប់ពាន់រាប់ពាន់។ ប៉ុន្តែនៅពេលដែលពួកគេចាប់ផ្តើមវាយលេខកូដចំនួន ៥,០០០ - ១០០,០០០ ឬច្រើនជាងនេះអ្នកនឹងឃើញកម្មវិធីនិពន្ធចាប់ផ្តើមបរាជ័យ។ ទោះយ៉ាងណាអ្នកអាចបន្ថែមសេចក្តីយោងខាងក្រៅទៅកាន់សន្លឹករចនាប័ទ្មឬ JavaScript ដែលមាននៅកន្លែងផ្សេងទៀត!

ខ្ញុំលើកទឹកចិត្តឱ្យអ្នកចុះឈ្មោះ។ អ្នកនឹងត្រូវបានជាវប្រចាំទៅអ៊ីមែលប្រចាំសប្តាហ៍របស់ពួកគេហើយអ្នកក៏អាចបន្ថែមមតិព័ត៌មានទៅក្នុងចំណី RSS របស់អ្នកដូច្នេះអ្នកអាចមើលឃើញប៊ិចដែលបានផ្សព្វផ្សាយថ្មីៗ។ ហើយប្រសិនបើអ្នកចាប់ផ្តើមស្វែងរកឬរុករកប៊ិចសាធារណៈនៅទីនោះអ្នកនឹងឃើញគំរោងមិនគួរឱ្យជឿមួយចំនួន…អ្នកប្រើប្រាស់មានទេពកោសល្យណាស់!

អនុវត្តតាម Douglas Karr នៅលើ Codepen

កំណែដែលបានបង់គឺ CodePen Pro ផ្តល់ជូននូវលក្ខណៈពិសេសបន្ថែមជាច្រើនទៀតសម្រាប់មុខងារឬក្រុមដែលបានធ្វើឱ្យប្រសើរឡើង - រួមទាំងកិច្ចសហការដំណើរការផ្ទេរទ្រព្យសម្បត្តិការមើលឯកជននិងសូម្បីតែគម្រោងដែលបានដាក់ពង្រាយជាមួយដែនឬដែនរងផ្ទាល់ខ្លួនរបស់អ្នក។ ហើយជាការពិត CodePen ផ្តល់នូវឃ្លាំងដ៏អស្ចារ្យមួយជាមួយនឹងការរួមបញ្ចូល Github ដែលក្រុមរបស់អ្នកទាំងមូលអាចធ្វើការបាន។ ប្រសិនបើអ្នកគ្រាន់តែចង់សាកល្បងកូដសាមញ្ញមួយចំនួនដូចជាខ្ញុំនោះ CodePen គឺជាឧបករណ៍ដែលមិនអាចកាត់ថ្លៃបាន។

តើ​អ្នក​គិត​អ្វី?

តំបន់បណ្ដាញនេះប្រើ Akismet ដើម្បីកាត់បន្ថយសារឥតបានការ។ សិក្សាអំពីរបៀបដែលទិន្នន័យរបស់អ្នកត្រូវបានដំណើរការ.