Tulisan ini adalah tulisan ringkas untuk memperkenalkan anda kepada web development. Kamu akan belajar menginstal berbagai tool yang kamu butuhkan untuk membuat sebuah halaman web yang sederhana dan membagikan web kamu ke internet.

Alur pembuatan website pertama kamu

Banyak sekali hal yang harus dilakukan untuk membuat web profesional, jadi jika kamu benar-benar baru di bidang web development, kami anjurkan kamu untuk mulai pelan-pelan. Kamu tidak akan membuat sebuah website layaknya Facebook, namun kali ini kamu akan membuat website yang sangat sederhana.

Menginstal perangkat lunak dasar

Banyak sekali tool yang bisa kamu pilih untuk membuat sebuah website. Kamu mungkin akan kebingungan dengan banyaknya editor kode, framework, atau testing tool yang ada di luar sana. Di Menginstal perangkat lunak dasar kami akan menunjukkan langkah-langkah dalam penginstalan perangkat lunak yang kamu butuhkan untuk membangun website sederhana kamu.

Akan terlihat seperti apa website kamu?

Sebelum kamu mulai menulis kode untuk websitemu, kamu harus membuat perencanaan terlebih dahulu. Informasi apa yang akan kamu muat di dalam website tersebut? Font dan warna apa yang akan kamu gunakan? Situs anda akan terlihat seperti apa? Kami akan memberikan kamu sebuah metode sederhana yang bisa kamu ikuti untuk merencanakan konten dan desain websitemu.

Berurusan dengan file

Sebuah situs terdiri dari banyak file: konten teks, kode, stylesheet, konten media, dan seterusnya. Ketika kamu membangun sebuah situs, kamu harus mengatur semua file dalam struktur yang baik dan memastikan bahwa semua file dapat berkomunikasi kepada satu sama lain. Menangani file menjelaskan bagaimana caranya kamu dapat menyiapkan struktur file dengan baik dan isu-isu apa sajakah yang harus kamu perhatikan.

HTML dasar

Hypertext Markup Language (HTML) adalah kode yang kamu pakai untuk membuat struktur konten websitemu dan memberikannya arti dan tujuan. Sebagai contoh, apakah konten yang saya buat terdiri dari paragraf-paragraf, atau poin-poin? Apakah saya memiliki gambar-gambar di halaman saya? Apakah saya memiliki tabel data? Tanpa membuatmu kewalahan, HTML dasar akan memberikanmu informasi yang cukup untuk membuatmu familiar dengan HTML.

CSS dasar

Cascading Stylesheets (CSS) merupakan kode yang dapat kamu pakai untuk memberikan gaya atau style pada websitemu. Sebagai contoh, apakah kamu ingin teks berwarna hitam atau merah? Dimanakah seharusnya konten ditampilkan pada layar? Apa latar belakang gambar dan warna yang seharusnya dipakai untuk mendekorasi website kamu? CSS dasar akan membantu kamu memulai.

JavaScript dasar

JavaScript adalah bahasa pemrograman yang dapat kamu pakai untuk menambahkan fitur interaktif pada websitemu, seperti permainan (game), hal yang akan terjadi ketika tombol ditekan atau data dimasukkan ke dalam form, penambahan efek styling yang dinamis, animasi, dan banyak lagi. JavaScript dasar memberikan kamu sebuah ide tentang apa saja yang mungkin dapat kamu lakukan dengan bahasa menakjubkan ini, dan bagaimana cara memulainya.

Mempublish website kamu

Setelah kamu menyelesaikan penulisan kode dan penyusunan file dalam pembuatan situs, kamu perlu untuk mempublikasikan websitemu secara online sehingga orang-orang dapat mengaksesnya. Publikasi sampel kode menjelaskan bagaimana cara untuk mempublikasikan sampel kodemu secara online dalam waktu yang singkat.

Bagaimana web bekerja

Ketika kamu mengakses situs favorit kamu, banyak hal rumit yang terjadi di belakang yang mungkin saja tidak kamu ketahui. Bagaimana web bekerja menjelaskan garis besar dari hal apa saja yang terjadi ketika kamu melihat sebuah halaman web pada komputer kamu.

Tag Dokumen dan Kontributor

Terakhir diperbarui oleh: thickkoezz,