Nota Ringkas Asas GIT/Github/Bitbucket/Gitlab [remarkjs]

class: center, middle, theBlackBackground
# Asas / Github / 
# Bitbucket / Gitlab

## Kursus Mudah Selama ... Jam Sahaja

---
class: theBlackBackground
# Bab Pengenalan : Objektif

--
Objektif modul ini adalah
--
 memberi panduan kepada 
--
 para pembangun laman web
--
 yang ingin:

--
- Menyimpan sejarah fail-fail koding yang dibuat seperti 
--
 PHP, 
--
 Java, 
--
 C/C++ 
--
 dan sebagainya

--
- Pengurusan projek secara berkumpulan dengan pasukan

--
- Bersosial/berkongsi dengan rakan-rakan

---
class: theBlackBackground
# Modul ini merangkumi:

--
- Pemasangan

--
- Plugin Notepad++ dengan

--
- Tortoisegit Portable

--
- Github

--
- Bitbucket

--
- Gitlab

---
class: theBlackBackground
# Bab Pengenalan : Keperluan

--
Untuk mengikuti panduan ini, 
--
 anda perlu mempunyai asas dan pengalaman
--
 dalam pembangunan web seperti :

--
- Tahu mengunakan google aka tahu keyword yang sesuai.

--
- Mempunyai asas dalam
--
 HTML,
--
 CSS,
--
 dan Javascript.

--
- Mempunyai asas pengaturcaraan 
--
 PHP, 
--
 Java, 
--
 C/C++ 
--
 dan sebagainya

---
class: center, middle, theBlackBackground
# Apa / Mengapa / Bila

---
class: theBlackBackground 
# Apa itu Git

--
- Ia adalah satu sistem kawalan versi diedarkan aka DVCS
--
 - dalam versi sumber terbuka.

--
- Ia membolehkan kumpulan orang untuk bekerja 
--
 pada dokumen yang sama,
--
 pada masa yang sama, 
--
 tanpa memijak kaki masing-masing

---
class: theBlackBackground
# Mengapa gunakan Git

--
1. Git membolehkan anda menyimpan sejarah perubahan penting yang dibuat kepada fail tempatan anda.

--
1. Ia juga boleh membuat sandaran sejarah ini melalui perkhidmatan hosting terpencil seperti 
--
Github 
--
Bitbucket 
--
Gitlab 
--
dan sebagainya.

--
1. Boleh meningkatkan cara kita bekerja dan bekerjasama dalam projek.

--
1. Sewaktu pc/laptop/server mengila atau tiba-tiba hang atau kena virus atau yang seumpama dengannnya.

---
class: theBlackBackground
# Bila masa gunakan Git

--
- Semasa kita bekerja bersendirian secara offline atau tiada talian internet.

--
- Semasa kita bekerja secara pasukan walaupun semua orang ubah suai fail yang sama di waktu yang sama.

--
- Membantu orang lain memahami koding tanpa perlu hantar semua fail yang ada dengan bantuan 
--
Github 
--
Bitbucket 
--
Gitlab 
--
dan sebagainya.

--
- Menolong kawan lain dalam kesusahan seperti kata bidalan berat sama dipikut, ringan sama dijinjing.

--
- Memberi persepsi yang baik kepada pensyarah, supervisor, bakal majikan yang menunjukkan kepakaran kita.

---
class: theBlackBackground
# Muat turun 
<dir align="center"><img src="imgs/projek-git.png"></dir>

---
class: theBlackBackground
# Asas dalam git

- git init
- git status
- git add
- git commit
- git log
- git push
- git pull
- git diff
- git reset
- git checkout
- git branch
- git rm
- git merge

---
class: theBlackBackground
#  git init

--
3.1 Dalam direktori kami mengambil keputusan untuk menamakan "octobox".

--
Untuk memulakan repositori Git sini, taip arahan berikut:

--
<pre><code> git init </code></pre>

---
class: theBlackBackground
# git status

--
3.2 Semakan Status

--
- Syabas! Git hanya memberitahu kami,

--
 "octobox" direktori kami kini mempunyai repositori kosong di /.git/.

--
- Repositori adalah direktori tersembunyi di mana Git beroperasi.

--
- Untuk menyimpan kemajuan anda sebagai anda pergi melalui tutorial ini

--
 dan mendapat lencana apabila anda berjaya menyiapkannya

--
 menuju ke buat akaun Kod Sekolah percuma.

--
- Kami akan menunggu untuk anda di sini.

--
- Seterusnya, mari kita menaip perintah status git untuk melihat apa keadaan semasa projek kami adalah:

--
<pre><code>git status</code></pre>

---
class: theBlackBackground
#  git add

--
3.3 Menambah Perubahan

--
- Baik, ia kelihatan seperti repositori Git kami berfungsi dengan betul.

--
- Perhatikan bagaimana Git berkata octocat.txt adalah "tidak terlacak"?

--
- Ini bermakna Git melihat bahawa octocat.txt adalah fail baru.

--
- Untuk memberitahu Git untuk mula menjejaki perubahan yang dibuat kepada octocat.txt,

--
kita perlu untuk menambahnya ke kawasan pementasan dengan menggunakan git add.

--
<pre><code> git add octocat.txt </code></pre>

---
class: theBlackBackground
#  git commit

--
- Perhatikan bagaimana Git berkata perubahan akan dilakukan?

--
- Fail-fail yang disenaraikan di sini adalah di Kawasan Staging, 
--
 dan mereka tidak berada dalam repositori kami lagi.

--
- Kita boleh menambah atau mengeluarkan fail dari peringkat sebelum kita simpan di dalam *Repositori*.

--
- Untuk menyimpan perubahan kami dipentaskan 
--
 kami menjalankan melakukan arahan dengan mesej yang menerangkan apa yang kita telah berubah.

--
- Mari kita buat sekarang dengan menaip:

<pre><code> git commit -m "Tambahkan cerita octocat yang comel" </code></pre>

---
class: theBlackBackground
#  git log

Sejarah

--
- Oleh itu, kita telah membuat adalah melakukan beberapa. 
--
 Sekarang mari kita lihat mereka untuk melihat apa yang kita berubah.

--
- Nasib baik untuk kita, ada log git.
--
 Fikirkan log Git sebagai jurnal 
--
 yang mengingati semua perubahan 
--
 yang kami telah komited setakat ini, 
--
 dalam perintah itu kita komited mereka.

--
- Cuba jalankan sekarang:

---
class: theBlackBackground
# git remote add

Repositori Remote

--
- Jadi sekarang kita daftar akaun Github dan buat repositori baru.

--
- Bagus! Kita telah mencipta repositori baru yang kosong dalam GitHub, 
--
 dengan contoh url di https://github.com/try-git/try_git.git.

--
- Untuk menolak repo tempatan untuk pelayan GitHub kita perlu menambah repositori jauh.

--
- Arahan ini mengambil nama jauh dan URL repositori, 
--
 yang dalam kes kita adalah https://github.com/try-git/try_git.git.

--
- Pergi ke hadapan dan menjalankan git jauh menambah dengan pilihan di bawah:

<pre><code> git remote add origin https://github.com/try-git/try_git.git </code></pre>

---
class: theBlackBackground
# git push

Pergi Lebih Jauh aka Menolak Jauh

--
## Sudah macam iklan Shell pulak huhuhu

--
- Arahan *push* memberitahu Git di mana untuk meletakkan komit 
--
 yang kita apabila kita sudah bersedia, 
--
 dan anak kita sudah bersedia. 
--
 Jadi mari kita menolak perubahan tempatan untuk 
--
 repo asal kami (pada Github).

--
- Nama *remote* adalah *origin* dan nama *local branch* lalai adalah *master*.

--
- *-u* memberitahu Git ingat parameter, 
--
 supaya masa depan kita hanya boleh menjalankan 
--
 *git push* dan
--
 Git akan tahu apa yang perlu dilakukan.

--
- Teruskan dan tolak!
<pre><code> git push -u origin master </code></pre>

---
class: theBlackBackground
# git pull

Muat turun projek dalam Github

--
- Mari kita berpura-pura sedikit masa telah berlalu.

--
- Kita telah menjemput orang lain untuk menyumbang kepada projek GitHub kita. 
--
 Mereka telah memuat turun dengan guna *git init* sendiri, 
--
 melakukan *git commit* sendiri, 
--
 dan *git push* semula kepada projek Github kita tadi.

--
- Kita boleh menyemak perubahan pada repositori GitHub tadi
--
 dan tarik ke *local* untuk apa-apa perubahan baru.

--
Taip command seperti berikut :
<pre><code> git pull origin master </code></pre>

---
class: theBlackBackground
# git diff - 1

Perbezaan

--
- Oh, kelihatan seperti terdapat beberapa 
--
 penambahan dan perubahan 
--
 kepada keluarga octocat itu.

--
- Mari kita lihat apa yang berbeza dari terakhir 
--
 yang mereka melakukan dengan menggunakan arahan *git diff*.

--
- Dalam kes ini kita mahu cari perbezaan untuk
--
 kebanyakan baru-baru ini mereka melakukan, 
--
 yang kita boleh merujuk kepada menggunakan penunjuk *HEAD*.

--
- Taip command seperti berikut :
<pre><code> git diff HEAD </code></pre>

---
class: theBlackBackground
# git diff - 2
Berperingkat Perbezaan

--
- Satu lagi penggunaan yang besar untuk "diff" 
--
 sedang melihat perubahan dalam fail yang telah pun diadakan.

--
- Ingat, diadakan fail adalah fail kami telah memberitahu git yang bersedia untuk dilakukan.

--
- Mari kita gunakan git menambah untuk mengadakan "octofamily / octodog.txt", 
--
 yang saya hanya ditambah kepada keluarga untuk anda.

--
- Taip command seperti berikut :
<pre><code> git add octofamily/octodog.txt </code></pre>

---
class: theBlackBackground
# git diff - 3
Berperingkat Perbezaan (samb)

--
- Baik, sekarang pergi ke hadapan dan menjalankan git beza dengan pilihan *--staged*
--
 untuk melihat perubahan anda hanya dipentaskan.

--
- Anda akan dapat melihat bahawa octodog.txt telah dicipta.

--
- Taip command seperti berikut :
<pre><code> git diff --staged </code></pre>

---
class: theBlackBackground
# git reset

Menetapkan semula Peringkat aka *Stage*

--
- Jadi sekarang *octodog* yang merupakan sebahagian daripada keluarga, 
--
 *octocat* adalah semua tertekan.

--
- Oleh kerana kita suka *octocat* lebih daripada *octodog*, 
--
 kami akan menghidupkan berkerut beliau sekitar dengan mengeluarkan octodog.txt.

--
- Anda boleh menetapkan semua fail dengan menggunakan arahan "reset git".

--
- Teruskan dan keluarkan *octofamily/octodog.txt*.

--
- Taip command seperti berikut :
<pre><code> git reset octofamily/octodog.txt </code></pre>

---
class: theBlackBackground
# git checkout

Buat asal

--
- *git checkout* melakukan kerja yang hebat daripada *unstaging* "octodog.txt", 
--
 tetapi anda akan melihat bahawa dia masih ada. 
--
 Dia hanya tidak nampak sahaja aka bersembunyi.

--
- Adalah lebih baik jika kita boleh kembali kepada 
--
 bagaimana perkara-perkara yang sebelum *octodog* datang sekitar dan merosakkan parti.

--
- Fail-fail boleh ditukar kembali kepada keadaannya yang 
--
 terdahulu *commit* dengan menggunakan arahan "git checkout - <sasaran>".

--
- Teruskan dan menghilangkan semua perubahan sejak melakukan terakhir bagi *octocat.txt*.

--
- Taip command seperti berikut :
<pre><code> git checkout -- octocat.txt </code></pre>

---
class: theBlackBackground
# git branch

Menambah Cawangan Baru

--
- Apabila pengaturcaraan bekerja pada ciri atau *bug* tertentu,
--
 mereka sering akan membuat salinan aka *branch* pada kod mereka, 
--
 lalu boleh membuat komit yang berasingan.

--
- Kemudian apabila mereka selesai mereka boleh menggabungkan cawangan ini 
--
 kembali ke dalam cawangan induk utama mereka.

--
- Kami mahu mengeluarkan semua octocats menjengkelkan, 
--
 jadi mari kita mewujudkan cawangan yang dipanggil "clean_up", 
--
 di mana kami akan melakukan semua kerja:

--
- Taip command seperti berikut :
<pre><code> git branch clean_up </code></pre>

---
class: theBlackBackground
# git branch / git checkout

Bertukar Cawangan

--
- Terbaik!! Sekarang jika anda menaip cawangan git 
--
 anda akan melihat dua cawangan tempatan:
--
 cawangan bernama *master* dan 
--
 cawangan baru anda bernama *clean_up*.

--
- Anda boleh menukar cawangan menggunakan arahan "checkout git <cawangan>". 
--
 Cubalah sekarang untuk beralih kepada cawangan *clean_up*

--
- Taip command seperti berikut :
<pre><code> git checkout clean_up </code></pre>

---
class: theBlackBackground
# git rm
Mengeluarkan Semua Perkara

--
- Ok, jadi anda di cawangan clean_up itu.

--
- Akhirnya anda boleh menghapuskan semua orang-orang octocats menjengkelkan 
--
 dengan menggunakan arahan "git rm" 
--
 yang bukan sahaja akan membuang fail sebenar dari cakera, 
--
 tetapi ia juga akan mengadakan penghapusan fail untuk kita.

--
- Anda akan mahu menggunakan kad bebas sekali lagi 
-
 untuk mendapatkan semua octocats sekali jalan

--
- Taip command seperti berikut :
<pre><code> git rm '* .txt' </code></pre>

---
class: theBlackBackground
# git rm / git commit
Mengeluarkan Semua Perkara -2

Perubahan Commiting Branch

--
- Sekarang bahawa anda telah mengalih keluar semua kucing anda perlu melakukan perubahan anda.

--
- Jangan ragu untuk menjalankan status git untuk memeriksa perubahan yang anda kira-kira untuk melakukan.

--
- Taip command seperti berikut :
<pre><code> git melakukan -m "Buang semua kucing" </code></pre>

---
class: theBlackBackground
# git rm / git commit
Mengeluarkan Semua Perkara -3

Bertukar Kembali ke master

--
- Terbaik!, anda hampir selesai dengan kucing ... er fix bug, 
--
 anda hanya perlu untuk menukar kembali ke cawangan *master* 
--
 supaya anda boleh menyalin (atau bergabung) perubahan anda dari cawangan *clean_up*
--
 kembali ke dalam cawangan induk.

--
- Teruskan dan *checkout* ke cawangan *master*:

--
- Taip command seperti berikut :
<pre><code> git checkout master </code></pre>

---
class: theBlackBackground
# git merge

Bersedia untuk Bergabung

--
- Baiklah, masa ini telah tiba 
--
 apabila anda perlu menggabungkan perubahan anda 
--
 dari cawangan *clean_up* ke cawangan *master*.

--
- Ambil nafas dalam-dalam, ia bukan yang menakutkan.

--
- Kami sudah berada pada cawangan *master*, 
--
 jadi kita hanya perlu memberitahu Git untuk 
--
 bergabung cawangan *clean_up* ke dalamnya:

--
- Taip command seperti berikut :
<pre><code> git merge clean_up </code></pre>

---
class: theBlackBackground
# git merge / git branch -d

Bersedia untuk Bergabung - 2

Menjaga Perkara Bersih

--
- Tahniah! Anda hanya dicapai bugfix pertama anda berjaya dan bergabung.

--
- Yang tinggal lakukan adalah membersihkan selepas diri sendiri.

--
- Oleh kerana anda sudah selesai dengan branch *clean_up* apa yang anda tidak memerlukannya lagi.

--
- Anda boleh menggunakan arahan "git branch -d <nama cawangan>" untuk memadam cawangan.

--
- Teruskan dan memadam cawangan clean_up sekarang:

--
- Taip command seperti berikut :
<pre><code> git branch -d clean_up </code></pre>

---
class: theBlackBackground
# git push

Push Yang Terakhir

--
- Di sini kita, pada langkah terakhir. Saya bangga yang anda telah membuat sejauh ini.

--
- Ia telah pembelajaran yang besar untuk Git dengan anda.

--
- Yang tinggal untuk anda lakukan sekarang adalah untuk menolak semua yang 
--
 anda telah bekerja 
--
 kepada repositori jauh anda, 
--
 dan anda selesai!

--
- Taip command seperti berikut :
<pre><code> git push </code></pre>

--
- Terbaik!! Anda kini mempunyai rasa sedikit kebesaran Git.

---
class: theBlackBackground
# Rujukan

--
- https://git-scm.com

--
- https://try.github.io

---
class: theBlackBackground
# SUDAH HABIS DAA
- : www.amin007.org
- : al.amin007@yahoo.com
- : amin007.ledang
- : amin007_ledang
- : abdulmuhaiminabdulghaniamin007ledang

- : amin007
- : amin007
- : aminledang
- : amin800507
- : user/abdmuhaimin
- : amin007ledang