MAU JADI WEB DEVELOPER AHLI? PELAJARI POINT PENTINGYA DISINI!

Beranda
Komunitas
Tech
Kaskus Web Developer
MAU JADI WEB DEVELOPER AHLI? PELAJARI POINT PENTINGYA DISINI!

OWNER

eriksebastian88

30-10-2023 11:00

MAU JADI WEB DEVELOPER AHLI? PELAJARI POINT PENTINGYA DISINI!

Halo ganisis pembelajar web developer, sudah sampai mana belajarnya? Sudah bisa membuat simple web dengan HTML CSS dan Javascript, atau sudah bisa mengunakan bahasa pemrograman server-side seperti PHP, atau sudah sampai menggunakan library atau bahkan menggunakan framework?

sumur gambar

Apapun yang dipelajari, tentunya jangan sampai membuat gansis bingung yak, entah itu HTML, CSS, Javascript, PHP, Python dan lain sebagainya. Nah, berikut tips dari ane ketika gansis bingung harus mylai dari mana untuk belajar membuat website sendiri.

Web developer itu wajib memahami dasar pemrograman web, sejatinya berhubungan dengan web maka tidak akan lepas dari pembahasan mark up, nah mark up itu sendiri adalah elemen paling dasar dari sebuah website, karena tanpa adanya mark up, website akan terlihat tidak enak dipandang mata. At Least, gansis wajib tahu tentang HTML, karena HTML kepanjangan dari HyperText Markup Language.

Dengan menggunakan HTML, website yang gansis rencanakan pengembangannya akan lebih mudah dalam penvaturannya nanti, adapun hal-hal yang perlu gansis ketahui dasar-dasar dari penggunaan HTML adalah sebagai berikut:

Quote:

<!DOCTYPEhtml> 
<html lang="en"> 
<head> 
<meta name="description" content="" />
<meta name="description" content="" />
<title>Judul Web disini</title>
</head>
<body> 

</body>
</html>

Coba gansis perhatikan potongan kode diatas, jika gansis jeli maka akan melihat masing-masing kode yang memiliki nama yang diapit dalam kurung siku. Nah, setiap yang dikurung dengan kurung siku itu disebut dengan syntax atau tag atau element. Jadi, pada dasarnya dalam struktur dasar website itu terdapat tag <html>, <head> dan <body>. Masing-masing dari tag tersebut memiliki tag penutup, yaitu </html>, </head> dan </body>. Yang kemudian gansis bisa menambahkan apa saja ke dalam bagian body. Tapi sebelum kita ke bagian body, kita akan bahas bagian headernya terlebih dahulu.

Quote:

Head Tag

Quote:

Bagi pemain SEO (Search Engine Optimization) bagian header ini sangat penting dan tidak boleh dilewatkan, pasalnya melalui bagian head ini, para pemain SEO bisa memasukkan hal-hal yang dapat menaikkan traffic websitenya. Karena dalam hal ini ane sendiri bukan bagian dari pemain SEO maka tidak bisa dijelaskan dengan sangat gamblang apa yang dilakukan oleh para pelaku SEO. Namun dalam hal ini ane akan berikan setidaknya sedikit gambaran mengenai pemanfaatan bagian head untuk SEO.

Quote:

<head>
  <meta charset="UTF-8">
  <meta name="description" content="isi descripsi website">
  <meta name="keywords" content="isi keyword dari website">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

kurang lebih tambahannya adalah beberapa meta untuk disimpan di bagian head, pengisian description juga tidak boleh terlalu panjang dan tidak boleh teralalu pendek, setidaknya lebih dari 50 karakter.

Quote:

Body Tag

Quote:

Bagian yang menjadi tampilan dari sebuah website biasanya disimpan dibagian body, maka dari itu, seorang pengembang website harus mengenal syntax, tag atau element yang akan digunakan dalam body, misalnya saja yang paling umum digunakan adalah <div>, meskipun demikian kemajuan teknologi sekarang sudah memudahkan penggunaan element dengan bantuan semantic element, yang dimaksudkan dengan semantic element adalah element yang memiliki nama unik sesuai dengan fungsinya dan sudah dikenali oleh html itu sendiri sebagai tag, contohnya adalah <aside>, <nav>, <section>, <article>dan lain sebagainya.

contoh kecil dari penggunaannya adalah sebagai berikut:

Quote:

Nah, sekarang coba gansis buat kode tersebut di aplikasi notepad di windows atau menggunakan IDE seperti notepad++ atau lainnya, dan kemudian simpan dengan nama index dan ekstensinya adalah html sehingga filenya menjadi index.html

kita lanjut ke bagian yang lainnya setelah gansis merespon artikel ini!

Spoiler for Silent Reader:

Kutip

Balasan

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Komunitas Pilihan