Minggu, 31 Mei 2020

Preg_Match (validasi email)

elseif (!preg_match("/.+@.+\..+/", $email)) {
$pesan_eror .= "Format alamat email tidak sesuai";

<?php
// cek apakah form telah di submit
if (isset($_POST["submit"])) {
// form telah disubmit, proses data
// ambil nilai form
$buku = htmlentities(strip_tags(trim($_POST["buku"])));
$jumlah = htmlentities(strip_tags(trim($_POST["jumlah"])));
$ongkir = htmlentities(strip_tags(trim($_POST["ongkir"])));
// siapkan variabel untuk menampung pesan error
$pesan_error = "";
// cek apakah "buku" ada di pilihan
$array_buku = ["html uncover", "css uncover", "php uncover"];
$buku = strtolower($buku);
if (!in_array($buku, $array_buku)) {
$pesan_error .= "Buku tidak tersedia<br>";
}
// jumlah pesanan harus berupa angka
if (!is_numeric($jumlah)) {
$pesan_error .= "Jumlah buku harus dalam satuan angka<br>";
}
// jumlah pesanan harus antara 1 sampai 10
elseif ($jumlah <= 0 or $jumlah > 10) {
$pesan_error .= "Jumlah buku antara 1-10<br>";
}
// jumlah pesanan harus angka bulat
elseif ($jumlah != round($jumlah)) {
$pesan_error .= "Jumlah buku harus dalam angka bulat<br>";
}
// ongkos kirim harus berupa angka
if (!is_numeric($ongkir) or ($ongkir < 5000) or (($ongkir % 1000) != 0)) {
$pesan_error .= "Ongkos kirim harus dalam kelipatan 1000 (minimal 5000)";
}
// jika tidak ada error, tampilkan isi form
if ($pesan_error === "") {
echo "<h3>Form Berhasil Diproses </h3><br>";
echo "Nama Buku : $buku <br>";
echo "Jumlah Pesanan : $jumlah <br>";
echo "Ongkos Kirim : $ongkir <br>";
die();
}
} else {
$pesan_error = "";
$buku = "";
$jumlah = "";
$ongkir = "";
}
?>
<!DOCTYPE html>
<html lang="id">

<head>
<meta charset="UTF-8">
<title>Belajar PHP</title>
</head>

<body>
<datalist id="list_buku">
<option value="php uncover" label="php uncover">
<option value="css uncover" label="css uncover">
<option value="html uncover" label="html uncover">
</datalist>
<h1>Pemrosesan Form</h1>
<?php echo $pesan_error; ?>
<form action="index.php" method="post">
<p>Jenis Buku: <input type="text" list="list_buku" name="buku" value="<?php echo $buku ?>"></p>
<p>Jumlah Pesanan: <input type="text" name="jumlah" value="<?php echo $jumlah ?>"></p>
<p>Ongkos Kirim: <input type="text" name="ongkir" value="<?php echo $ongkir ?>"></p>
<input type="submit" name="submit" value="Proses Data">
</form>
</body>

</html>

Baca Selengkapnya »

Form 1 File Tervalidasi karakter dan email

<?php
if (isset($_POST["submit"])) {
/* ambil nilai form */
$nama = htmlentities(strip_tags(trim($_POST["nama"])));
$email = htmlentities(strip_tags(trim($_POST["email"])));
$buku = strtolower(htmlentities(strip_tags(trim($_POST["buku"]))));
$pesan_eror = "";
$array_buku = ["html uncover", "css uncover", "php uncover"];

if (empty($nama)) {
$pesan_eror .= "Nama belum diisi <br>";
} elseif (strlen($nama) <= 5) {
$pesan_eror .= "nama harus 5 digit <br>";
}
if (empty($email)) {
$pesan_eror .= "Email belum diisi";
} elseif (strpos($email, "@") == false) {
$pesan_eror .= "Penulisan alamat email salah <br>";
}
if (empty($buku)) {
$pesan_eror .= "Buku belum diisi";
} elseif (!in_array($buku, $array_buku)) {
$pesan_eror .= "Buku tidak tersedia";
}

if ($pesan_eror == "") {
echo "<h1>Form Berhasil diproses</h1>";
echo "Nama : $nama <br>";
echo "Email : $email <br>";
echo "Buku : $buku";
die();
}
} else {
$pesan_eror = "";
$nama = "";
$buku = "";
$email = "";
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>form</title>
</head>

<body>

<datalist id="list_buku">
<option value="php uncover" label="php uncover">
<option value="html uncover" label="html uncover">
<option value="css uncover" label="css uncover">
</datalist>
<?php
echo $pesan_eror;
?>
<form action="index.php" method="POST">
<fieldset>
<legend align="">Latihan Form</legend>
<p>
<label for=""> Nama : </label>
<input type="text" name="nama" value="<?php echo $nama ?>" placeholder="nama lengkap">
</p>
<p>
<label for=""> Email : </label>
<input type="text" name="email" value="<?php echo $email ?>" placeholder="alamat email">
</p>
<p>
<label for=""> Buku : </label>
<input type="text" name="buku" list="list_buku" value="<?php echo $buku ?>" placeholder="Pilih Buku yang tersedia">
</p>
<p>
<input type="submit" name="submit" value="Proses Data" id="">
</p>
</fieldset>
</form>
</body>

</html>

Baca Selengkapnya »

Form 1 FIle index.php

<?php
if (isset($_POST["submit"])) {
/* ambil nilai form */
$nama = htmlentities(strip_tags(trim($_POST["nama"])));
$email = htmlentities(strip_tags(trim($_POST["email"])));
$pesan_eror = "";
if (empty($nama)) {
$pesan_eror .= "Nama belum diisi <br>";
}
if (empty($email)) {
$pesan_eror .= "Email belum diisi";
}
if ($pesan_eror == "") {
echo "<h1>Form Berhasil diproses</h1>";
echo "Nama : $nama <br>";
echo "Email : $email";
die();
}
} else {
$pesan_eror = "";
$nama = "";
$email = "";
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>form</title>
</head>

<body>
<?php
echo $pesan_eror;
?>
<form action="index.php" method="POST">
<fieldset>
<legend align="">Latihan Form</legend>
<p>
<label for=""> Nama : </label>
<input type="text" name="nama" value="<?php echo $nama ?>" id="">
</p>
<p>
<label for=""> Email</label>
<input type="text" name="email" value="<?php echo $email ?>" id="">
</p>
<p>
<input type="submit" name="submit" value="Proses Data" id="">
</p>
</fieldset>
</form>
</body>

</html>

Baca Selengkapnya »

Form (2 File) dengan Isset

Index.php

<?php

if (isset($_GET["pesan"])) {

$pesan = "<p>{$_GET["pesan"]} </p>";

} else {

$pesan = "";

}

/* ambil nilai nama dan email jika ada */

if (isset($_GET["nama"])) {

$nilai_nama = $_GET["nama"];

} else {

$nilai_nama = "";

}

if (isset($_GET["email"])) {

$nilai_email = $_GET["email"];

} else {

$nilai_nama = "";

}

<!DOCTYPE html>

<head>

</head>

<body>

<h1>Halaman Form</h1>

<?php

echo $pesan;

<div>

<legend align="">Latihan Form</legend>

<p>

</p>

<p>

<label for=""> Email : </label>

</p>

<p>

<label for=""> Belajar PHP</label>

</p>

<p>

</p>

</fieldset>

</form>

</div>

</body>

</html>

proses.php

<?php

if (!isset($_POST["submit"])) {

header("Location: index.php");

die();

}

$nama = trim($_POST["nama"]);

$email = trim($_POST["email"]);

/* email untuk dikirim kembali */

$query_nama = "nama=" . urlencode($nama);

$query_email = "email=" . urlencode($email);

$query_isi = "&$query_nama&$query_email";

/* Untuk ngecek apakah sudah diisi atau belum */

if (empty($nama)) {

$pesan = urlencode("Nama harus di isi");

header("Location: index.php?pesan={$pesan}{$query_isi}");

die();

}

if (empty($email)) {

$pesan = urlencode("Email harus di isi");

header("Location: index.php?pesan={$pesan}{$query_isi}");

die();

}

<!DOCTYPE html>

<head>

<title>proses</title>

</head>

<body>

<h1>Halaman Proses</h1>

<?php

echo "Nama: $nama <br>";

echo "Email: $email <br>";

if (isset($_POST["belajar"])) {

echo "Belajar: " . $_POST["belajar"] . "<br>";

}

</body>

</html>

Baca Selengkapnya »

Membuat Form 1 PHP

File Index

<!DOCTYPE html>

<head>

<title>belajar form</title>

</head>

<body>

<h1>Form Registrasi</h1>

<div>

<legend align="">Biodata Santri</legend>

<p>

</p>

<p>

</p>

<p>

<label for="tgl"> Tanggal Lahir : </label>

<?php

for ($i = 1; $i <= 31; $i++) {

echo "<option value =$i>";

echo str_pad($i, 2, "0", STR_PAD_LEFT);

echo "</option>";

}

</select>

<option value="Januari">Januari</option>

<option value="Februari">Februari</option>

<option value="Maret">Maret</option>

<option value="April">April</option>

<option value="Agustus">Agustus</option>

<option value="September">September</option>

<option value="Oktober">Oktober</option>

</option>

<option value="Nopember">Nopember</option>u</option>

<option value="Desember">Desember</option>u</option>

</select>

<?php

for ($i = 1980; $i <= 2020; $i++) {

echo "<option value =$i>$i</option>";

}

</select>

</p>

<p><label for="alamat">Alamat : </label>

<p>

<label for="">Jenis Kelamin : </label>

<label for=""><input type="radio" name="jk" value="perempuan">Perempuan </label>

</p>

</fieldset>

<legend align="">User Account</legend>

<p>

<label for="username"> Username</label>

</p>

<p>

<label for="email"> Email</label>

</p>

<p>

<label for="pass"> Password</label>

</p>

<p>

<label for="repass"> Ulangi Password</label>

</p>

</fieldset>

<legend align="">Resolusi Tahun Ini</legend>

<p>

<label for="html"> Menguasai HTML</label>

</p>

<p>

<label for="css"> Paham CSS</label>

</p>

<p>

<label for="php"> Mastering PHP</label>

</p>

</fieldset>

</form>

</div>

</body>

</html>

file proses

<?php

if (!isset($_POST["submit"])) {

header("Location: index.php");

die();

}

<!DOCTYPE html>

<head>

<title>proses</title>

</head>

<body>

<h1>Halaman Proses</h1>

<?php

echo "Nama : " . $_POST["nama"] . "<br>";

echo "NIM : " . $_POST["nim"] . "<br>";

echo "Tanggal Lahir : " . str_pad($_POST["tgl"], 2, "0", STR_PAD_LEFT) . " " . $_POST["bln"] . " " . $_POST["thn"] . "<br>";

echo "Alamat : " . $_POST["alamat"] . "<br>";

if (isset($_POST["jk"])) {

echo "Jenis Kelamin :" . $_POST["jk"] . "<br>";

}

echo "Password : " . $_POST["password"] . "<br>";

echo "Konfirmasi Password " . $_POST["nim"] . "<br>";

if (isset($_POST["target1"])) {

echo "Target1 :" . $_POST["target1"] . "<br>";

}

if (isset($_POST["target2"])) {

echo "Target2 :" . $_POST["target2"] . "<br>";

}

if (isset($_POST["target3"])) {

echo "Target3 :" . $_POST["target3"] . "<br>";

}

</body>

</html>

file CSS

div {

background-color: rgba(37, 220, 226, 0.726);

width: 400px;

}

p {

margin: 0;

}

fieldset {

margin-top: 10px;

}

input[type="text"],

input[type="password"],

select,

textarea {

margin-left: 10px;

margin-bottom: 10px;

}

input[type="checkbox"] {

margin-left: 120px;

}

label {

width: 110px;

float: left;

}

label[for="html"],

label[for="css"],

label[for="php"] {

float: initial;

}

Baca Selengkapnya »

Settingan J.Son Default VCODE

{
"editor.minimap.enabled": false,
"explorer.openEditors.visible": 0,
"editor.formatOnSave": true,
"workbench.colorTheme": "One Dark Pro",
"editor.fontSize": 12,
"window.zoomLevel": 1,
"window.zoomLevel": 0,
"explorer.confirmDragAndDrop": false,
"php.suggest.basic": false,
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"workbench.iconTheme": "vscode-icons",
"explorer.confirmDelete": false,
"liveServer.settings.donotShowInfoMsg": true,
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
"editor.fontFamily": "Fira Code",
"vsicons.dontShowNewVersionMessage": true,
"editor.fontLigatures": true,
// Enable per-language
"[javascript]": {
"editor.formatOnSave": true
},
"[php]": {
"editor.formatOnSave": true
}

}

=============================================

Baca Selengkapnya »

Sabtu, 30 Mei 2020

Kode Format Tanggal-Hari-Bulan PHP

Format angka/nama hari:

✔ d: Angka hari dengan format 2 digit dan didahului angka nol: 01 hingga 31.
✔ j: Angka hari dengan format 2 digit dan tanpa angka nol: 1 hingga 31.
✔ w: Angka hari untuk satu minggu, 0 hingga 6.
✔ z: Angka hari untuk satu tahun, 0 hingga 365.
✔ D: Nama hari dengan singkatan 3 karakter bahasa inggris: Sun, Mon hingga Sat.
✔ l: Nama hari dalam bahasa inggris: Sunday, Monday hingga Saturday.
✔ S: Awalan 2 digit karakter dalam bahasa inggris untuk nama hari: st, nd, rd dan th.

Format angka/nama bulan:

✔ m: Angka bulan dengan format 2 digit dan didahului angka nol: 01 hingga 12.
✔ n: Angka bulan dengan format 2 digit dan tanpa angka nol: 1 hingga 12.
✔ M: Nama bulan dengan singkatan 3 karakter bahasa inggris: Jan, Feb hingga Dec.
✔ F: Nama bulan dalam bahasa inggris: January, February hingga December.
✔ t: Total jumlah hari dalam 1 bulan : 28 hingga 31.

Format angka/nama tahun:

✔ L: 1 jika tahun kabisat, 0 jika bukan tahun kabisat.
✔ Y: Angka tahun dengan 4 digit, seperti 1998, 2002 dan 2016
✔ y: Angka tahun dengan 2 digit, seperti 98, 02 dan 16

Format angka untuk waktu:

✔ a: am atau pm, dengan huruf kecil.
✔ A: AM atau PM, dengan huruf besar.
✔ g: Angka jam dalam format 12 jam, tanpa awalan nol: 1 hingga 12.
✔ G: Angka jam dalam format 24 jam, tanpa awalan nol: 0 hingga 23.
✔ h: Angka jam dalam format 12 jam, dengan awalan nol: 01 hingga 12.
✔ H: Angka jam dalam format 24 jam, dengan awalan nol: 01 hingga 23.
✔ i: Angka menit dengan awalan nol: 00 hingga 59.
✔ s: Angka detik dengan awal nol: 00 hingga 59.

Baca Selengkapnya »

Fungsi Selisih Tanggal PHP

file function.php

<?php

function cari_selisih_tanggal($tanggal1, $tanggal2)

{

$tanggal1 = strtotime($tanggal1);

$tanggal2 = strtotime($tanggal2);

$selisih_tanggal = abs($tanggal2 - $tanggal1);

$satu_hari = 24 * 60 * 60;

$satu_bulan = 30 * 24 * 60 * 60;

$satu_tahun = 365 * 24 * 60 * 60;

$selisih["tahun"] = floor($selisih_tanggal / $satu_tahun);

$selisih["bulan"] = floor(($selisih_tanggal - ($selisih["tahun"] * $satu_tahun)) / $satu_bulan);

$selisih["hari"] = floor(($selisih_tanggal - ($selisih["tahun"] * $satu_tahun) - ($selisih["bulan"] * $satu_bulan)) / $satu_hari);

return $selisih;

}

file utama

<?php

include("function.php");

$hasil = cari_selisih_tanggal("12-10-2016", "27-10-2016");

echo "Selisih tanggal adalah =

{$hasil["tahun"]} tahun,

{$hasil["bulan"]} bulan,

{$hasil["hari"]} hari";

echo "<br>";

PHP OOP

<?php
$tanggal1 = date_create("17-08-2019");
$tanggal2 = date_create("18-10-2020");

$selisih = date_diff($tanggal1, $tanggal2);

echo "jatuh tempo saudara adalah $selisih->d hari, $selisih->m bulan, $selisih->y tahun";

echo "<br>";
?>

Baca Selengkapnya »

Membuat Selisih Tanggal

<?php

$tanggal1 = strtotime("30-05-2020");
$tanggal2 = strtotime("31-05-2020");
$selisih_tanggal = abs($tanggal2 - $tanggal1);

$satu_tahun = 365 * 24 * 60 * 60;
$satu_bulan = 30 * 24 * 60 * 60;
$satu_hari = 24 * 60 * 60;

$selisih_tahun = floor($selisih_tanggal / $satu_tahun);
$selisih_bulan = floor(($selisih_tanggal - ($selisih_tahun * $satu_tahun)) / $satu_bulan);
$selisih_hari = floor(($selisih_tanggal - ($selisih_bulan * $satu_bulan)) / $satu_hari);

echo "<br>";
echo "Selisih tanggal adalah $selisih_tahun tahun, $selisih_bulan bulan, $selisih_hari hari";

Baca Selengkapnya »

Membuat tanggal Bahasa Indonesia PHP

<?php

$nama_hari = ["Ahad", "Senin", "Selasa", "Rabu", "Kamis", "Jum'at"];
$nama_bulan = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "Nopember", "Desember"];

$hari = date("w");
$tanggal = date("j");
$bulan = date("n") - 1;
$tahun = date("Y");
echo "Tanggal hari ini adalah :<strong> $nama_hari[$hari], $tanggal $nama_bulan[$bulan] $tahun </strong>";

klik di sini untuk menghubah php.ini waktu asia

Untuk versi php.ini, silahkan cari pengaturan date.timezone lalu ubah nilainya menjadi "Asia/
Jakarta" (tanpa tanda kutip). Save php.ini, lalu restart apache. Kemudian lihat kembali di
phpinfo() untuk memastikan pengaturan telah berubah.

lakukan pencarian di php.ini : date.timezone=

============================
<?php
date_default_timezone_set("Asia/Jakarta");

echo date("d - m - Y, H:i:s"); // 05 - 05 - 2019, 19:02:39

Baca Selengkapnya »

Cara Penulisan Redirec di PHP

Perhatikan tanda titik dua setelah location

<?php
header("Location: http://www.duniailkom.com");
?>

Baca Selengkapnya »

Menampilkan Karakter Copyrigh di HTML

klik di sini

Baca Selengkapnya »

Cara Design Table Menarik

tr:nth-child(even) {
background-color: aqua;
}

tr:hover {
background-color: brown;
color: azure;
}

Baca Selengkapnya »

Cara Menampilkan CSS di Halaman PHP

Taruh di header seperti biasa pada halaman html, kemudian ketikkan seperti ini, cermati kode php sebagai berikut, posisinya di mana

<link rel="stylesheet" type="text/css" href=<?php echo "/aqil_web/aqil.css" ?>>

Baca Selengkapnya »

User Snipset Visual Code

Buatlah file j.son
Masuk file - preference kemudian user snipset

{
"aqil php": {
"prefix": "php",
"body": "<?php $1 ?>",
}

"aqil phpp": {
"prefix": "phpp",
"body": "<?= $1 ?>",
}

"aqil echo": {
"prefix": "ec",
"body": "echo \"${1:text}\" ",
}
"aqil Fungsi": {
"scope": "php",
"prefix": "fung",
"body": "function ${1:nama_fungsi}(${2:\\$variable}) {\t${3:#code...};}",
}

"aqil Coment": {
"scope": "javascript,html, php",
"prefix": "comen",
"body": "$BLOCK_COMMENT_START ${1:placeholder} $BLOCK_COMMENT_END"
}

"aqil Input": {
"prefix": "inpul",
"body": [
"<p>",
"<label for=\"$1\"> ${2:Username}</label>",
"\t<input type=\"${3:text}\" name=\"$4\" placeholder=\"$5\" id=\"$6\" value=\"$7\">",
"</p>",
]
}

"aqil Form": {
"prefix": "formul",
"body": [
"<form action=\"${1:file.php}\" method=\"${2|GET,POST|}\">",
"\t<fieldset>",
"\t<legend >${3:judul}</legend>",
"\t$5",
"\t</fieldset>",
"</form>"
],
}

"aqil label": {
"prefix": "fielku",
"body": [
"<fieldset>",
"<legend align=\"$1\">${2:username}</legend>",
"$3",
"</fieldset>"
],
}
}

Baca Selengkapnya »

Rabu, 27 Mei 2020

Font Fira Code untuk VS CODE

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
// Set the default
"editor.formatOnSave": false,
// Enable per-language
"[javascript]": {
"editor.formatOnSave": true
},
"[php]": {
"editor.formatOnSave": true
}

copy code di atas, lalu pastekan di Settting.json VSCODE
simpan dan reload kembali VSCOdenya.

klik di sini untuk font Fira Code

Taq untuk php

{
	"PHP Tag": {
	"prefix": "php",
	"body": "<?php $1 ?>"
	},
	"Inline Echo": {
	"prefix": "phpp",
	"body": "<?= $$1; ?>"
	},
	"Input Label": {
	"prefix": "formel",
	"body": [
	"<label>",
	"\t${3:Username}",
	"\t<input type=\"${1:text}\" name=\"${2:username}\">",
	"</label>"
	]
	},
	"My Form": {
	"prefix": "myform",
	"body": "<form method=\"${1\|get,post\|}\" action=\"$2\">$3</form>"
	}
	}

Baca Selengkapnya »

Minggu, 17 Mei 2020

Tutorial GIT dan GITHUB

Fungsi GIT adalah VCS (Version Control System)

Rekaman/ snapshot, kita bisa melacak versi/ history perubahan
kolaborasi
sharing/ memamerkan
bisa reset/checkout

Bekerja dengan GIT

GIT adalah VSC terdistribusi untuk mengelola perubahan file di dalam folder
Repo/repository : Folder
Commit : riwayat perubahan file
Hess : string random, yang panjang/ penanda unik sebuah commit.
Checkout : mundur mau mengerjakan project yang lama
Branch : Percabangan
Merge : Penggabungan
GIT bisa diinstal secara lokal

Bekerja dengan GITHUB

Website yang bisa kunjungi : https://github.com/
Yaitu layanan cloud, untuk menyimpan dan mengelola project
Bisa melakukan seperti GIT, bedanya untuk GITHUB bisa dilakukan secara online
Kesimpulan : GITHUB adalah komputer

Penggabungan GIT dan GITHUB

Remote : sumber yang memiliki repo di GITHUB
Clone : mengambil repo dari remote
Push : mengirim commit.
Pull : menarik commit
Caranya buat folder/repo di GITHUB (online) dulu, baru diclone di GIT (lokal)

Kesimpulan

Version Control System adalah Sistem yang menyimpan dan mengelola rekaman perubahan dari source code
GIT adalah salah satu software yang bisa melakukan VSC
GITHUB adalah website/layanan untuk mengelola project GIT

Tutorial GIT

https://git-scm.com/

sintak :

ketik git akan muncul beberapa code
coba ketik clear, akan terhapus
coba tekan git --version akan muncul versinya berapa? fersi 2,27
coba ketik pwd akan tampil direktori tempat folder kita
coba ketik ls lihat isi folder

$ git init untuk inisialisasi repo git
$ git add <file(s) (tekan .)
$ git status = untuk melihat status file, apakah sudah masuk staging area atau belum
$ git commit = untuk comit caranya :

git commit -m "Menambahkan file index.html"

$ git config --global user.name "aqilaziz"
$ git config --global user.email "gonzes7@gmail.com"
$ git branch
$ git hel

dilakukan dalam console/ command prompt

3 Area Repo Git

Working tree = tempat nyimpan file
Staging area = ketika ada perubahan memasukkan dalam git.add
History = git commt

semuanya akan tersimpan dalam folder (.git)

Code Editor VIM

Cara keluar dari editor vim adalah tekan q:!

Kesimpulan :

Membuat folder terlebih dahulu
Kemudian menjadikan folder tersebut diinitiasi oleh git. caranya masuk direktori folder (misal : web aqil ) tersebut dengan cara printah cd. kemudian ketik $ git init
Kemudian buatlah file di code edito (VSCODE) misal file index.html
Check di dalam folder tersebut (web aqil) ada apa saja dengan perintah ls
Kemudian ketik $ git status akan ada peringatan bahwa file tersebut belum di masukkan dalam stagging area
Kemudian masukkan ke staging area dengan cara $ git add . (spasi titik)
Kemudian langkah terakhir commit deengan cara ketik $ git commit - m " Mengubah file index dan menambahkan file css."
Untuk melihat perubahan apa saja yang dilakukan tekan $git log atau misalkan melihat 3 perubahan terakhir $git log -3

Baca Selengkapnya »

Jumat, 15 Mei 2020

Ekstensi yang harus Diinstall di VSCode

short cut untuk menampilkan tampilan ekstensi : CTRL + Shift + X

Matikan Editor Open dengan cara Ctrl +, (koma)

Masuk setting atau Ctrl + , (koma)
Ketik open edit visible, untuk menghilangkan tampilan open edit, kemudian ubah nilainya yang semula 9 menjadi 0
Ketik minimap, hilanngkan centangnya
Install font firacode, Masukkan file j.son edit
Kemudian masukkan populer ekstensi
Tambahkan esktensi live server chrome, setingannya bisa dilihat di blog

Auto Close Tag
Auto Rename Tag
Beauty
Bracket Pair Colorizer
CSS Peek
HTML CSS Support
HTML Snippets
Indent Rainbow
Intillisense for CSS class name in HMTL
JS-CSS-HTML Formatter
One Dark Pro (tema)
Open in Browser
PHP Intelephense, ketik @builtin php, disable PHP Language Features.
Material Icon Theme
VSCode Icon Team
Live Server, untuk php lihat tutorial berikut : ingat cukup foldernya saja, tanpa ditulis index.php

Baca Selengkapnya »

Shorcut Visual COde | Emmet Abreviation

klik di sini

Shortcut Penting VSCOde

Ctrl+Space : untuk menampilkan saran/penawaran
Ctrl+Shift+ P : untuk menampilkan thme color menampilkan, dll
Ctrl + B : menghilangkan taskbar
Ctrl + , (koma) : untuk menampilkan setingan font/ ukuran dsb.
Ctrl + D, untuk mengganti semua nilai yang sama.
Alt + Z, untuk wrapt text spy bisa dikecilkan windowsnya.
Ctr+/ (slash) : untuk menampilkan komentar
Alt + panah bawah : switch tukar (caranya teksnya di blok dulu)

Baca Selengkapnya »

Adobe Reader DC 2020

klik di sini

Baca Selengkapnya »

Tutorial VSCode

KELEBIHAN

VISUAL STUDIO CODE (VS CODE) DARI SUBLIME

Kenapa pindah ke VS Code?

1. Karena Visual Studio Code Gratis.

2. Untuk pengajaran persis sama dengan siswa gak ada sama sekali, tanpa ada plugin.

3. Sudah ada plug in favorit yaitu Emmet, untuk menulis html dan css.

4. Sudah ada linter, untuk mengecek kesalahan yang kurang. Contoh titik koma

5. Plugin untuk sublime tapi kalau VS code namanya eksensi.

6. Adanya intellisense, ngetik kemudian diberi saran/ penawaran, lebih lengkap dari sublime.

7. Bekerja dengan warna, sudah dimunculkan warnanya apa. Dan ketika disorot warnanya sudah ada color picker.

8. Punya sidebar, paling atas untuk esplorer.

9. Untuk membuat folder coba yang didalamnya ada file cs.js. maka tinggal ketik new, dan coba/cs.js

10. Karena dapat mudah mengelola ekstension/plug in. Sidebar kiri paling bawah.

11. Dapat mudah dengan terintegerasi dengan GIt.

12. Sublime lebih cepat, untuk PC yang rendah, lebih cepat sublime.

Mengkonfigurasi VSCode :

1. Kunjungi websitenya : https://code.visualstudio.com

2. Adanya commad pallete : Ctrl + Shift + P

3. Atau File preference – setting

4. Hilangkan ope editor : tekan Ctrl, (control koma) ketik open edito visible. Ubah angka 9 menjadi nol.

5. Minimap centang enible.

6. Font size gunakan 24, line hight : 40

7. Mengganti tema, pilih ekstensi (sidebar paling bawah), pilih one dark pro, material theme.

8. Mengubah font default, pilih : source code pro.

9. Control P untuk mencari file yang ada di folder

10. Ekstensi yang sering digunakan dalam php

a. Php intelephense, matikan vitur bawaan php di VScode. Yaitu PHP suggest basic

b. Bootsrap

c. Laravel snipset 5.

Shortcut Visual Code Cheat Sheet

10 Ekstension VS Code

Shortcut untuk menampilkan ekstension : Ctrl + Shift + X

1. Sublime text keymap

2. Open in browser atau live server (klik kanan open with live server)

3. Autorename tag atau seleksi control D

4. Intellisense for css class name untuk bootsrap

5. CSS Peek

6. Indent-Rainbow

7. Bracket pair colorize, kurung kurawal.

8. Beautify : format ident dalam format yang sama, caranya biar bisa rapi ketika disave, yaitu preference kemudian pilih user setting, centang format on save

9. PHP intellisense

10. Php intelephense,

Baca Selengkapnya »

Halaman

Menu

Minggu, 31 Mei 2020

Index.php

proses.php

File Index

file proses

file CSS

Sabtu, 30 Mei 2020

Format angka/nama hari:

Format angka/nama bulan:

Format angka/nama tahun:

Format angka untuk waktu:

file function.php

file utama

PHP OOP

klik di sini untuk menghubah php.ini waktu asia

Perhatikan tanda titik dua setelah location

Rabu, 27 Mei 2020

Taq untuk php

Minggu, 17 Mei 2020

Fungsi GIT adalah VCS (Version Control System)

Bekerja dengan GIT

Bekerja dengan GITHUB

Penggabungan GIT dan GITHUB

Kesimpulan

Tutorial GIT

sintak :

3 Area Repo Git

Code Editor VIM

Jumat, 15 Mei 2020

Shortcut Penting VSCOde

10 Ekstension VS Code