← Level 4 – Data pro

Pelajaran 3 dari 6 ⏱ 40 menit Premium

GitHub – kode di internet

Unggah repositori kamu ke GitHub. Cadangan cloud dan landasan penerapan.

Mengapa GitHub

Git mencadangkan riwayat di komputer kamu sendiri. GitHub adalah situs web tempat kamu mengunggah riwayat tersebut – cadangan cloud, berbagi dengan teman, dan koneksi ke Render/Vercel untuk penerapan. Siapkan akun di github.com dengan orang tua (email orang tua, berusia 13+ tahun, atau akun keluarga).

Tunjukkan pada saya: repositori baru

  1. Di GitHub: Repositori baru → beri nama mis. proyek-web-sayatanpa README (kamu sudah memiliki kode lokal).
  2. GitHub akan menampilkan beberapa perintah. Di terminal proyek kamu (ganti NAMA PENGGUNA ANDA):
git remote add origin https://github.com/YOUR-USERNAME/my-web-project.git
git branch -M main
git push -u origin main

Pada push pertama, GitHub akan meminta kamu untuk masuk – gunakan Token Akses Pribadi (dalam pengaturan GitHub → Pengaturan pengembang → Token), bukan kata sandi akun kamu.

  1. Refresh halaman repositori – kode kamu ada di internet.

Tunjukkan pada saya: lebih banyak perubahan

Edit kode kamu, lalu:

git add .
git commit -m "Fixed the footer"
git push

Tiga langkah yang akan kamu ulangi selamanya: tambahkan → komit → dorong.

💡

Keamanan: jangan pernah memasukkan kata sandi, kunci API, atau mail-config.php ke Git. Itu sebabnya kamu memiliki .gitignore dan .env. Jika kamu tidak sengaja memasukkan kata sandi, segera beri tahu orang tua – kata sandi tersebut perlu diubah dan riwayatnya dibersihkan.

Giliran kamu 💪

  1. Buat repositori di GitHub untuk proyek utama kamu (React atau server – satu saja sudah cukup untuk memulai).
  2. Hubungkan dengan git remote add origin... dan git push.
  3. Buat perubahan kecil, lakukan, dan dorong lagi.
  4. Di GitHub, di tab Commits, dapatkah kamu melihat kedua versi?

Periksa: Kode kamu ada di GitHub dan kamu mengetahui siklus tambah/komit/Dorong. kamu dapat menyebarkan server dari Level 3 ke Render langsung dari repositori ini – kamu sudah mengetahui caranya dari final Master.

Apa yang bisa diambil dari pelajaran ini