ទាញយក Job Announcement ពី Bongthom មកដាក់លើ Website របស់អ្នក
ចង់រកការងារមែនទេ? លោកអ្នកពិតជានឹកដល់ Bongthom.com មុនគេហើយ ព្រោះនរណាៗ ក៏ស្គាល់ដែរថា បងធំ ជា Website ធំជាងគេក្នុងស្រុកខ្មែរសម្រាប់ស្វែងរកការងារ និង ការប្រកាសលក់របស់របរផ្ទាល់ខ្លួន…។
ពេលនេះខ្ញុំសូមបង្ហាញពីវិធីសាស្ត្រ ក្នុងការទាញ Job Announcement ពី Bongthom.com មកដាក់លើទំព័រ Website របស់លោកអ្នក។ នេះជាវិធីមួយអាចធ្វើអោយទំព័ររបស់លោកអ្នក កើនឡើងនូវចំនូនអ្នកទស្សនាផងដែរ។
លោកអ្នកអាចទាញយក កូដនេះទៅដាក់បញ្ចូលនូវផ្នែកណាមួយក្នុង Website របស់លោកអ្នក ដោយឥតគិតថ្លៃ។ វាជាកូដ PHP 5 ជាមួយ Jquery( Javascript Library) ក្នុងការទាញយក Job Announcement ដោយប្រើ Ajax technology ក្នុងទាញយក ដែលមិនធ្វើអោយប៉ះពាលដល់ Speed នៃការ Load Website របស់លោកអ្នក។
Demo Download
1. index.php
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Job Listing</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<div id="wrapper">
<div id="job_list">
<img src="ajax-loader.gif" /></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$.get('jobs_list.php', function(data) {
$('#job_list').html(data);
});
//Navigation pages
});
</script>
</body>
</html>
<pre>
$.get('job_list.php', function(data) {$('#job_list').html(data);}); ជា Ajax function ទាញយក Data
ពី job_list.php រូចហើយបង្ហាញ
ទិន្នន័យទាំងអស់ ទៅ <div id="job_list">។
2. job_list.php
require_once 'RemoteConnector.php'; $url = 'http://bongthom.com/RSS/BTDCJobs.xml'; date_default_timezone_set('Asia/Bangkok'); try { $output = new Pos_RemoteConnector($url); $xml = new SimpleXMLElement($output); $i= 0; //$pages = ceil((count($xml->channel->item)/20)); $jobs = count($xml->channel->item); echo ' <h2>Bongthom Job List</h2> '; echo " <ul> <li>Total $jobs jobs avaible</li> </ul> "; foreach($xml->channel->item as $item){ $i++; ?> <strong> < ?php echo $i.'. ';?> <a href="<?php echo $item->link ?>">< ?php echo $item->title; ?></a></strong> <span>< ?php echo date('Y-m-d h:i a',strtotime($item->pubDate))?></span> < ?php echo $item->description; ?> < ?php } } catch (Exception $e) { echo $e->getMessage(); }jobs_list.php មាននាទីក្នុងការរៀបចំបង្ហាញទិន្នន័យដែលទាញមកពី Bongthom.com ដោយ Class Pos_RemoteConnector
មានទី ទាញយក Job Announcement ពី Bongthom.com ។ SimpleXMLElement ជា class របស់ PHP
សម្រាប់ Control xml file។
Mif.Menu Mootools ContextMenu
Mif.Menu ជា Context Menu ដែលដំណើរការជាមួយ Mootools library។ វាមានពីរ ស្ទីល សំរាប់យើងជ្រើសរើសគឺ ART style និង shadow style ។ វាអាច Support បានច្រើន level របស់ menu ដូចរូបខាងក្រោម ប្រភេទអាជ្ញាប័ណ្ណ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.។
GX Animations Framework
GX ជា animation framework ដែល Support គ្រប់ Web Browser ទាំង វាដំណើការដោយពឹងផ្អែកជាមួយ JQuery Library ហើយមានទំហំតូចបំតូច ត្រឹមតែ ១០KB ប៉ុណ្ណោះដែលយើងអាចយកទៅរចនាជា Animation ជាមួយ CSS បានយ៉ាងងាយ វាចេញផ្សាយក្រោម អាជ្ញាប័ណ្ណ MIT License។
ខាងក្រោមនេះជាលក្ខណៈមួយចំនួនរបស់ GX
- Support for animating every CSS property, including integers, colors, opacity and so on
- Support for Easing Equations (with GX.transitions.js)
- Support for multi-unit animations
- Support for relative animations
- Support for interacting with the animations (queue, cancel, pause and resume support)
- Support for using “ special” values (“ show” , “ hide” , “ toggle” )
- Support for adding new, customized features
- 0% Browser sniffing, 100% pure Javascript
- Respects the Strict Standards and doesn’t generate Javascript/CSS Warnings
- Completely Cross-Browser (IE 6+, Firefox 2+, Opera 9.25+, Safari 3+, Google Chrome)
MooGenda large calendar agenda UI for MooTools
Mootools គឺជា Javascript Framework មួយដែលកំពុងមានប្រជាប្រិយភាពសំរាប់ Web developer នាពេលបច្ចុប្បន្ន ហើយក៏មាន Plugin ច្រើនផងដែរ។
MooGenda ក៏ជា Plugin របស់ Mootools ផងដែរ វាជា Calendar កត់ត្រាសកម្មភាពប្រចាំថ្ងៃ ខាងក្រោមជាលក្ខណះមួយចំនួនដែល MooGenda អាចធ្វើបានៈ
- A javascript calendar based on MooTools.
- Read events from a JSON (like this)
- Double click on event to see the deafult event view.
- Double click on month’s day to see the default event to add memo to calendar.
- Drag and drop event in month view.
- Drag and drop and resize event in diary view.
- Every change send a request to back end, to store when and what changed in the event
The best 5 Javacript Frameworks
JavaScript ជា Client-side ដែលកំពុងពេញនិយមនាពេលបច្ចុប្បន្ននេះ ព្រោះវាធ្វើអោយ គេហទំព័រមានភាពស្រស់ស្អាត ទាកទាញ រស់វើក។ JavaScript ត្រូវបានគេយកទៅប្រើច្រើនផ្នែកក្នុង គេហទំព័រដួចជា Map (Google Map, Yahoo Map…), Mail (gmail, yahoo mail…), Reader ( google reader), online documents (Google Documents), Auto-Complete នេះជាផ្នែកមួយសំខាន់ផងដែរ សំរាប់គេហទំព័រ មានគេហទំព័រជាច្រើនបានប្រើបច្ចេកទេសសំរាប់សំរួលដល់ការស្វែងរក ពេលដែលយើងចង់រកអ្វីមួយគ្រាន់តែវាយពាក្យនោះ វានឹងផ្តល់លទ្ធអោយយើងភ្លាមៗ ព្រមទាំងចំនួនពាក្យនោះផងដែរ។ Search Engine បានប្រើ Auto-Complete នេះផងដែរសំរាប់សំរួលដល់ការស្វែងរក។
ក្រៅពីនេះនៅមានផ្នែកជាច្រើនទៀដែល JavaScript អាចធ្វើបាន ជាពិសេសនោះ Ajax ជាបច្ចេកវិទ្យាដែលកំពុងពេញនិយមបំផុតនាពេលបច្ចុប្បន្នសំរាប់ Web2.0។ ហើយនៅក្នុងប្រកាស់នេះដែខ្ញុំសូមលើកយក JavaScript Framework សំខាន់ៗចំនួន ៥ ដែលកំពុងពេញនិយមជាង។
១ Jquery
Jquery ជា JavaScript Framework មួយដែលកំពុងពេញនិយម មានល្បឿនលឿនទៀតផង។ Jquery បានក៏ឡើងក្នុងឆ្នាំ ២០០៥ ដែលសរសេដោយលោក John Resig ជាស្ថាបនិកមួយរូបរបស់ Web Browser ដ៏ល្បី Firefox។ ចំពោះ Framework មួយនេះត្រូវបាន Open Source មួយចំនូនយកទៅប្រើដូចជា WordPress, Drupal..
២Prototype
- prototype
Prototype ជា Framework មួយដែលចំណាសជាងគេ ហើយត្រូវបានប្រើច្រើនផងនៅក្នុងគេហទំព័រជាច្រើន។ Prototype ត្រូវបានដាកបញ្ចួលក្នុង Cakephp framework,
Ruby on rails framework ហើយ Hi5 Social Network ក៏ប្រើ Framework នេះដែរ។
៣ Mootools
- Mootools
Mootools ជា Object-Oriented JavaScript framework សំរាប់ JavaScript Developer ដែលមានកំរិតពីមធ្យម ដល់ កំរិតខ្ពស់ វាអនុញ្ញាតិអោយយើងសេរសេ powerful, flexible, និង cross-browser កូដ ជាមួយភាស្រស់ស្អាតរបស់វា។ Mootools ត្រូវបាន web developers ពេញចិត្តផងដែរ ហើយត្រូវបានប្រើជាមួយ Joomla CMS និង ក្រុមហ៊ុនរចនា Template មួយចំនួនទៀត។
៤ YUI
- Yahoo
YUI ជា JavaScript Framework ពេញនិយមផងដែរ ហើយត្រូវបានប្រើ ហើយឥឡូវចេញដល់ Version 2.7.0 ។ត្រូវបានប្រើ សេវាកម្មរបស់ ក្រុមហ៊ុន Yahoo នេះ ហើយក៏មាន Web Developers ប្រើវាផងដែរ។
៥ Dojo
Dojo ជា JavaScript មួយទៀតដែលយើងអាចយកមកបង្កើត ជា Web Application បានយ៉ាងស្រស់ស្អាត។ Dojo ត្រូវបានដាក់បញ្ចួលទៅ Zend Framewrok
ចំនាយពេល ៤ ម៉ោងកន្លះដើម្បីបង្កើត Web Template អត់ដេកអត់ពួន
The Cambodia Daily Template
យប់មិញនេះ ទាល់តែម៉ោង២.៣០រំលងអទ្រាតបានចួលគេង ព្រោះនឹកឃើញចង់ រចនា Template Website មួយមើលយ៉ាងមិចទៅវិញ។ រូបខាងលើនេះជាលទ្ធផល អត់ដេកអត់ពួន ៤ ៥ម៉ោងរបស់ខ្ញុំ។
Template នេះខ្ញុំរចនាឡើងសំរាប់គេហទំព័រ សាពត៌មាន ទស្សនាវដ្តី ទូរទស្សន៍ និយាយអោយចំទៅគឺសំរាប់ បណ្តាញសាពត៌មាន។
វា support ជាមួយ IE6+, Firefox1+, Opera, Safari2, Google Chrome។ ប្រសិនប្រិមិត្តមានចំណាប់អារម្មណ៍ ហើយចង់រចនា Template សំរាប់ប្លក់ផ្ទាល់ខ្លួននោះសូមទាក់ទងមកខ្ញុំ ខ្ញុំជួយរចនាជួនដោយមិនគិតថ្លៃអ្វីទាំងអស់។
អ្វីទៅជា Cheat Sheet ?
Cheat Sheet ជាដ្យាក្រាមបង្រូមមួយ ដែលបង្ហាញពីតូនាទី សកម្មភាព រចនាសម្ព័ន្ធ របស់កម្មវិធីអ្វីមួយ។ សំរាប់ Programmer ឬ Developer ការប្រើ Cheat Sheet ពិតជាមានផលប្រយោជន៍ខ្លាំងណាស់ យើងមិនចាំបាច់ចំណាយពេលច្រើនក្នុងការស្វែងរកអ្វីមួយក្នុងកម្មវិធីនោះ តូយ៉ាងដូចជា HTML Cheat Sheet (រូបខាងលើ) វាបានបង្ហាញមកទាំងអស់ នូវ HTMl Tag ដែលយើងអាចស្វែងរកបានក្នុងរូបភាពខាងលើ ។
នៅក្នុង Cheat Sheet នេះបានបែងចែកទៅតាមប្រភេទរបស់វា ដួចជានៅក្នុង HTML យើងអាចសែ្វងរក Tab និមួយទៅតាមប្រភេទរបស់វាដូច Link, Table, Form, Object…
មិនថាតែកម្មវិធី ភាសា សូម្បីវត្ថុអីមួយដែលយើងបានបង្កើត យើងក៏អាចបង្កើត Cheat Sheet បានផងដែរ វាជាការបង្រូមពីការពន្យល់នៃការប្រើប្រាស់វត្ថុដែលយើងបានបង្កើតនោះ សំរាប់អ្នកប្រើទួទៅ។
សូមទាញយក Cheat Sheet បន្ថែមដូចខាងក្រោមនេះ
- PHP
- Cakephp
-Prototype
-Jquery
-Mootools
-SEO (Search Engine Optimization)
១ វិចារ