For Android device For iOS device

ធ្នូ

Tool សម្រាប់ Web Developer

Firefox គឺជា​ browser ​ដែល​ web designers និង​ developers ជា​ច្រើន​ជ្រើសរើស​ប្រើ ដោយសារ​តែ browser នេះមាននួវ add-ons មានប្រយោជន៍ ជា​ច្រើន ហើយអាចយកមក​ប្រើ​ដោយឥតគិតថ្លៃថែមទៀត ។

សូមចុច Like គេហទំព័រ www.antkh.com ដើម្បី​ទទួលបានអត្ថបទថ្មីៗ​ប្រចាំ​ថ្ងៃ​

FIREBUG

គឺជា add-on ​ដែល​ទទួលបានការពេញ​និយម​ជាងគេ​បំផុត​សម្រាប់ web developer Firebug ​ត្រូវបាន​ដំឡើង​បញ្ចូល​ទៅ​ក្នុង Firefox ដើម្បី​ទទួលបាន​នូវ​ភាព​សម្បូរ​បែប​ក្នុង web development ។ ជាមួយ Firefox អ្នកអាចកែប្រែ debug និងត្រួត​ពិនិត្យ CSS, HTML និង JavaScript បានដោយ​ផ្ទាល់​នៅពេល​ដែល​អ្នក​កំពុង browse នៅគ្រប់ web page ​ទាំងអស់ ។

​ដំឡើង FIREBUG

បើក browser Firefox រួចចូល​ទៅកាន់​គេហទំព័រ https://addons.mozilla.org រួចវាយពាក្យ firebug ​ក្នុង​ប្រអប់ Search ​ដែល​នៅ​ផ្នែក​ខាង​ស្ដាំ  

​លទ្ធផល​នឹង​បង្ហាញ firebug នៅ​ខាងលើ​គេ

​បន្ទាប់មក សូមចុចលើ Button Add to Firefox ​ដែល​នៅខាង​ស្ដាំ​នៃ លទ្ធផល​ firebug  ដើម្បី​ដំឡើង​ទៅ​ក្នុង​ Firefox  ។ បន្ទាប់ពី​ចុចសូមរង់ចាំ​រហូត​ដល់​ដំណើរ​ការ​ចប់ ដែល​នៅលើ​ផ្ទាំង​ add-on អាចចុចលើ button install បាន ។

រង់ចាំ​រហូត​ដល់​ដំឡើង ចប់ ហើយ​វានឹង​បង្ហាញ​នៅ​ផ្នែក​ខាងលើ និងខាង​ស្ដាំ​នៃ browser នោះ​មានន័យថា​អ្នកបាន​ដំឡើង firebug ជោគជ័យ ។  

ចូល​ទៅកាន់ website ​ណាមួយ​ដែល​អ្នក ចង់​ធ្វើការ debug ហើយ ចុចលើរូប firebug

ឧទាហរណ៍​៖

​ខ្ញុំ​ចូល​ទៅកាន់ website របស់ អាន www.antkh.com ហើយចុចលើ firebug icon 

​ផ្ទាំង​ខាង​ឆ្វេង (HTML) បង្ហាញ​ពីកូដ HTML របស់ web page ​ដែល​យើង​កំពុង​មើល ។ វាមាន​លក្ខណៈ​ងាយជាង view source (វិធីចាស់) ព្រោះ​វា​តម្រៀប​ជា​ផ្នែក​ៗ​ងាយយល់រួមផ្សំ​ជាមួយនឹង tool inspect

ធ្វើ​ឲ្យ​យើងងាយ​ស្វែងរក​កូដ HTML នៅគ្រប់ block ​ទាំងអស់​របស់ web page

ការ​ប្រើ INSPECT TOOL

បើក web page ​ដែល​លោកអ្នក​ចង់សាកល្បងមើលកូដ រួចបើក firebug ​បន្ទាប់មក​ចុច inspect tool ដើម្បី​ប្រើ ហើយចុច​ផ្នែក​ណាមួយ នៃ​ web page ​ដែល​អ្នកចង់មើលកូដ ។

នោះ​វានឹង​បង្ហាញ​កូដ HTML និង CSS របស់​ផ្នែក​ដែល​អ្នកបានចុច

ឧទាហរណ៍​៖ ខ្ញុំ​ប្រើ​ inspect tool ចុចត្រង់ logo របស់អាន នោះ​ផ្នែក HTML ​បង្ហាញ​កូដ HTML

និងកូដ​ក្នុង​ផ្នែក CSS 

​លក្ខណៈ​ពិសេស​ជា​ច្រើន​ទៀតមាន​នៅពេល​ក្រោយ សូមអរគុណ !

*** ដកស្រង់ចេញពី​ទស្សនាវដ្ដី​អាន-ANT ព្រមទាំង​កែ​សម្រួល​នឹង​ធ្វើការ update ឡើងវិញនៅខែសីហា ឆ្នាំ ២០១៦

*** មុខវិជ្ផា PHP+MySQL តម្លៃ ១០០ដុល្លា ឬ ៤០០០០០រៀល សម្រាប់ Course Outline នៃ​វគ្គ​នេះ http://training.antkh.com/php_and_mysql.aspx

*** មុខវិជ្ផា Web Design with CSS + Bootstrap តម្លៃ ៨០ដុល្លា ឬ ៣២០០០០រៀល សម្រាប់ Course Outline នៃ​វគ្គ​នេះ http://training.antkh.com/website_design_with_css.aspx

*** សម្រាប់​ស្នាដៃសិស្ស​ដែល​បាន​បញ្ចប់​វគ្គ​គេហទំព័រជា​ច្រើន នៅអាន-ANT http://training.antkh.com/achievements/?c=web

*** សូម​ចូលរួម​ជាសមាជិក ANT Training Group ដើម្បី​តាមដានសម្មភាពប្រចាំ​ថ្ងៃ​ជាមួយអាន-ANT
*** ចុច Like គេហទំព័រ www.antkh.com ដើម្បី​ទទួលបានអត្ថបទថ្មីៗ​ដែល​ទាក់ទងនឹង​បច្ចេកវិទ្យា​រៀងរាល់​ថ្ងៃ​

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា