Basic HTML, CSS, MYSL, PHP, DAN JAVASCRIPT ~ PuthutDewi (RPL)

PENGERTIAN HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

PENCIPTA HTML adalah callau TIM dan berners-lee

PENGERTIAN CSS

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.

PENCIPTA CSS: HAKON CIUW

PERBEDAAN ANTARA HTML DAN CSS YAITU HTML HANYA PUNYA INFORMASI TEXT DAN CSS MENJADI INFORMASI YANG KOMUNIKATIF

PENGERTIAN PHP

PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum.PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group.

Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll.

SIAPA SAJA YANG MENNGGUNAKAN PHP?
1. FACEBOOK
2. YAHOO
3. YOUTUBE
4. WORDPRESS

MENGENAL MACAM-MACAM PHP:

Tipe data merupakan jenis dari suatu data yang akan diproses oleh bahasa pemrograman. Macam-macam tipe data pada berbagai bahasa pemrograman kurang-lebih sama, namun barangkali istilahnya saja yang berbeda.

BOOLEAN
Tipe data boolean adalah tipe data yang merepresentasikan suatu kondisi ‘benar’ (true) atau ‘salah’ (false). Selain itu juga dapat menggunakan nilai 1 untuk menyatakan true dan 0 untuk false. Penulisan bilangan ini mengikuti aturan case-Insensitive sehingga TRUE dan true dianggap sama oleh PHP. Perhatikan contoh berikut dan beserta hasilnya:

INTEGER

Tipe data integer merupakan tipe data bilangan bulat baik yang positif atau negatif {…, -3, -2, -1, 0, 1, 2, 3, …}. Tipe data integer mendukung bilangan Oktal, Desimal, maupun Hexadesimal. Perhatian contoh Berikut dan beserta hasilnya:

Sedangkan untuk menuliskan bilangan hexadesimal didahului dengan ‘0x’. Perhatikan contoh di bawah:

<?php

   $hexadesimal = 0x5f;
   $format = 'Ini adalah bilangan hexadesimal : 0x%X';
   printf( $format, $hexadesimal );

?>

<?php

$hexadesimal = 0x5f;

$format = 'Ini adalah bilangan hexadesimal : 0x%X';

printf( $format, $hexadesimal );

Output:
Ini adalah bilangan hexadesimal : 0x5F

Float

Tipe data float adalah bilangan pecahan atau mengambang yang juga biasa disebut tipe data double atau real number seperti 4.9, 9.7, 52.19 dan sebagainya.

<?php
   
   $a = 10;
   $b = 3;
   $c = $a / $b;

   echo 'Hasil pembagian dari ' . $a . ' dan '. $b . ' adalah ' . $c;
   echo '<br>';
   printf( '%.2f', $c );

?>

<?php

$a = 10;

$b = 3;

$c = $a / $b;

echo 'Hasil pembagian dari ' . $a . ' dan '. $b . ' adalah ' . $c;

echo ' ';

printf( '%.2f', $c );

Output:
Hasil pembagian dari 10 dan 3 adalah 3.3333333333333
3.33

String

Tipe data string adalah tipe data yang tidak dapat dihitung, artinya tipe data string tidak dapat dikenakan operasi aritmatika karena string berupa karakter huruf atau angka. Untuk menuliskan string di dalam PHP haruslah menggunakan tanda kutip ganda ( ” “ ) atau kutip tunggal ( ‘ ‘ ). Keduanya sama saja, namun bila anda membuka dengan kutip ganda ( ” “ ) maka anda perlu menutupnya dengan kutip ganda pula, demikian pula dengan kutip tunggal ( ‘ ‘ ).
Perhatikan contoh berikut:

<?php
  
  $string1 = "Ini string dengan tanda kutip ganda";
  $string2 = 'Ini string dengan tanda kutip tunggal';
  $string3 = "String dengan tanda kutip ganda yang mengandung 'tanda kutip tunggal' ";
  $string4 = 'String dengan tanda kutip tunggal yang mengandung "tanda kutip ganda" ';
  $string5 = "Alhamdulillah, hari ini hari jum'at";
  
  echo $string1;
  echo '<br>';
  echo $string2;
  echo '<br>';
  echo $string3;
  echo '<br>';
  echo $string4;
  echo '<br>';
  echo $string5;

?>

<?php

$string1 = "Ini string dengan tanda kutip ganda";

$string2 = 'Ini string dengan tanda kutip tunggal';

$string3 = "String dengan tanda kutip ganda yang mengandung 'tanda kutip tunggal' ";

$string4 = 'String dengan tanda kutip tunggal yang mengandung "tanda kutip ganda" ';

$string5 = "Alhamdulillah, hari ini hari jum'at";

echo $string1;

echo ' ';

echo $string2;

echo ' ';

echo $string3;

echo ' ';

echo $string4;

echo ' ';

echo $string5;

Output :
Ini string dengan tanda kutip ganda
Ini string dengan tanda kutip tunggal
String dengan tanda kutip ganda yang mengandung ‘tanda kutip tunggal’
String dengan tanda kutip tunggal yang mengandung “tanda kutip ganda”
Alhamdulillah, hari ini hari jum’at

Array

Tipe data Array merupakan himpunan dari beberapa data yang disimpan di dalam sebuah variabel. Data yang ada di dalam array disebut dengan elemen array. Setiap elemen array dipisahkan dengan koma ( , ).
Contoh :

<?php

   $tipeArray = array( 'Abu Bakar', 'Umar', 'Utsman', 'Aly' );

?>

<?php

$tipeArray = array( 'Abu Bakar', 'Umar', 'Utsman', 'Aly' );

MACAM-MACAM OPERATOR

1. Operator Perbandingan

Operator perbandingan adalah pemanfaatan simbol-simbol operator yang digunakan untuk perbandingan antara dua nilai. Simbol-simbol operator perbandingan yang sering digunakan dapat dilihat pada tabel berikut :

Operator	Nama	Contoh	Hasil
===	Identik	$x === $y	Benar jika $x sama dengan $y dan keduanya adalah tipe yang sama
>	Lebih besar dari	$x > $y	Benar jika $x lebih besar dari $y
<	Lebih kecil dari	$x < $y	Benar jika $x lebih kecil dari $y
>=	Lebih besar dari atau sama dengan	$x >= $y	Benar jika $x lebih besar atau Benar dengan $y
<=	Lebih kecil dari atau sama dengan	$x <= $y	Benar jika $x lebih kecil atau sama dengan $y
==	Sama dengan	$x == $y	Benar jika $x sama dengan $y
!=	Tidak sama dengan	$x != $y	Benar jika $x tidak sama dengan $y

Sekarang cobalah buat script operator perbandingan seperti berikut :

$x="5"; // ini bilangan string

$y=5; // ini bilangan integer

echo"Percobaan === :" . ($x === $y); // hasilnya False (kosong)

echo" Percobaan == :" . ($x == $y); // hasilnya True (1)

Simpan dengan nama perbandingan.php, kemudian jalankan melalui localhost.

Ada hal yang perlu diperhatikan dalam penggunaan operator “=” dan “==”, dalam php kedua simbol pendeklarasian tersebut berbeda jika “=” berarti pemberian nilai dan “==” berarti sama dengan, hati-hati dalam menggunakan kedua simbol tersebut.

2. Operator String

Operator ini digunakan untuk menggabungkan dua teks atau lebih dengan cara membubuhkan operator concatenation ( . ) diantara dua operan atau lebih dalam suatu operasi.

Buatlah script operator String seperti berikut :

<?
$x="Selamat";
$y= $x . " Datang";
echo "KAMI UCAPKAN : $y" ;
?>

Simpan dengan nama string.php, kemudian jalankan melalui localhost.

3. Operator Aritmatika

Operator aritmatika adalah operator yang digunakan untuk operasi matematika seperti penjumlahan, pengurangan, perkalian, pembagian dan modulus (hasil sisa). Berikut adalah tabel operator aritmatika :

Operator	Operasi	Penerapan
+	Penjumlahan	$x + $y
-	Pengurangan	$x - $y
*	Perkalian	$x * $y
/	Pembagian	$x / $y
%	Modulus	$x % $y

Buatlah script operator aritmatika seperti berikut :

$x=4;

$y=3;

echo "MENGGUNAKAN OPERATOR MATEMATIKA :";

echo " $x + $y = ".($x+$y);

echo " $x - $y = ".($x-$y);

echo " $x : $y = ".($x/$y);

echo " $x x $y = ".($x*$y);

echo " $x mod $y = ".($x%$y);

Simpan dengan nama aritmatika.php, kemudian jalankan melalui localhost.

4. Operator Increment / Decrement

Operator Increment dan Decrement digunakan untuk penambahan dan pengurangan otomatis dengan nilai 1 (satu). Jika operator berada sebelum variabel contohnya ++$x atau --$x, nilai $x ini akan ditambah atau dikurangi 1 (satu) sebelum dieksekusi, tetapi jika operasi diletakkan setelah variabel, contohnya $x++ atau $x--, maka nilai $x akan ditambah atau dikurangi 1 (satu) setelah dieksekusi.

Operator	Operasi	Penerapan
++	Pre atau Post Increment	++$x atau $x++
--	Pre atau Post Incremenrt	--$x atau $x--

Buatlah script operator Increment/Decrement seperti berikut :
<?
$x=100;
$y=10;
echo "Nilai \$x=$x";
echo " Nilai \$y=$y";
echo " ++\$x = ".++$x;
echo " \$x++ = ".$x++;
$y = --$y;
echo " --\$y = ".$y;
$y = $y--;
echo " \$x-- = ".$y;
?>

Simpan dengan nama increment.php, kemudian jalankan melalui localhost.

5. Operator Logika

Operator logika hampir mirip dengan operator perbandingan, keduanya sama-sama sebagai pengendali struktur program.

Operator	Nama	Contoh	Hasil
or	Or	$x or $y	Menghasilkan nilai True jika salah satu dari $x
or	Or	$x or $y	atau $y atau keduanya bernilai True.
\|\|	Or	$x \| \| $y	Menghasilkan nilai True jika salah satu dari $x atau $y atau keduanya bernilai True.
and	And	$x and $y	Menghasilkan nilai True jika $x dan $y bernilai True.
&&	And	$x && $y	Menghasilkan nilai True jika $x dan $y bernilai True.
xor	Ekslusif Or	$x xor $y	Menghasilkan nilai True jika salah satu dari $x atau $y bernilai True
!	Not	!$x	Menghasilkan nilai True jika $x bernilai False

6. Operator Bitwise

Operator bitwise dapat digunakan untuk mengoperasikan bit-bit dalam bilangan biner (0 dan 1). Jika suatu operan tidak berupa bilangan biner, maka sedapat mungkin bilangan tersebut dikenversi terlebih dahulu hingga didapat bilangan biner.

Operator	Nama	Contoh	Hasil
\|	Or	$x \| $y	Bit diset 1 jika salah satu dari $x atau $y bernilai 1
&	And	$x & $y	Bit diset 1 jika salah $x dan $y bernilai 1
<<	Shift Left	$x << $y	Geser bit $x sebanyak $y langkah ke kiri
>>	Shift Right	$x >> $y	Geser bit $x sebanyak $y langkah ke kanan
^	Ekslusif Or	$x ^ $y	Bit diset 1 jika salah satu dari $x atau $y bernilai 1
-	Not	- $x	Bit diset 1 jika $x bernilai 0 dan bernilai 0 jika $x bernilai 1

PENGERTIAN JAVASCRIPT

JavaScript adalah bahasa pemograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.
Jenis bahasa pemograman Client Side berbeda dengan bahasa pemograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.
Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor, dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped, dan berorientasi objek.