🧮 Pembelajaran Informatika - SMP Kelas 9

🏠 Kembali ke Beranda

Selamat Datang di Kelas 9!

Di kelas 9, kita akan belajar pemrograman web lanjutan, database SQL, dan proyek akhir yang lebih kompleks. Siapkan diri Anda!

Iklan 728x90 - Pasang Kode AdSense Anda Di Sini

📚 Materi Pembelajaran (8 Bab)

Bab 1: Pemrograman Web Lanjutan

Kita akan belajar membuat website yang lebih interaktif dengan CSS lanjutan dan JavaScript!

CSS Lanjutan:

  • Flexbox: Layout fleksibel
  • Grid: Layout berbasis grid
  • Animation: Animasi CSS
  • Responsive: Tampilan mobile-friendly

JavaScript:

  • DOM Manipulation: Mengubah elemen HTML
  • Event Listener: Merespons aksi user
  • Form Validation: Validasi formulir

📹 Video Tutorial:

Bab 2: JavaScript Interaktif

JavaScript membuat website menjadi interaktif dan dinamis.

Dasar JavaScript:

// Variabel let nama = "Budi"; const umur = 15; // Fungsi function salam() { return "Halo, " + nama; } // Event Listener document.getElementById("btn").addEventListener("click", function() { alert("Tombol diklik!"); });

📹 Video Tutorial:

Bab 3: Database dan SQL

SQL adalah bahasa untuk mengelola database. Dengan SQL, kita dapat menyimpan dan mengambil data!

Perintah Dasar SQL:

-- SELECT: Mengambil data SELECT * FROM siswa; -- INSERT: Menambah data INSERT INTO siswa (nama, kelas) VALUES ('Andi', '9A'); -- UPDATE: Mengubah data UPDATE siswa SET kelas = '9B' WHERE nama = 'Andi'; -- DELETE: Menghapus data DELETE FROM siswa WHERE nama = 'Andi';

📹 Video Tutorial:

Bab 4: Fungsi dan Prosedur

Fungsi dan prosedur membantu kita menulis kode yang dapat digunakan kembali.

Contoh Fungsi:

// Fungsi dengan parameter function tambah(a, b) { return a + b; } // Fungsi tanpa return function tampilkanPesan(pesan) { console.log(pesan); } // Arrow function const kali = (a, b) => a * b;

📹 Video Tutorial:

Bab 5: Keamanan Aplikasi Web

Keamanan web melindungi aplikasi dari serangan dan akses tidak sah.

Ancaman:

  • SQL Injection: Serangan melalui input
  • XSS: Penyisipan script
  • CSRF: Permintaan palsu

Cara Perlindungan:

  • Validasi input
  • Escape output
  • Gunakan HTTPS
  • Password hashing

📹 Video Tutorial:

Bab 6: API dan Integrasi

API memungkinkan aplikasi berkomunikasi satu sama lain.

Contoh API:

// Mengambil data dari API fetch('https://api.example.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error));

API Populer:

  • Google Maps API
  • OpenWeatherMap
  • REST API

📹 Video Tutorial:

Bab 7: Version Control dengan Git

Git membantu kita melacak perubahan kode dan bekerja sama dalam tim.

Perintah Dasar Git:

# Inisialisasi git init # Menambah file git add . # Commit git commit -m "Pesan" # Branch git branch fitur baru git checkout fitur baru # Merge git merge fitur baru

📹 Video Tutorial:

Bab 8: Proyek Akhir - Website Dinamis

Proyek akhir berupa website dinamis dengan fitur interaktif!

Spesifikasi:

  • Halaman HTML responsif
  • CSS styling menarik
  • JavaScript interaktif
  • Navigasi berfungsi

Langkah:

  1. Desain layout
  2. Buat struktur HTML
  3. Tambahkan CSS
  4. Implementasi JS
  5. Test dan perbaikan

📹 Video Tutorial:

Iklan 728x90 - Pasang Kode AdSense Anda Di Sini

📋 Ringkasan Materi

Di kelas 9 ini, Anda telah belajar 8 bab:

  1. Pemrograman Web Lanjutan
  2. JavaScript Interaktif
  3. Database dan SQL
  4. Fungsi dan Prosedur
  5. Keamanan Aplikasi Web
  6. API dan Integrasi
  7. Version Control dengan Git
  8. Proyek Akhir - Website Dinamis

🎯 Kompetensi yang diharapkan: Siswa dapat membuat website dinamis dengan HTML, CSS, JavaScript, dan memahami dasar database.

Iklan 728x90 - Pasang Kode AdSense Anda Di Sini

Quiz

🏆 Leaderboard Semua Quiz