Di video kali ini, gue akan kasih tau kalian gimana cara pake github Nah, gue juga udah pernah bikin video singkat yang ngejelasin apa itu github, gimana cara kerjanya Kalian bisa cek kuliah semenit yang gue bahas soal github Nah, disini gue akan kasih contoh gimana cara pake github tapi versi cara gampangnya Jadi github itu ada cara yang pake terminal atau pake command Dan gue akan kasih tau yang gampangnya aja biar simple Oke, pertama kalian butuh install git di komputer kalian jadi git install atau git download bebas cari aja klik yang paling atas nih nah ini disesuaikan sama OS kalian misalnya di Windows berarti klik yang Windows dulu baru di download yang 64 bit atau 32 bit tergantung PC kalian selain git kita juga perlu install GitHub Desktop cuma dua ini aja yang kita perlu Sama nanti kalau kalian yang belum install Visual Studio Code juga di install Visual Studio Code ya. Nah ini di install juga. Oke, tiga ini di install. Kemungkinan kalian udah pada punya VCS Code sih.
Jadi cuma dua aja. Git sama GitHub Desktop. Nah, disini sebelum masuk ke tutorialnya.
Gue akan kasih lihat gambaran dari GitHub itu. Bagi kalian yang belum pernah tahu. Jadi contoh disini.
Hai gue punya satu folder nah ini folder itu istilah biasanya cuma kalau di GitHub ketika kita punya satu project dan kita upload ke GitHub itu namanya jadi repository atau repo jadi kita klik repository gua terus buka yang portfolio misalnya nah ini eh repot gua yang mana kalau kalian lihat di src atau source itu ada beberapa file di sini Terus kita bisa lihat perubahan yang udah gue lakuin. Klik commit. Nanti akan gue bahas apa itu commit juga.
Contoh kayak gini, ini perubahan yang udah gue lakuin. Ketika kita klik commit-nya, nanti akan kelihatan setiap perubahan gue ngapus apa dan gue nambahin apa. Itu salah satu fungsi GitHub. Selain buat nyimpen file kalian biar aman di GitHub ini, kalian bisa juga ngeliat perubahan-perubahan yang kalian lakuin.
Jadi namanya version control. nanti akan kita bahas konsep-konsep lainnya, cuma biar gak terlalu banyak yang kalian harus serep ilmunya jadi kita pelan-pelan aja oke, itu untuk repo secara singkat nah, kalau kalian udah install gitnya, kita bisa buka github desktop langsung disini github desktop terus, disini gue belum ada repository, jadi gue hapus-hapusin repo gue biar tutorial ini dari awal banget Terus kalau udah dibuka GitHub Desktopnya, kita bisa bikin repo dulu. Kita create a new repository on your hard drive. Bisa klik disini atau file new, sama aja.
Klik disitu, kita kasih nama bebas, misalnya belajar GitHub. Nah ini namanya, kita kasih strip, nggak boleh pakai spasi. Deskripsinya nggak usah diisi, bebas.
Gue nggak usah gue isi. Nah ini untuk tempat simpennya mau dimana. Jadi GitHub itu pertama kita simpen secara lokal dulu, secara di komputer kita dulu.
Nanti baru kita lakuin yang namanya push untuk upload ke si GitHub yang secara cloud. Jadi ibaratnya GitHub ini kayak Google Drive tapi buat codingan lah. Kalau udah kita create repository.
Kalian bisa langsung buka disini kalau bisa lihat tulisan yang open in Visual Studio Code. Kalau enggak kita buka manual. Buka face codenya.
Terus klik file. Open folder. Tadi kalian simpen dimana.
Gue simpen di dokumen. Terus github. Belajar github. Open.
Nah ini nanti akan dibuatin satu file namanya git attributes. Ini kalian abain aja. Oke. Sekarang kalau kita lakuin perubahan disini.
Contoh. Gue bikin ngoding biasa ya. Ini ngoding pake bahasa apa aja bisa. Contohnya.
HTML aja karena banyak yang HTML subscriber gua kita bikin file HTML biasa kejurut habis alat terus disininya kita kasih eh hasil itu kejurut habis udah ini untuk file simple aja untuk contoh Nah kalau udah cara kita ngekomit file-nya Loh kita tinggal klik yang ini Terus kita sebelum bisa commit Kita tentuin dulu mana yang mau di commit Cara nentuinnya kita tekan tombol plus Dan dia akan masuk kesini Namanya stage change Jadi berubahannya yang di staging Kalau udah kita tinggal masukin pesannya apa Nambah file HTML Begini bahasanya bebas Mau pake bahasa apa kayak terserah Terus kalau udah kita commit Nah, udah kan? Kometnya itu kita bisa buka di GitHub Desktop Nanti kelihatan di story, ini ada nih Nama VLTML Cuma, ini belum masuk ke GitHub kita GitHub yang secara cloud Nah, caranya adalah kita publish dulu Ini namanya nge-push repository-nya Nge-push kompeten kita Kita masukin ke github.com Namanya belajar GitHub Gue disini set sebagai private Biar orang yang ngebuka repo gue gak bisa liat Publish Terus kita tungguin Nah terus kita coba cek di your repository, nah ini udah ada belajar kitab, kita coba cek udah sesuai atau belum, itu tadi tambahin index.html, nah ini belajar kitab nih sesuai ya, dan kalau kita lihat di comment-nya juga ada di sini, nambah file.html, ini perubahan yang kita lakuin. Oke so far bagus, sekarang gimana cara kita nge-update si filenya, contoh gue mulai ngoding lagi. Disini gue tambahin paragraph, terus tulisannya ini paragraph, terus kita tambahin lagi misal button, klik disini, apa aja perubahan lah ceritanya.
Terus kita tambahin file css, misalnya gue set semuanya, kasih padding, padding 20px, ini ceritanya aja, ceritanya ngoding. Terus kita klik lagi disini, nah ini ada perubahan yang belum kita commit Jadi kita klik yang ini Kalau ini berarti satu-satu Kalau ini berarti semua perubahan yang kita lakuin kita masukin State Changes Terus kita commit Namanya disini update file HTML Terus dan nambah file CSS Ini contoh aja kalau udah kita commit nah ini bisa dari VS Code nya untuk ngelakuin push ke si GitHub cuma ini kalian harus login dulu oke, terus kita akan login allow, ini login di open visual studio code, nah ini udah ke push, untuk perubahannya disini juga udah sesuai history udah ada, di GitHub desktop nya Kalau kita cek lagi di sini, balik ke code, nah ini udah ada commit-nya. Update file HTML dan nambah file CSS, kalau kita buka filenya, harusnya udah berubah. Nah ini ada klik di sini, terus file CSS-nya juga udah ada.
Nah itu cara kalian ngaklim perubahan di branch atau di cabang utama. Nanti kalian bisa bikin cabang-cabang lainnya, cuma itu akan kita bahas di GitHub lanjutan, ini masih GitHub dasar. Oke, terus apa lagi? Next, gimana cara kita ambil perubahan yang ada di sini, yang ada di cloud kita. Misalnya gini, contohnya gini ya.
Di file komputer kita itu kehapus. Ledger history kehapus. Kalau kita buka VS Code ini bakal error nih. Ada tanda silang kan. Tuh, karena file udah kita hapus.
Nah ini gimana caranya? Caranya adalah kita ngelakuin yang namanya cloning. Kita clone repository ini. jadi kita buka, nah ini masih error, kita remove, kita cloning dulu jadi untuk nge-clone, pertama kita refresh, biar dia muncul, belajar dari kitab nih kita clone, dan nanti akan masuk ke komputer kita lagi jadi dengan cara itu, meskipun di komputer kita file-nya hilang atau kenapa-napa kita bisa nge-recover dengan cara kayak gini klik repo-nya, terus clone, dari sini ya udah sesuai terus untuk si tempat simpan nya gua ngeubah-ubah kloning oke udah sesuai terus kita buka lagi di VS Code sekarang udah muncul lagi belajar kitab dan ini udah sesuai sama yang ada di GitHub kita yaitu ngekloning Hai kodingan yang ada di GitHub sekarang ada lagi yang namanya nge-pull kalau kalian pull request beda lagi ini nge-pull kodingan yang diubah tapi bukan dari lokal kita misal ada kodingan dari luar dari luar ini maksudnya gua ngubah disini ya kan gua ngubah disini untuk button-nya klik disini jadi klik coba Oke kan, kita commit. Cuma sebelum commit, kita ganti dulu nama untuk si commit-nya.
Commit changes. Terus disini commit message-nya. Ubah button. Ketika kita commit, nah perubahan ini gak akan langsung ada di coding-an kita.
Nah ini masih klik disini kan. Terus caranya gimana? Caranya kita harus nge-pull.
Oke, ada pull, ada pull. Nah cara nge-pull-nya. disini kalian tinggal klik fetch origin nge-fetching dia akan nge-pull nah pull one commit from the origin remote jadi kita udah nge-pull nah dan di visual studio code nya ketika kita klik yang ini yang tadi, terus kita sync change, this action will pull and post oke aja, nah akan muncul klik coba tadi gua login lagi karena repot sempat gua hapusnya sekarang udah berubah nah ini ada salah nih coba kita lihat dulu jadi tadi gua ada tipe nah gua lupa tanda tutup kurungnya nah itulah gunanya github jadi kita benerin terus kita commit misalnya benerin bug kita commit dulu ininya terus kita commit sync changes oke dia akan masuk ke Sini nanti kita akan lihat di GitHubnya Ini masih klik coba Masih error nih Lupa satu tek nutup Kalau kita buka di code-nya Lihat comment-nya Nah ini ada benerin bug Yang udah kita lakuin tadi Yang tadinya begini Yang merah tuh ini diubah Jadi yang hijau Yang kayak gini Tambahin ini doang Oke Semoga kalian terbantu dan semoga bermanfaat Segitu aja dari gue Jangan lupa copy