5 Hal yang perlu dipahami Programmer Web Newbie (Pemula) untuk menghindari kebuntuan [HTML, CSS, JS]

www.shutterstock.com
http://www.shutterstock.com

Setelah berjam-jam berkutik dengan kode HTML, CSS, dan JS tanpa menghasilkan solusi, saya dapat menarik suatu kesimpulan. Kesimpulan tersebut terkait kesalahan yang sering dilakukan oleh Programmer Web Newbie (Pemula) saat memulai coding, yakni masalah ketidaktahuan.

Kebuntuan penulisan kode selama berjam-jam dapat dialami apabila programmer web tidak menyadari 5 fakta unik yang akan dibahas dalam tulisan ini. Fakta-fakta tersebut unik karena kadang susah untuk dijelaskan dengan kata-kata. Selain itu, fakta ini kadang hanya bisa difahami setelah membaca beberapa teori yang terpisah.

Untuk menjawab kegalauan tersebut dan untuk menghindari kebuntuan selama berjam-jam, programmer pemula perlu mengerti tentang 5 fakta berikut ini:

1. Pemisahan file HTML, CSS, JS

Pisahkan kode HTML dari kode style CSS dan script JS. Hal ini bermanfaat saat debug (pemeriksaan kode yang error). Kode yang terpisah akan mempermudah dan mempercepat anda mencari kesalahan yang mungkin ada.

Hindari membuat style dalam kode HTML maupun JS (beresiko memperumit struktur kode).

baca juga: https://www.w3.org/wiki/The_web_standards_model_-_HTML_CSS_and_JavaScript

2.Penggunaan CSS Reset

Kadang kita telah menggunakan kode syle yang benar. Namun demikian, tidak terjadi perubahan pada tampilan. Hal ini dikarenakan browser masih menyimpan cache style css anda. Gunakan CSS reset agar browser menghapus cache style saat direload/ refresh.

baca juga: http://html5doctor.com/html-5-reset-stylesheet/

3.Perbedaan id dan class dalam CSS

Kadang kita mencampuradukkan id dan class dalam mendesain halaman web. Hal ini sangat berbahaya jika kita tidak benar-benar memahaminya. Anda dapat menggunakan id yang bersifat global dan unik dalam kode css. Sebagai kebalikannya, fungsi class bersifat lokal dan tidak unik jika digunakan. Pencampuran penggunaan id dan class dapat membuat style halaman web tidak berubah jika programmer tidak paham betul.

baca juga: https://css-tricks.com/the-difference-between-id-and-class/

4. Karakteristik inline-block dan block

Programer pemula juga perlu memahami bahwa ada perbedaan karakteristik objek inline-block dan block. Secara sederhana, anda pasti faham dengan picture wrap pada program MS Word. Perbedaan tersebut hampir sama dengan perbedaan inline-block dan block. Inline-block terpengaruh dengan text align sedangkan block tidak terpengaruh. Ada perbedaan kode terkait perataan (align)Β  suatu inline-block dengan block.

baca juga: https://www.impressivewebs.com/difference-block-inline-css/

5. Posisi absolute dan relative dari suatu block

Posisi mempengaruhi suatu block terkait penempatannya. Posisi absolute berarti mengacu kepada window browser (koordinat 0,0). Sedangkan posisi relatif berarti mengacu pada suatu objek lain dalam halawam web.

Apabila programmer tidak memberikan jenis posisi kepada suatu block, maka akan terjadi error tampilan. Error tersebut biasanya meliputi salah penempatan, pergeseran, padding, margin, background, dan lain-lain.

baca juga: https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

Demikianlah kelima hal yang perlu diperhatikan sebelum anda menulis kode untuk web anda. Semoga bermanfaat.

Salam πŸ€ πŸ’‘πŸƒβœ¨πŸ™πŸΌ

Iklan

Cara upgrade Windows 7 ke Windows 10 secara offline

Tutorial ini untuk anda yang memiliki lisensi Windows 7 Resmi – Original. Upgrade dapat dilakukan sebelum 31 Desember 2017.

Tutorial ini menggunakan metode “Create installation media (USB flash drive, DVD, or ISO file) to install Windows 10”.

Instalasi offline yang dimaksud dalam artikel ini adalah tidak perlu lagi mendownload windows updrager file yang ukurannya besar (sekitar 1 giga). Namun demikian, pada kenyataannya driver hardware ataupun program pelengkap lain mungkin masih diperlukan untuk didownload setelah upgrade. Jika ingin benar2 offline, silahkan mendownload juga driver hardware dan program pelengkap lainnya sebelum upgrade.

TAHAPAN PENGECEKAN AWAL

Anda harus memastikan beberapa hal berikut ini sebelum melakukan upgrade, yakni:

  1. Anda punya konensi internet handal.
  2. Komputer anda memiliki kapasistas penyimpanan yang cukup dan dalam kondisi kosong.
  3. Cek apakah komputer anda memiliki arsitektur 64-bit atau 32-bit.
  4. Cek apakah komputer anda memenuhi persyaratan minimum untuk diupgrade ke Windows 10 (dapat dilihat pada link ini).
  5. Cek dan catat versi windows anda saat sebelum di upgrade (versi windows awal, caranya masuk Control Panel > System, akan muncul informasi windows edition komputer anda)
  6. Cek hardware compatibility dari komputer anda juga (contoh RAM compatibility, Graphic Card Compatibility, sound card compatibility, dsb.) Maaf harus manual cek, contoh NVidia website untuk driver, dsb.
  7. Anda harus yakin juga bahwa anda menyimpan semua lisensi software berbayar yang terinstall di komputer anda, Ada resiko anda harus menginstall ulang software tersebut. Keberadaan lisensi software sangat penting untuk menghindari hilangnya lisensi software berbayar tersebut.
  8. Backup semua data penting ke tempat yang aman, misal eksternal hard disk, dsb. jangan simpan di hardisk yang sama. Beresiko data terhapus.

Ketentuan lain yang lebih lengkap dan valid harus dilihat di tautan berikut ini (WAJIB). https://www.microsoft.com/en-us/software-download/windows10#34de222e-6944-44aa-8f45-8e96988880a4

TAHAPAN PERSIAPAN TOOL UPGRADE

Anda harus mendownload tool upgrade pada link berikut ini dan menyimpan file tersebut di komputer anda. Download pada bagianΒ Create Windows 10 installation media, pilih tombol download tool now. https://www.microsoft.com/en-us/software-download/windows10#34de222e-6944-44aa-8f45-8e96988880a4

Langkah-langkah yang harus dilakukan adalah:

  1. Jalankan tool tersebut dengan klik kanan lalu run as administrator.
  2. Agree/ Accept to the license terms.
  3. Pada halaman What do you want to do?, pilihlah Create installation media for another PC, kemudian pilih Next.
  4. Pada bagian ini anda harus memilih versi 64bit atau 32 bit, bahasa yang digunakan, lalu pilih versi windows anda saat ini. Anda sebaiknya uncheck pilihan use the recommended option for this pc, isikan data yang sesuaikan dengan spek pc yang akan diupgrade, bukan pc yang lain.
  5. Pada halaman choose which media to use, anda dapat pilih iso file.
  6. Silahkan pilih lokasi dimana file instalasi akan disimpan.
  7. Kemudian proses download akan berlangsung. File cukup besar mungkin kurang lebih 1 giga, bisa kurang bisa lebih, namun cukup besar. Tunggu hingga download selesai.

Selain windows upgrader, anda juga perlu mendownload iso loader software. Salah satu contohnya adalah virtual clone drive. Anda bisa download software tersebut melalui link ini.

TAHAPAN UPGRADE WINDOWS

Anda harus meng-copy/ menyalin file windows upgrader (misal windows.iso) dan iso loader software (misal vcdrive.exe) ke komputer yang akan anda upgrade.

Ikutilah tahapan berikut ini:

  1. Install virtual clone drive di komputer yang akan anda upgrade.
  2. Jalankan virtual clone drive.
  3. Mount windows upgrader iso (misal windows.iso).
  4. Masuk ke windows explorer, buka disk virtual baru yang muncul, yakni disk virtual windows upgrader.
  5. Jalankan setup.exe dengan cara klik kanan lalu run as administrator.
  6. Ikuti tahap2 instalasi windows hingga selesai.

Ketentuan lain yang lebih lengkap dan valid harus dilihat di tautan berikut ini (WAJIB). https://www.microsoft.com/en-us/software-download/windows10#34de222e-6944-44aa-8f45-8e96988880a4

TAHAPAN PENYESUAIAN DRIVER

Pada beberapa kasus, anda perlu menyesuaikan driver hardware dan software pada komputer anda setelah proses upgrade dilakukan. Hal yang umum biasanya adalah upgrade driver graphic card, misal NVIDIA.

Dalam kasus ini anda harus membuka website NVIDIA GEFORCE untuk mendownload driver yang sesuai. Jika anda memilik metode manual, maka anda harus memasukkan spesifikasi komputer anda dan spesifikasi lainnya. Dari informasi ini anda akan dapat mendownload driver yang tepat/ cocok. Ada juga versi otomatis tapi jarang cocok saat akan diinstall. Anda juga dapat mendownload software Driver Easy untuk memberikan informasi driver NVIDIA yang tepat. Jika driver easy ternyata tidak gratis, maka ada alternatif lain yang gratis, yakni SlimDrivers – Free dan freedriverscout.

Ada banyak petunjuk instalasi driver setelah upgrade. Salah satunya dapat dilihat pada link berikut ini.

https://www.drivereasy.com/knowledge/tips-to-update-windows-10-nvidia-graphics-card-drivers-successfully/

https://www.windowscentral.com/how-fix-nvidia-control-panel-not-opening-windows-10-anniversary-update

Semoga bermanfaat.

Sukses untuk semua. πŸ˜€ πŸ™πŸΌπŸƒβœ¨πŸŽ

 

Dari Bandara Halim ke Balai Irigasi Bekasi naik Angkutan Umum

Pengalaman Naik Angkutan Umum dari Bandara Halim – Balai Irigasi Bekasi πŸ˜…πŸšŒ

Jalan Cut Meutia No. 147, Bekasi

1. Dari halim naik GOJEK sampai UKI (Bundaran ke Tol) Rp. 15.000,-

2. Dari UKI naik Bis Mayasari Bakti jurusan Bekasi Barat (P9B) turun di depan Kantor Balai Irigasi, Rp. 7.000,-

#JakartaBebasMacet 2015

TipeAnggota di GROUPWA

ADA 21- TYPE ANGGOTA WA di GROUP = “Kebersamaan”

1) *Silent reader* _(Mr. No Comment)_:
Terdaftar anggota group, tapi tak prnh muncul.πŸ‘€
2) *Reporter*:
Rajin melaporkan keadaan apa saja, secara rutin. πŸ‘“πŸ€“
3) *Motivator*:
Penuh kata pujangga, nasihat, memompa semangat dll.πŸ‘‹
4) *Kalong*:
Cuma aktif kalau malam, kalau siang tak pernah muncul. πŸŒ™
5) *Jailangkung*:
Muncul hanya bila namanya disebut πŸ‘»
6) *Keyboardis*:
Hiperaktif di medsos, tapi aslinya ternyata pendiam.🎹
7) *Sensi- Muntaber*:
Tersinggung sedikit terus ‘Left Group’. “Mundur Tanpa Berita” ( BAPER ) 😜
Tak lama lagi sadar dan lebih sabar, lalu minta admin tlg add kembali.
8) *Cassanova*:
Baru nimbrung kalo ada cewek muncul. 😎😎
9) *Design Grafis*:
Suka edit pic. org habis itu dijadikan meme.🎨
10) *Penceramah*:
Hobinya memforward ceramah agama, kutipan ayat suci dll.
Tp ga bisa buat sendiri.πŸ˜‡
11) *Salesman*:
Suka posting artikel ttp sengaja atau tdk itu iklan, biasanya mengenai tempat makan enak, dokter yg jago, sekolah tertentu yg katanya paling hebat, promosi obat2Γ—an tertentu, atau iklan buah2Γ—an import dibumbui cerita khasiatnya dll.😁
12) *Politikus*:
Kadang2Γ— spt pengamat, suka membahas materi politik, ekonomi dll, mengkritik lawannya, atau membuat opini pncitraan diri/ kelompok.πŸ˜†
13) *Tracker*:
Gemar mengirim drop pin googlemap. πŸƒπŸ™†
14) *Ghost writer*:
Nampak “…is typing” tapi gk prnh keluar posting nya. trnyata cuma demen towel-2 keyboard.😘
15) *Reporter Infotainment*:
Gemar forward gosip hangat. ditambahin bumbu2 pelengkap. 🎀
16) *Zombie*:
Hanya muncul kalo ada perlu. Abis tuh ngilang lagi.πŸ‘
17) *Comica*:
Punya segudang jokes sbg amunisi utk dikeluarin pd saatnya. 🎭
18) *Pasien Parkinson*:
Sering salah ketik tp gak peduli langsung diposting.πŸ¦‚
19) *Fans Wisata Kuliner*:
Suka pamer gambar/ foto makanan utk sarapan, makan siang/ malam supaya teman nya ngiler.πŸ—πŸŒ­
20) *Kepribadian Terbelah*:
Sering forward khotbah, ayat suci dll. tapi lain waktu juga forward gambar yang aneh2.πŸ™€
21) *Supporter*:
Jarang komen, sekalinya muncul cuma kasih. πŸ‘πŸ˜πŸ˜πŸ™πŸ˜πŸ˜πŸ‘

Peace ya, just kidding just for laugh. πŸ˜€

SUMBER: ada teman copas di group wa. (7 Juni 2016)

keep calm and mute your group chats
keep calm and mute your group chats