Publikasikan situs web kamu di internet

Akhir yang besar: situs web kamu mendapatkan alamat asli yang dapat kamu kirimkan kepada siapa pun di dunia.

Apa yang akan terjadi

Sejauh ini, situs web kamu hanya ada di komputer kamu sendiri. Sekarang kita akan mengunggahnya ke server – komputer yang selalu terhubung ke internet – dan komputer tersebut akan mendapatkan alamat yang dapat dibuka oleh siapa saja. Kami akan menggunakan Halaman GitHub: gratis, dan jutaan pemrogram menggunakannya.

⚠️

Lakukan langkah ini dengan orang tua. Menyiapkan akun GitHub memerlukan alamat email, dan berdasarkan aturan GitHub, akun untuk anak di bawah 13 tahun harus dibuat dan dikelola oleh orang tua. Selain itu, ini adalah momen yang menyenangkan untuk berbagi – biarkan mereka melihat apa yang telah kamu bangun!

Langkah demi langkah

Buat akun GitHub. Buka github.com dan klik Daftar. Isikan email (milik orang tua), kata sandi, dan nama pengguna. Hati-hati dengan nama pengguna – itu akan menjadi bagian dari alamat situs web kamu! Sesuatu seperti jake-builds lebih baik daripada xxjake123xx.
Buat repositori baru. Repositori adalah laci untuk satu proyek. Klik tombol hijau Baru (atau tanda plus di kanan atas → Repositori baru). Ketik situs web saya untuk Nama repositori, biarkan Publik dicentang, dan klik Buat repositori.
Unggah file situs web kamu. Di laman repositori, klik tautan mengunggah file yang ada. Seret semuanya dari folder situs web saya: index.html, file .html lainnya, style.css, dan seluruh folder gambar. Klik tombol hijau Komit perubahan di bagian bawah.
Aktifkan Halaman GitHub. Klik tab Pengaturan di bagian atas, lalu Halaman di menu sebelah kiri. Di bawah Cabang, pilih main, tinggalkan / (root), dan klik Simpan.
Tunggu sebentar, lalu buka alamat kamu. Website kamu sekarang ada di:
```
https://your-username.github.io/my-website/
```
(ganti nama pengguna kamu dengan nama pengguna GitHub kamu). Jika tidak langsung berfungsi, beri waktu dua menit dan segarkan halaman.

🎉 Selamat, Pembangun!

kamu memiliki situs web di internet. Yang asli, dengan alamat asli. Kirimkan ke nenekmu, temanmu, gurumu. Dan luangkan waktu sejenak untuk mengingat di mana kamu memulai: file kosong dan <h1>Berhasil!</h1>.

Apa yang kamu pelajari selama 12 pelajaran ini:

cara kerja internet, browser, dan server,
HTML: kerangka halaman, judul, paragraf, daftar, gambar, tautan, struktur,
CSS: warna, font, kelas, model kotak, flexbox, kartu, animasi,
dan terakhir, menempatkan situs web di internet – yang oleh para profesional disebut sebagai penempatan.

Bagaimana cara terus mengubah situs web kamu

Sebuah situs web tidak pernah benar-benar selesai! Setiap kali kamu mengubah sesuatu pada file di komputer kamu:

buka repositori kamu di GitHub,
klik Tambahkan file → Unggah file,
seret file yang diubah dan klik Komit perubahan.

Dalam satu menit, perubahannya langsung terlihat. (Di Level 3, kamu akan belajar melakukan ini dengan lebih elegan – menggunakan perintah dari terminal, seperti seorang profesional sejati.)

💡

Apa selanjutnya? Situs web kamu sudah dibuat, tetapi belum bisa bereaksi. Di Level 2 – Penyihir kamu akan mengajarkannya mantra: mode gelap, galeri foto yang dapat dijelajahi, dan kuis untuk pengunjung. Kami sedang membangunnya sekarang – dan situs web kamu akan siap untuk itu.

Apa yang bisa diambil dari pelajaran ini

Halaman GitHub menerbitkan situs web secara gratis: repositori → unggah file → Pengaturan → Halaman.
Alamat kamu: https://nama-pengguna-kamu.github.io/situs-saya/.
Mengubah website = mengupload kembali file yang diubah. Ia hidup dan tumbuh bersama kamu.