សេចក្តី​ផ្តើ​ម​ដល់​ការ​អភិវឌ្ឍ​បណ្ដាញ​មួយ

HTML 5 logo on an iPhone smartphone with app icons around it in a cloud
សូម​ស្វាគមន៍​មក​កាន់​បណ្ដាញ.

ត្រឡប់​មក​វិញ​នៅ​ថ្ងៃ​ខ្ញុំ (យល់ព្រម, មុន​ពេល​ថ្ងៃ​របស់​ខ្ញុំ), វិជ្ជាជីវៈ​មេធាវី​ជា​វិជ្ជាជីវៈ​នៃ​ការ​អភិវឌ្ឍន៍​បណ្ដាញ​នេះ​គឺ​ជា​កម្រិត​ទាប​មួយ. វា​ជាប់​ចំណាត់​ថ្នាក់​ខាង​ក្រោម hater កុន​ឆ្កេ​ប៉ុន្តែ​ខាង​លើ​កង្ហារ Yankee នៅ​លើ​មាត្រដ្ឋាន​នៃ​កិត្តិយស​វិជ្ជាជីវៈ. ដោយ​សារ​តែ​ស្លាក​ទាំងអស់​និង​រូបភាព​តម្លាភាព​យើង​បាន​ប្រើ​ឧបករណ៍ spacer, យើង​ត្រូវ​បាន​គេ​មើល​ឃើញថា​ជា​ពួក Hacker ប្រេង​ឆៅ​មាន​ស្មារតី​សោ​ភ័​ណ្ឌ​ទេ.

ផង​ដែរ, យើង​អាច​នៅ​តែ​ត្រូវ​បាន​ការ​ខ្វះ​ខាត​នៅ​ក្នុង​ន័យ​សា​ភ័​ណ​ភ្ព, ប៉ុន្តែ​ជា​បណ្ដាញ​បាន​បង្កើត​ដូច្នេះ​មាន​វិជ្ជាជីវៈ​នៃ​ការ​អភិវឌ្ឍន៍​បណ្ដាញ. ប៉ុន្មាន​ថ្ងៃ​មក​នេះ​មាន​ឧបករណ៍​ជាច្រើន​រាប់​មិន​អស់​យើង​អាច​ប្រើ​ដើម្បី​ធ្វើ​ឱ្យ​បាន​ល្អ​សរសេរ, ស្តង់​ដា​រ​អនុលោម​-, និង​ស្រស់​ស្អាត (យល់ព្រម, ប្រហែល​ជា​មិន​ថា​ចុង​ក្រោយ​មួយ) ទំព័រ​បណ្ដាញ. ភាគ​ច្រើន​នៃ​គេហទំព័រ​ដ៏​អស្ចារ្យ​មួយ​ដែល​អ្នក​ប្រើ​នៅ​ថ្ងៃ​នេះ (កម្មវិធី​ជំនួយ​មិន​ខ្មា​ស់: រួម​ទាំង​ការ​មួយ​នេះ) ត្រូវ​បាន​សាង​សង់​ឡើង​ដោយ​ប្រើ​ឧបករណ៍​ទាំងនេះ.

bevy របស់​យើង​នៅ​លើ​ចុង​នៃ​ឧបករណ៍​កម្មវិធី​រុករក​របស់​បាន​អនុញ្ញាត​ឱ្យ​យើង​បង្កើត​នូវ​រឿង​លើ​គេហទំព័រ​ដែល​ត្រូវ​បាន​គេ​មិនអាច​នឹង​មាន​សង្ឃឹម​នោះ​គ្រាន់​តែ​ជា 10 ឆ្នាំ​មុន, ដូច​​​ជា​ប​ណ្តា​ញ​សង្គម​ជាច្រើន​រាប់​មិន​អស់​អះអាង​ថា​ជា​វិធី​ដ៏​ល្អ​បំផុត​ដែល​ត្រូវ​ចំណាយ​ពេល​វេលា​របស់​អ្នក, “ក្តៅ” ការ​ចាប់ផ្ដើម​អាជីវកម្ម​ថ្មី​បច្ចេកវិទ្យា​អះអាង​ថា​បាន​បដិវត្ត​អ្វី​មួយ​ដែល​ត្រូវ​បាន​គេ​ធ្វើ​បាន​មួយ​ពាន់​ដង​រួច​ទៅ​ហើយ, និង​ក្លូន​ហ្គេម Angry Birds ដោយ​អះអាង​ថា​មាន​តែ​បន្តិច​អាក្រក់​ជាង​ដើម. ទាំងអស់​នៅ​លើ​បណ្ដាញ. ដូច្នេះ​ប្រហែល​ជា​ឧបករណ៍​ទាំងនេះ​មិន​បាន​ទៅ​បាន​ដ៏​អស្ចារ្យ​បំផុត​នៃ​ការប្រើប្រាស់.

ដូច្នេះ​អ្វី​ដែល​ជា​ឧបករណ៍​ដ៏​អស្ចារ្យ​ទាំង​នេះ​ខ្ញុំ​ធ្លាប់​បាន​និយាយ​អំពី​ការ? នាំ​មុខ​គេ​វិធី​ដែល​ត្រូវ​បាន (អស្ចារ្យ​យាយ​ដោយ​ស្មោះ​ត្រង់) ភាសា​ដែល​គេ​ហៅ​ថា HTML5, CSS3, និង JavaScript, សម្មតិ​នាម​ដែល​ខ្ញុំ​បាន 3 horsemen នៃ webocalypse នេះ. នេះ​ជា​ក្រឡេក​មើល​មួយ​គ្នា​មួយ:

HTML ដែល

HTML ដែល (បាន​គេ​ស្គាល់​ថា​ជា​ការ​ត្រឹមត្រូវ Hypertext Markup ភាសា; អ្នក​អាច​មើល​ឃើញ​ហេតុ​អ្វី​បាន​ជា​មនុស្ស​ដែល​មិន​ចង់​មើល​ទៅ​អាក្រក់​គ្រាន់​តែ​ប្រើ​អក្សរ​កាត់​នេះ) ជា ភាសា​ដែល​ប្រើ​ដើម្បី​ដាក់​ចេញ​ទំព័រ​បណ្ដាញ. ចុច​កណ្ដុរ​ខាង​ស្ដាំ​នៅ​លើ​ទំព័រ​នេះ​ហើយ​ចុច “មើល​ប្រភព”. នោះ​ហើយ​ជា HTML ដែល​ទំព័រ​នេះ​ប្រើ.

សំខាន់, HTML ដែល​គឺ​ជា bunch នៃ​មួយ ស្លាក, ដែល​កម្មវិធី​រុករក បកប្រែ​និង​ដាក​​់​ចេញ. ឧទាហរណ៍, ពិនិត្យ​មើល​កូដ HTML នេះ:

<ទំ>ខ្ញុំ​មិន​ដឹង​ពី​អ្នក, ប៉ុន្តែ​ខ្ញុំ​ចូល​ចិត្ត​ប៊ូតុង​ចុច​។</ទំ>

<លោក>

<ប៊ូតុង>ចុច​ខ្ញុំ!</ប៊ូតុង>

កូដ HTML នេះ​បាន​រុំ​អត្ថបទ​ក្នុង​កថាខណ្ឌ​មួយ (នេះ <ទំ> ស្លាក​ចាប់​ផ្តើ​ម​កថាខណ្ឌ, នេះ </ទំ> ស្លាក​បញ្ចប់​កថាខណ្ឌ​មួយ​។) មាន​ការ​បំបែក​បន្ទាត់​មួយ (នេះ <លោក>) ហើយ​បន្ទាប់​មក​ប៊ូតុង​មួយ​អ្នក​អាច​ចុច​ទៅ​មាតិកា​បេះដូង​របស់​អ្នក. កម្មវិធី​រុករក​របស់​អ្នក​នឹង​ដាក​​់​វា​ចេញ​នៅ​លើ​អេក្រង់​សម្រាប់​អ្នក.

ដូច្នេះ​នោះ​ជា​អ្វី​ដែល​ល្អ​និង​ល្អ. ប៉ុន្តែ​ប្រសិន​បើ​អ្នក​មាន​អ្វី​សោះ​ប៉ុន្តែ​ជា HTML, you get a webpage that looks like it came straight out of the 1990’s. មិន​ល្អ​ជា​ច្រើន​ចេញ​មក​ក្រៅ​ទសវត្ស​ថា​យ៉ាង​ណា​ក៏​ដោយ (ស្ទីល​ម៉ូដ​សក់​បាន, តន្ត្រី, ល) ប៉ុន្តែ​រង់ចាំ! មាន​ច្រើន​ទៀត!

CSS បាន

អក្សរ​កាត់​ផ្សេង​ទៀត. នៅ​រដូវ​ក្តៅ. CSS បាន​តំណាង​ឱ្យ សន្លឹក​រចនាប័ទ្ម​ល្បាក់, ដែល​ត្រូវ​បាន​បន្តិច misnomer មួយ​ចាប់​តាំង​ពី​ពួក​គេ​ពិត​ជា​មិន cascade (អ្វី​ក៏​ដោយ​ដែល​មាន​ន័យ​ថា… វា​ជា​កូដ​កុំ​ព្យូ​ទ័​រ, មិន​ទឹកជ្រោះ​មួយ!) CSS បាន​ជា ភាសា​រចនាប័ទ្ម​ដែល​បាន​ប្រើ​ដើម្បី​ទំព័រ​បណ្ដាញ. នេះ, ផង​ដែរ, ត្រូវ​បាន​ប​ក​ប្រែ​ដោយ​កម្មវិធី​រុករក​របស់​អ្នក.

CSS និង HTML ដែល​ការងារ​រួម​គ្នា – HTML ដែល​ធ្វើ​ឱ្យ​ប្លង់​ទំព័រ​នេះ, CSS បាន​ផ្ដល់ flair របស់​ខ្លួន. ស្រមៃ​កសាង​ផ្ទះ​មួយ: HTML ដែល​ផ្តល់​នូវ​ក្របខណ្ឌ​ឈើ​នោះ​ទេ​ប៉ុន្តែ​ចាំបាច់ drab, CSS បាន​បន្ថែម​ពណ៌​អ៊ី​យូ​តា​និង​គ្រឿង​សង្ហា​រឹម quirky.

CSS បាន​ជា​ភាសា​ត្រង់​ស្អាត: សម្រាប់​ស្លាក HTML ដែល​ជាក់លាក់​មួយ (ដូច​​​កថាខណ្ឌ), អ្នក​អាច​បញ្ជាក់​តម្លៃ​សម្រាប់​ថ្នាក់​រចនាប័ទ្ម​ជាច្រើន. កម្មវិធី​រុករក​របស់​អ្នក​នឹង​អាន CSS បាន​និង​អនុវត្ត​វា​ទៅ​ស្លាក HTML ដែល​ផ្គូផ្គង​ទាំងអស់. ឧទាហរណ៍:

ទំ {

ពណ៌: ពណ៌​ក្រហម;

ពុម្ព​អក្សរ​ទំហំ: 16ភិ​ច​សែល;

}

ដូច្នេះ​ជា​រៀង​រាល់​កថាខណ្ឌ (វត្ថុ​ក្នុង HTML នេះ <ទំ> ស្លាក) នឹង​មាន ពណ៌​ក្រហម ពុម្ព​អក្សរ​និង​ត្រូវ​បាន 16 ភីកសែល​នៅ​ក្នុង​ទំហំ. ប្រសិន​បើ​អ្នក​បាន​កត់​សម្គាល់​ឃើញ, ទាំង​នេះ​គឺ​ជា​រចនាប័ទ្ម​មួយ​ចំនួន​ដូច​គ្នា​នេះ​ដែរ​អ្នក​អាច​ប្រើ​ប្រាស់ Microsoft Word និង​កម្មវិធី​ផ្សេង​ទៀត.

ដូច្នេះ​ឥឡូវ​នេះ​ទំព័រ​បណ្ដាញ​របស់​អ្នក​ត្រូវ​បាន​ដាក់​ចេញ​ហើយ​ពួក​គេ​មើល​ទៅ​ស្អាត. ប៉ុន្តែ​នៅ​ទីនេះ​គឺ​ជា​រឿង​ដែល: នោះ​ជា​អ្វី​ដែល​ពួក​គេ​ធ្វើ. ពួក​គេ​គ្រាន់​តែ​អង្គុយ​នៅ​ទីនោះ​ហើយ​មើល​ទៅ​ស្អាត. ដែល​ជា​ដ៏​អស្ចារ្យ​និង​ទាំងអស់, ប៉ុន្តែ​អ្នក​ប្រើ​ប្រាស់​បណ្ដាញ​ចង់​បាន​កាន់​តែ​ច្រើន. ពួក​គេ​ចង់​បាន​ពុម្ព​អក្សរ​ក្បូរក្បាច់​ចលនា. ពួក​គេ​ចង់​បាន​ការ​លេចឡើង (យល់ព្រម, ប្រហែល​ជា​ពួក​គេ​បាន​ធ្វើ​វិញ​នៅ​ក្នុង 2002, ប៉ុន្តែ​ខ្ញុំ digress ។) ពួក​គេ​ចង់​បាន​ប៊ូតុង​ដែល​នឹង​ធ្វើ​វត្ថុ​នៅ​ពេល​ដែល​អ្នក​ចុច​លើ​ពួក​គេ.

អំពី​មុន​ថា​មួយ – នោះ​ហើយ​ជា​បញ្ហា​មួយ. អ្នក​អាច​ធ្វើ​ឱ្យ <ប៊ូតុង> ក្នុង HTML, ហើយ​អ្នក​អាច​ចុច​វា​ស​ប្តា​ហ៍​ទាំងអស់, ប៉ុន្តែ​វា​មិន​ធ្វើ​អ្វី​ពេល​ណា​មួយ​ឆាប់. ប្រសិន​បើ​អ្នក​ចង់​ប៊ូតុង​ដើម្បី, អូ​ខ្ញុំ​មិន​ដឹង​ថា, ផ្លាស់ទី​ដំរី​របស់​អ្នក​ទូទាំង​អេក្រង់​និង​វាយ​ប្រហារ​អ្វី​មួយ, then you need something more.

JavaScript បាន

JavaScript ត្រូវ​បាន មិន អក្សរ​កាត់, ប្រសិន​បើ​អ្នក​ត្រូវ​បាន​គេ​ឆ្ងល់. ពួក​គេ​បាន​ហៅ​វា JavaScript បាន​ដោយ​សារ​តែ​វា​មើល​ទៅ​ដូច​ជា​ភាសា​សរសេរ​កម្មវិធី Java ដែល​គេ​ហៅ​ថា, ដែល​ជា​មូល​ហ​តុ​ចំ​លែក​វា​មិន. ទោះ​យ៉ាង​ណា, JavaScript ត្រូវ​បាន a proper programming language that causes all the dynamic effects អ្នក​ឃើញ​នៅ​លើ​ប​ណ្តា​ញ.

ដូច​​​ជា​ភាសា​សរសេរ​កម្មវិធី​ណាមួយ, JavaScript ត្រូវ​បាន ស៊េរី​នៃ​ពាក្យ​បញ្ជា​ដែល​ធ្វើ​ឱ្យ​អថេរ​និង​ប្រើ​មុខងារ​មួយ. ផ្នែក​ត្រជាក់​អំពី JavaScript បាន (ល្អ, ដូច​​​ជា​ត្រជាក់​ជា​ភាសា​សរសេរ​កម្មវិធី​មួយ​ដែល​អាច​ត្រូវ​បាន) គឺ​ថា​អ្នក​អាច​ចូល​ដំណើរការ​ធាតុ HTML ដែល​ទាំង​នោះ (like paragraphs and buttons) and CSS styles (like font color and size) and change them. Look at this code:

var paragraph = $(‘p’);

paragraph.css(‘color’,’blue’);

This JavaScript code will find all the paragraphs on the page – នេះ $ sign tells the browser to find all matching elements, and the ‘pmeans it needs to choose paragraphs (remember the <ទំ> element from HTML?) Then you can store the paragraphs to a variable, and the command the browser to change their color CSS style to blue.

What I find interesting (again, នេះ​គឺ​ជា​ទស្សនៈ​ទូទៅ​អំពី​មួយ “webdev”) គឺ​ជា​របៀប elegantly ភាសា​រ​ទាំង​បី​ធ្វើ​ការ​រួម​គ្នា. ថា​បន្ទាត់​ចុងក្រោយ​នៃ JavaScript បាន HTML ដែល​ទាក់ទង​នឹង​ទំព័រ​នេះ​និង CSS ដែល​ត្រូវ​បាន​ប្រើ​ដើម្បី​រចនាប័ទ្ម​វា. វា​មិន​ដូច​ភាសា​ទាំង​នេះ​គឺ​គ្រាន់​តែ​ជា​សមាសភាគ​ផ្សេង​គ្នា​នៃ​រឿង​ដូច​គ្នា – ពួក​គេ​មួយ​និង​ដូចគ្នា, ភាគី​ផ្សេង​គ្នា​នៃ​ម៉ាស៊ីន​ដ៏​អស្ចារ្យ​ដូចគ្នា.

សំឡេង​គួរ​ឱ្យ​ចាប់អារម្មណ៍? ខ្ញុំ​គិត​ថា​វា​មិន. ថា​គ្រាន់​តែ​ជា​ផ្នែក​មួយ​នៃ​សម្រស់​នៃ​វែ​ប​សាយ.

Published by

Neel Mehta

Harvard College. Web developer. Sometime philosopher. Baseball junkie.

One thought on “សេចក្តី​ផ្តើ​ម​ដល់​ការ​អភិវឌ្ឍ​បណ្ដាញ​មួយ”

  1. wow was surprised to find out that u wrote it, good job it is a nice lead into this for me before i go to sawyer’s web programming packets.

Leave a Reply