Ahad, 1 September 2019
Hari
ini bertepatan dengan hari ahad/minggu jika ditempat lain hari ini merupakan
hari libur akhir pekan, di Pesantren Siber Bandung hari ini termasuk hari
efektif Kegiatan Belajar Mengajar (KBM) walaupun tidak seharian penuh. Jika
melihat dari jadwal, pukul delapan hingga sembilan adalah waktu absen kehadiran
terutama bagi peserta didik yang menginap di asrama yang mengambil izin libur.
Selanjutnya ada Taujihat Wan Nasihat (bimbingan dan nasehat) yang dilaksanakan
selama setengah jam, dilanjutkan dengan kegiatan belajar mandiri hingga waktu
dzuhur tiba.
Untuk kegiatan setelah dzuhur,
pada sekitar pukul satu siang dilaksanakan KBM yang diisi oleh a Raffi. Pertama-tama
beliau memperkenalkan diri terlebih dahulu. Nama lengkapnya adalah Mochammad
Raffi, pada usianya yang masih sangat muda yaitu 18 tahun ia sudah bekerja
sebagai programmer di Kementrian Kominfo Jakarta pada divisi web developer dan
juga sebagai Tim Hacker di NCSD (Nasional Cyber Security Defense). Pada akhir
pekan -sabtu & ahad- ia pulang ke bandung, sehingga pada setiap hari ahad
ia mengajar disini. Pelajaran yang akan ia ajarkan disini mengenai html, css, javascript,
php dan software yang akan digunakan untuk kedepannya adalah google chrome,
mozilla firefox, visual studio code , xampp. Beliau menggambarkan html layaknya
kerangka, javascript sebagai pengggerak -layaknya otot dan sendi pada tubuh-, dan
CSS untuk penampilannya.
Selanjutnya beliau menyuruh kami
untuk menulis html sederhana -karena belum memliki visual studio code, saya
sendiri menggunakan Sublime text- seperti berikut :
<!DOCTYPE
html>
<html>
<head>
<title>Pondok
Siber Bandung</title>
</head>
<body>
<h1>Pondok
Siber Bandung</h1>
<h2>Pondok
Siber Bandung</h2>
<h3>Pondok
Siber Bandung</h3>
<h4>Pondok
Siber Bandung</h4>
<h5>Pondok
Siber Bandung</h5>
<h6>Pondok
Siber Bandung</h6>
<p>
Tahun
1440 H segera usai dan akan masuk ke <b>1 Muharram 1441 H</b>.
Menurut kalender <strong>Tahun Baru Islam</strong> 1 Muharram 1441
H tahun ini akan jatuh pada <i>1 Septemnber 2019.</i><br>
Momen
memasuki <a
href="htttps://www.google.com/search?q=Tahun+Baru+Islam"
target="_blank">Tahun Baru Islam</a> dapat pula dilakukan
dengan cara berdoa kepada Allah subhaanahu wa ta'ala.
</p>
<pre>Tahun
1440 H segera usai dan akan masuk ke 1 Muharram 1441 H. Menurut kalender, Tahun
Baru Islam 1 Muharram tahun ini akan jatuh pada 1 September 2019.
Salah satu dari beberapa anjuran
yang ditunjukan tiap bulan Muharram adalah melaksanakan Puasa Sunnah Muharram.
</pre>
<blockquote>"Man
Jadda Wajada" - Anonim</blockquote>
<!--<h1>Pondok
Siber Bandung</h1> || Ini adalah komentar atau bayang-bayang saja, tidak
akan tampil di website -->
<center><img
src="1.jpg" width="300px"
height="350px"></center>
<hr>
<ul>
<li>List
1</li>
<li>List
2</li>
<li>List
3</li>
</ul>
<ol>
<li>List
1</li>
<li>List
2</li>
<li>List
3</li>
</ol>
</body>
</html>
Ketika kami telah selesai
menulisnya, beliau pun mulai menjelaskan elemennya, berikut penjelasannya :
§
<!DOCTYPE > berguna
untuk menandakan jenis/tipe dokumen yang dipakai
§
<html> menandakan hal
setelahnya sudah masuk ke html -beliau juga mengingatkan jika sudah menulis
pembuka jangan lupa menulis penutupnya untuk menghindari terjadi kesalahan baik
berupa perubahan hingga terjadi error pada html, untuk mempermudah dalam
pencarian pembuka & penutup bisa dilihat di sisi kiri aplikasi disamping
nomor terdapat tanda panah keatas atau kebawah.
§
<head> untuk bagian
atas/kepala, <title> alias judul yang letaknya nanti ada di halaman pojok
atas, penulisannya harus ada didalam “head”
§
<body> bagian yang
berisikan konten, sebenarnya tanpa penulisan tersebut html tetap bisa berjalan
tetapi untuk menyesuaikan standar internasional dalam web developer
§
<h1> huruf ‘h’ disini
adalah heading dan nomor ‘1’ untuk menandakan poin pertama yang paling besar,
semakin angkanya membesar maka ukuran tulisan akan semakin kecil
§
<p> untuk membuat
paragraf yang didalamnya berisi tulisan
§
<pre> sama seperti
<p> untuk membuat paragraf, perbedaannya adalah jika pada paragraf
<pre> kita tekan ‘enter’ atau ‘tab’ misalnya maka tampilan teks juga akan
berubah, berbeda dengan <p> walaupun kita tekan ‘enter’ atau ‘tab’
berkali-kali pun tidak akan ada perubahan pada tampilan teks.
§
<b> bold untuk
menebalkan tulisan
§
<strong> disisi
pengguna sama saja seperti bold -menebalkan tulisan-, tapi bagi web developer
strong ini maknanya lebih luas dari bold -bold hanya untuk menebalkan tulisan
sedangkan strong bisa berarti penting untuk dibaca dan lain sebagainya-
§
<i> italic untuk
memiringkan tulisan
§
<a href> untuk
menampilkan URL atau link, target="_blank" fungsinya ketika url/link
di tekan nanti akan membuka tab baru
§
<!--> untuk menulis
komen yang hanya bisa dilihat dari html tidak akan keluar pada tampilan
§
<blockquote> untuk
menulis quote/kata mutiara
§
<img src> untuk
menyisipkan gambar, jika ada tulisan “../” pada img src artinya keluar folder
html, ‘width’ untuk ukuran lebar gambar, ‘height’ untuk ukuran tinggi gambar
dan ‘px’ artinya pixel -satuan pada gambar-
§
<br> untuk buat baris
baru seperti menekan ‘enter’
§
<hr> untuk membuat
garis horizontal
§
<ul> untuk pembuatan
list berupa titik/bullet
§
<ol> untuk pembuatan
list berupa penomoran/numbering
Terakhir,
saya teringat hadits Nabi shallallahu alaihi wa sallam dimana beliau bersabda:
(من أصبح منكم معافى في جسده آمنا في سربه
عنده قوت يومه فكأنما حيزت له الدنيا)
Artinya : “Barangsiapa yang pada
pagi hari sehat badannya, tenang jiwanya, dan dia mempunyai makanan di hari
itu, maka seolah-olah dunia ini dikaruniakan.” Hadits tersebut bisa menjadi
renungan bagi kita semua karena banyak diantara kita selalu berkeluh-kesah
mengenai apa yang terjadi padanya padahal ia memiliki tiga nikmat besar seperti
yang disebutkan pada hadits diatas namun ia selalu menyepelekan nikmat-nikmat
tersebut, padahal nikmat tersebut termasuk nikmat terbesar dalam kehidupan
dunia. Bayangkan jika kalian adalah orang kaya raya yang memliki harta yang
berlimpah tetapi kalian misalnya memliki tubuh yang berpenyakit atau kalian tinggal
di tempat yang tidak aman dimana peperangan terjadi, bom meledak dimana-mana,
maka akankah harta yang kalian miliki tersebut bisa menjadi nikmat yang
membahagiakan dan menetramkan kalian yang kalian idam-idamkan selama ini? Maka
perbanyaklah bersyukur atas apa yang telah Allah anugerahkan pada kalian......!
Apapun itu......
EmoticonEmoticon