• jQuery is a JavaScript Library.
  • jQuery greatly simplifies JavaScript programming.
  • jQuery is easy to learn.

Try ti yourself, just example

With our online editor, you can edit the code, and click on a button to view the result.

Example

$(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    });
});

jQuery Tutorial

by on 9:14 AM
jQuery is a JavaScript Library. jQuery greatly simplifies JavaScript programming. jQuery is easy to learn. Try ti yourself, just example ...


What Do I Need?
To start using PHP, you can:
  • Find a web host with PHP and MySQL support
  • Install a web server on your own PC, and then install PHP and MySQL

Use a Web Host With PHP Support

If your server has activated support for PHP you do not need to do anything.

Just create some .php files, place them in your web directory, and the server will automatically parse them for you.

You do not need to compile anything or install any extra tools.

Because PHP is free, most web hosts offer PHP support.


 Set Up PHP on Your Own PC

However, if your server does not support PHP, you must:
  • install a web server
  • install PHP
  • install a database, such as MySQL
Note: The official PHP website (PHP.net) has installation instructions for PHP: http://php.net/manual/en/install.php

PHP 5 Installation

by on 9:08 AM
What Do I Need? To start using PHP, you can: Find a web host with PHP and MySQL support Install a web server on your own PC, and then instal...

PHP scripts are executed on the server.

What you should already know about PHP

Before you continue you should have a basic understanding of the following:
  • HTML
  • CSS
  • JavaScript
If you want to study these subjects first, find the tutorials on our Home page.

What is PHP?

  • PHP is an acronym for "PHP: Hypertext Preprocessor"
  • PHP is a widely-used, open source scripting language
  • PHP scripts are executed on the server
  • PHP is free to download and use

What is a PHP File?

  • PHP files can contain text, HTML, CSS, JavaScript, and PHP code
  • PHP code are executed on the server, and the result is returned to the browser as plain HTML
  • PHP files have extension ".php"
What can PHP do?
  • PHP can generate dynamic page content
  • PHP can create, open, read, write, delete, and close files on the server
  • PHP can collect form data
  • PHP can send and receive cookies
  • PHP can add, delete, modify data in your database
  • PHP can be used to control user-access
  • PHP can encrypt data
With PHP you are not limited to output HTML. You can output images, PDF files, and even Flash movies. You can also output any text, such as XHTML and XML.

Why PHP?

  • PHP runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)
  • PHP is compatible with almost all servers used today (Apache, IIS, etc.)
  • PHP supports a wide range of databases
  • PHP is free. Download it from the official PHP resource: www.php.net
  • PHP is easy to learn and runs efficiently on the server side

Let's us learn together with Khmer-WEB

PHP 5 Introduction

by on 8:53 AM
PHP scripts are executed on the server. What you should already know about PHP Before you continue you should have a basic understanding o...

PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages.

PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.


Easy Learning with "Show PHP"

Our "Show PHP" tool makes it easy to learn PHP, it shows both the PHP source code and the HTML output of the code.

Example

<!DOCTYPE html>
<html>
<body>

<?php
echo "My first PHP script!";
?>


</body>
</html>

PHP Home

by on 8:48 AM
PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages. PHP is a widely-used, free, and effici...

JavaScript syntax is the set of rules, how JavaScript programs are constructed.

JavaScript Programs

A computer program is a list of "instructions" to be "executed" by the computer.

In a programming language, these program instructions are called statements.
JavaScript is a programming language.
JavaScript statements are separated by semicolons.

Example

var x = 5;
var y = 6;
var z = x + y;

JavaScript Statements
JavaScript statements are composed of:
Values, Operators, Expressions, Keywords, and Comments.

JavaScript Values
The JavaScript syntax defines two types of values: Fixed values and variable values.
Fixed values are called literals. Variable values are called variables.

JavaScript Keywords

JavaScript keywords are used to identify actions to be performed.

The var keyword tells the browser to create a new variable:
var x = 5 + 6;
var y = x * 10;


JavaScript Comments

Not all JavaScript statements are "executed".
Code after double slashes // or between /* and */ is treated as a comment.
Comments are ignored, and will not be executed:
var x = 5;   // I will be executed
// var x = 6;   I will NOT be executed

Let's test yourself with Khmer-WEB!


JavaScript Syntax

by on 8:37 AM
JavaScript syntax is the set of rules, how JavaScript programs are constructed. JavaScript Programs A computer program is a list of "in...

JavaScript does NOT have any built-in print or display functions.

JavaScript Display Possibilities
JavaScript can "display" data in different ways:
  • Writing into an alert box, using window.alert().
  • Writing into the HTML output using document.write().
  • Writing into an HTML element, using inner HTML.
  • Writing into the browser console, using console.log().
  • Using window.alert()
  • You can use an alert box to display data:

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>

Using document.write()
For testing purposes, it is convenient to use document.write():

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
document.write(5 + 6);
</script>

</body>
</html>

Using document.write() after an HTML document is fully loaded, will delete all existing HTML:

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<button onclick="document.write(5 + 6)">Try it</button>

</body>
</html>

Using inner HTML
To access an HTML element, JavaScript can use the document.getElementById(id) method.
The id attribute defines the HTML element. The innerHTML property defines the HTML content:

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My First Paragraph</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>
</html>

Using console.log()
In your browser, you can use the console.log() method to display data.
Activate the browser console with F12, and select "Console" in the menu.

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
console.log(5 + 6);
</script>

</body>
</html>
Let's test yourself with Khmer-WEB!

JavaScript Output

by on 8:21 AM
JavaScript does NOT have any built-in print or display functions. JavaScript Display Possibilities JavaScript can "display" data i...

 JavaScript can be placed in the <body> and the <head> sections of an HTML page.
The <script> Tag
In HTML, JavaScript code must be inserted between <script> and </script> tags.

Example

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>

JavaScript in <head>

In this example, a JavaScript function is placed in the <head> section of an HTML page.
The function is invoked (called) when a button is clicked:

Example

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>

JavaScript in <body>

In this example, a JavaScript function is placed in the <body> section of an HTML page.
The function is invoked (called) when a button is clicked:

Example

<!DOCTYPE html>
<html>
<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
   document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

</body>
</html>

JavaScript Where To

by on 7:37 AM
  JavaScript can be placed in the <body> and the <head> sections of an HTML page. The <script> Tag In HTML, JavaScript cod...

JavaScript Tutorial:

  • JavaScript is the programming language of HTML and the Web.
  • Programming makes computers do what you want them to do.
  • JavaScript is easy to learn.
  • This tutorial will teach you JavaScript from basic to advanced. 

Why Study JavaScript?

JAVASCRIPT IS ONE OF THE 3 LANGUAGES ALL WEB DEVELOPERS MUST LEARN:

  1. HTML to define the content of web pages
  2. CSS to specify the layout of web pages
  3. JavaScript to program the behavior of web pages

JavaScript Can Change HTML Content

One of many HTML methods is getElementById().
This example uses the method to "find" an HTML element (with id="demo"), and changes the element content (innerHTML) to "Hello JavaScript":

Example

document.getElementById("demo").innerHTML = "Hello JavaScript";

JavaScript Can Change HTML Styles (CSS)

Changing the style of an HTML element, is a variant of changing an HTML attribute: 

Example

document.getElementById("demo").style.fontSize = "25px";

JavaScript Tutorial

by on 6:17 AM
JavaScript Tutorial: JavaScript is the programming language of HTML and the Web. Programming makes computers do what you want them to do. Ja...

Don’t be fooled by its dark cover, Ganymede is the most colorful free presentation template at SlidesCarnival. With some surprising layouts and very big titles it has a really modern look and feel that will fit almost any topic. Your startup elevator pitch will leave a mark with this design, keep the colorful rainbow palette for the backgrounds, or choose a single color for all slides that matches your company brand.

This free presentation template features:

  • Fully editable. Easy to change colors, text and photos
  • 25 different slides
  • Colorful and modern design that works with any accent color
  • Graphs, icons, tables and maps
  • Download this presentation as a PowerPoint PPT file and edit on your computer. Also export to PDF, JPG, etc.
  • 16:9 screen layout (Can change to 4:3 with a click on Google Slides, but some graphic assets may not work well)
Click here to:
 Download

Use this free presentation template to celebrate the Chinese New Year (Spring Festival or Lunar New Year). This elegant design features a red and gold color palette, and an illustrated reference to the year of the Monkey. You can use it for sending your greetings or talk about chinese traditions.

This free presentation template features:

  • Fully editable. Easy to change colors, text and photos
  • 25 different slides
  • Festive design inspired in Chinese New Year celebrations
  • Graphs, icons, tables and maps
  • Download this presentation as a PowerPoint PPT file and edit on your computer. Also export to PDF, JPG, etc.
  • 16:9 screen layout (Can change to 4:3 with a click on Google Slides, but some graphic assets may not work well)
Click here to:
 Download

This one is a staid free presentation template, the formal design gives credibility to your message and it will get you the trust of your audience. Use it to make your content reliable if you’re going to speak about law and justice, history or ethics. Change the background gradient to a solid color if you want to make it even more formal, or adapt it to a specific corporate identity.

This free presentation template features:

  • Fully editable. Easy to change colors, text and photos
  • 25 different slides
  • Trustworthy and serious design with justice related icons
  • Graphs, icons, tables and maps
  • Download this presentation as a PowerPoint PPT file and edit on your computer. Also export to PDF, JPG, etc.
  • 16:9 screen layout (Can change to 4:3 with a click on Google Slides, but some graphic assets may not work well)
Click here to:
 Download