ALUR BELAJAR KOMPUTER

ALUR BELAJAR KOMPUTER

Kamis, 11 Desember 2025

Web Development ( Dasar )

 

Apa itu Web Development?

Web Development adalah proses membuat dan mengembangkan sebuah website — mulai dari tampilan, fitur, hingga cara kerjanya.

Tujuan utamanya:

  • Menampilkan informasi

  • Menyediakan layanan (login, toko online, form, dll.)

  • Membuat halaman web yang interaktif dan mudah digunakan

Tiga Komponen Utama Web Development

Web development dibagi menjadi tiga bagian besar:

1. Front-End Development (Bagian Tampilan)

Ini adalah bagian website yang terlihat oleh pengguna.

Bahasa yang digunakan:

  • HTML → membangun struktur halaman

  • CSS → memberi gaya/tampilan (warna, layout, font)

  • JavaScript → membuat halaman menjadi interaktif

Contoh tugas Front-End:

  • Mengatur layout halaman

  • Membuat tombol, menu, dan animasi

  • Menampilkan data dari server

2. Back-End Development (Bagian Belakang Layar)

Bagian ini bekerja di server dan tidak terlihat oleh pengguna.

Bahasa yang umum digunakan:

  • PHP

  • Python

  • Java

  • Node.js (JavaScript)

  • Ruby

Back-end mengatur:

  • Login & keamanan

  • Mengolah data

  • Berkomunikasi dengan database

  • Logika aplikasi

3. Database

Database menyimpan data agar bisa dipanggil oleh website.

Contoh database:

  • MySQL

  • PostgreSQL

  • MongoDB

  • SQL Server

Contoh data yang disimpan:

  • Akun pengguna

  • Produk toko online

  • Riwayat transaksi

  • Posting blog

Alur Kerja Website Secara Sederhana

  1. Pengguna membuka halaman web

  2. Front-end menampilkan tampilan halaman

  3. Jika butuh data (misal login): front-end mengirim permintaan ke back-end

  4. Back-end mengambil/mengolah data dari database

  5. Hasil dikirim lagi ke front-end

  6. Pengguna melihat data pada layar

Contoh Teknologi dalam Web Development

Front-End

  • HTML

  • CSS

  • JavaScript

  • Framework: React, Vue, Angular

Back-End

  • Node.js

  • Laravel (PHP)

  • Django / Flask (Python)

  • Spring Boot (Java)

Database

  • MySQL

  • MongoDB

  • Firebase

Contoh Sederhana: Struktur Website

<!DOCTYPE html>
<html>
<head>
    <title>Website Sederhana</title>
</head>
<body>
    <h1>Halo, Selamat Datang!</h1>
    <p>Ini adalah contoh website dasar.</p>
</body>
</html>

Skill Dasar yang Wajib Dikuasai Pemula

  1. HTML dasar (membuat struktur web)

  2. CSS dasar (mengatur tampilan)

  3. JavaScript dasar (membuat interaksi)

  4. Cara membuat halaman responsif (mobile-friendly)

  5. Mengerti konsep hosting dan domain

  6. Dasar-dasar Git/GitHub untuk menyimpan kode

Jenis-jenis Web Developer

  1. Front-End Developer → fokus tampilan

  2. Back-End Developer → fokus server & database

  3. Full-Stack Developer → menguasai front-end & back-end

Posted by at

Tidak ada komentar:

Posting Komentar

SILAHKAN BERKOMENTAR BEBAS TAPI SOPAN

Langganan: Posting Komentar (Atom)

APK SEB EXAM BROWSER

Postingan Populer

  • Hardware Komputer
    Hardware adalah komponen fisik dari komputer atau perangkat elektronik - bagian yang dapat dilihat dan disentuh. Hardware bekerja bersama ...
  • BELAJAR DASAR PYTHON
       DASAR- DASAR PYTHON 🟢 1. APA ITU PYTHON? Python adalah bahasa pemrograman  untuk: Game 🎮 Aplikasi 🧩 Website 🌐 AI 🤖 URUTA...
  • VARIABEL (TEMPAT MENYIMPAN DATA) PYTHON DASAR
    🧺 VARIABEL (TEMPAT MENYIMPAN DATA) — PYTHON  Variabel adalah nama untuk menyimpan data di program. Ibaratnya seperti kotak yang bisa...
  • Dasar - dasar Informatika
      📘 DASAR-DASAR TEKNIK INFORMATIKA 1. Hardware (Perangkat Keras) Teknik Informatika mempelajari komponen fisik komputer, seperti: CPU...
  • UJIAN SEKOLAH
    B.INDO https://docs.google.com/forms/d/e/1FAIpQLSeNxnv2TZTKvI6BOgSo3QBq-rULK1QOEs1RzBNMYc22VVXdEA/viewform?usp=publish-editor PAI https://do...