Belajar Bikin Website

Front-End Web Development

webdev

Learn by Doing

Konsep Kode

Memahami konsep kode. Belajar menggunakan kode melalui contoh. Learn by example.

Praktek koding

Bermain Kode. Ubah value, atau menambahkan atribut melalui code editor. Lihat hasilnya bagaimana.

Problem Solving

Menyusun kode dan web design elements. Bikin responsive web design dan web project.

HTML CSS dan JS

HTML, CSS, dan JS adalah kode untuk merancang website dari dasar. Dikenal juga sebagai front-end atau bahasa client side.

Manfaat menguasai front-end adalah:

  1. Anda mempunyai kontrol sepenuhnya terhadap kode website yang dikoding sendiri.
  2. Anda belajar membuat website dari dasar tanpa framework yang kompleks. Tidak perlu memanggil file framework eksternal dan kode-nya banyak yang tidak terpakai.
  3. Ukuran file lebih kecil. Transfer data ( bandwidth ) lebih sedikit. HTTP request berkurang. Loading lebih cepat.
  4. HTML, CSS, dan JavaScript sangat membantu pemrograman web development lebih lanjut. Misalnya ketika menggunakan PHP - MySql atau JavaScript framework.

Website Statik

Website yang dibangun dengan HTML, CSS, dan JavaScript dikenal sebagai website statik. Artinya kalau ingin menambahkan halaman baru atau edit artikel, Anda harus melakukan perubahan pada source code-nya.

Kalau ingin mengganti tampilan desain website, harus merancang dari awal atau me-modifikasi web template yang sudah jadi sesuai dengan kebutuhan.

Karena itu, website statik cocok untuk website skala kecil. Misalnya kurang dari dua puluh halaman. Semakin sering menambahkan halaman baru, semakin banyak kerjaan yang harus dilakukan.

Keunggulan website statik adalah ukuran file lebih kecil. Penggunaan kode lebih effisien. HTTP request di-minimalisir sehingga waktu loading lebih cepat.

Personal website seorang programmer seringkali hanya menggunakan HTML dan CSS saja. Tanpa framework dan JavaScript digunakan kalau perlu.

Berminat belajar bikin website?

Kontak Sitemap