SlideShare a Scribd company logo
1 of 12
VOCASIA FULLSTACK
JAVASCRIPT
Perkenalan
Diaz Agfa Nuribi
■ Portofolio web : https://ovrrtd.com
■ Linkedin : https://www.linkedin.com/in/diazagfa/
■ Discord : diazagfanuribi
Disclamer
Persiapan
■ Visual Code (https://code.visualstudio.com/)
■ Javascript (https://developer.mozilla.org/en-US/docs/Web/JavaScript)
■ Github Account (https://github.com/)
■ Git Version Control
Dasar Git Version Control
■ Sebelum ada Git Version Control
■ Pengenalan Git
■ Instalasi Git
■ Penyedia jasa Git
■ Basic Command Git
■ Demo
Sebelum Version Control
• Saat kita mengerjakan pekerjaan, kita sering sekali melakukan revisi. Misal saja kita membuat
dokumen proposal atau skripsi
• Biasanya kita akan simpan dokumen pertama dengan nama document_1, setelah mendapat
revisi, kita akan simpan dengan nama document_2, jika masih ada revisi, kita akan simpan
dengan nama document_3, dan seterusnya.
• Kenapa kita lakukan hal tersebut? Agar kita bisa mengetahui perubahan yang terjadi antar revisi
document, dan jika sewaktu-waktu kita perlu menggunakan revisi yang sebelumnya, kita bisa
menggunakannya dengan mudah
Sumber: YT Programmer Zaman Now
Pengenalan Git Version Control
• Jadi, Git adalah salah satu DVCs yang ada
• Git tidak membutuhkan server untuk melakukan perubahan atau melihat riwayat revisi, hal ini
dikarenakan dalam Git, semua riwayat project akan selalu di duplikasi, baik itu di server ataupun
di local computer
• Artinya sebenarnya Git juga bisa digunakan sebagai Local Version Control
• Setiap perubahan yang terjadi di Git akan selalu dibuat signature (tanda) nya menggunakan
algoritma hashing SHA-1. Hal ini menjadikan perubahan sekecil apapun pasti bisa dideteksi oleh
git.
• Semua hal yang terjadi di git secara otomatis akan dicatat, hal ini menjadikan perubahan apapun
di Git, pasti selalu bisa dikembalikan ke versi sebelumnya
Sumber: YT Programmer Zaman Now
Instalasi Git
Cek git sudah terinstall pada terminal : git --version
Cara instalasi Git
■ Ubuntu OS : https://www.petanikode.com/git-install/
■ Windows OS: https://www.petanikode.com/git-install/
■ Mac OS : https://www.freecodecamp.org/news/setup-git-on-mac/
Penyedia jasa git
■ Github
■ Gitlab
■ Bitbucket
Basic Command Git
■ clone : untuk mengcopy/mengclone git repository ke local
■ init : untuk menginisasi setup git di local repository
■ pull : mengupdate repository/branch tertentu jika terdapat perubahan di
remote
■ status : mengecek status perubahan pada repository yang belum di staging dan
yang sudah
■ add : untuk menambahkan perubahan data ke staging
■ commit : menyimpan perubahan pada staging pada repository
■ push : mengupload perubahan yang terjadi pada repository local ke remote
DEMO
Rekomendasi Materi/Course/Website
■ https://www.youtube.com/@ProgrammerZamanNow
■ https://www.youtube.com/@sandhikagalihWPU
■ https://www.codecademy.com/learn
■ https://www.freecodecamp.org/
■ https://exercism.org/
■ https://leetcode.com/
■ https://www.keybr.com/

More Related Content

Similar to html.pptx

Having fun with Git
Having fun with GitHaving fun with Git
Having fun with GitAhmad Arif
 
Git GitHub.pdf
Git  GitHub.pdfGit  GitHub.pdf
Git GitHub.pdfRandomL1
 
#1 Introduction Go.pptx
#1 Introduction Go.pptx#1 Introduction Go.pptx
#1 Introduction Go.pptxGDSC2
 
Besut Kode Seminar Malang
Besut Kode Seminar MalangBesut Kode Seminar Malang
Besut Kode Seminar MalangJohn Vandenberg
 
Besut Kode seminar Lampung
Besut Kode seminar LampungBesut Kode seminar Lampung
Besut Kode seminar LampungJohn Vandenberg
 
Git Training for UKM LAOS
Git Training for UKM LAOSGit Training for UKM LAOS
Git Training for UKM LAOSSamsul Ma'arif
 
perkenalan git dan cara berkolaborasi dengan git
perkenalan git dan cara berkolaborasi dengan gitperkenalan git dan cara berkolaborasi dengan git
perkenalan git dan cara berkolaborasi dengan gitbankingboskuh
 
Tubes streaming arc
Tubes streaming arcTubes streaming arc
Tubes streaming arcdianulhaq
 
Berkenalan dengan Endless OS
Berkenalan dengan Endless OSBerkenalan dengan Endless OS
Berkenalan dengan Endless OSKukuh Syafaat
 
Menguji BlankOn di Awan
Menguji BlankOn di AwanMenguji BlankOn di Awan
Menguji BlankOn di AwanYoza Aprilio
 
Git cloud computing - Part 1
Git cloud computing - Part 1Git cloud computing - Part 1
Git cloud computing - Part 1MochKholil1
 
FIC - Flutter Basic.pdf
FIC - Flutter Basic.pdfFIC - Flutter Basic.pdf
FIC - Flutter Basic.pdfherminsusilo2
 
Cara Mudah Berkolaborasi dengan Github - Gilang Ramadhan
Cara Mudah Berkolaborasi dengan Github - Gilang RamadhanCara Mudah Berkolaborasi dengan Github - Gilang Ramadhan
Cara Mudah Berkolaborasi dengan Github - Gilang RamadhanDicodingEvent
 

Similar to html.pptx (20)

Vite.pptx
Vite.pptxVite.pptx
Vite.pptx
 
Dimensiweb git
Dimensiweb gitDimensiweb git
Dimensiweb git
 
Having fun with Git
Having fun with GitHaving fun with Git
Having fun with Git
 
Git GitHub.pdf
Git  GitHub.pdfGit  GitHub.pdf
Git GitHub.pdf
 
#1 Introduction Go.pptx
#1 Introduction Go.pptx#1 Introduction Go.pptx
#1 Introduction Go.pptx
 
Introducing git
Introducing gitIntroducing git
Introducing git
 
Besut Kode Seminar Malang
Besut Kode Seminar MalangBesut Kode Seminar Malang
Besut Kode Seminar Malang
 
GoLang_1
GoLang_1GoLang_1
GoLang_1
 
Besut Kode seminar Lampung
Besut Kode seminar LampungBesut Kode seminar Lampung
Besut Kode seminar Lampung
 
Git Training for UKM LAOS
Git Training for UKM LAOSGit Training for UKM LAOS
Git Training for UKM LAOS
 
perkenalan git dan cara berkolaborasi dengan git
perkenalan git dan cara berkolaborasi dengan gitperkenalan git dan cara berkolaborasi dengan git
perkenalan git dan cara berkolaborasi dengan git
 
Tubes streaming arc
Tubes streaming arcTubes streaming arc
Tubes streaming arc
 
FreeBSD Log Analyzer
FreeBSD Log AnalyzerFreeBSD Log Analyzer
FreeBSD Log Analyzer
 
Berkenalan dengan Endless OS
Berkenalan dengan Endless OSBerkenalan dengan Endless OS
Berkenalan dengan Endless OS
 
Backtrack
BacktrackBacktrack
Backtrack
 
Menguji BlankOn di Awan
Menguji BlankOn di AwanMenguji BlankOn di Awan
Menguji BlankOn di Awan
 
Yii2 fundamentals bagian 1
Yii2 fundamentals   bagian 1Yii2 fundamentals   bagian 1
Yii2 fundamentals bagian 1
 
Git cloud computing - Part 1
Git cloud computing - Part 1Git cloud computing - Part 1
Git cloud computing - Part 1
 
FIC - Flutter Basic.pdf
FIC - Flutter Basic.pdfFIC - Flutter Basic.pdf
FIC - Flutter Basic.pdf
 
Cara Mudah Berkolaborasi dengan Github - Gilang Ramadhan
Cara Mudah Berkolaborasi dengan Github - Gilang RamadhanCara Mudah Berkolaborasi dengan Github - Gilang Ramadhan
Cara Mudah Berkolaborasi dengan Github - Gilang Ramadhan
 

Recently uploaded

Manual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptxManual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptxRemigius1984
 
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdfTEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdfYogiCahyoPurnomo
 
MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++FujiAdam
 
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdfMODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdfihsan386426
 
Metode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdfMetode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdfArvinThamsir1
 
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptxMateri Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptxarifyudianto3
 
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdfAnonymous6yIobha8QY
 
Strategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaStrategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaRenaYunita2
 
10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppt10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppttaniaalda710
 

Recently uploaded (9)

Manual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptxManual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptx
 
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdfTEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
 
MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++
 
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdfMODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
 
Metode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdfMetode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdf
 
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptxMateri Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
 
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
 
Strategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaStrategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di Indonesia
 
10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppt10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppt
 

html.pptx

  • 2. Perkenalan Diaz Agfa Nuribi ■ Portofolio web : https://ovrrtd.com ■ Linkedin : https://www.linkedin.com/in/diazagfa/ ■ Discord : diazagfanuribi
  • 4. Persiapan ■ Visual Code (https://code.visualstudio.com/) ■ Javascript (https://developer.mozilla.org/en-US/docs/Web/JavaScript) ■ Github Account (https://github.com/) ■ Git Version Control
  • 5. Dasar Git Version Control ■ Sebelum ada Git Version Control ■ Pengenalan Git ■ Instalasi Git ■ Penyedia jasa Git ■ Basic Command Git ■ Demo
  • 6. Sebelum Version Control • Saat kita mengerjakan pekerjaan, kita sering sekali melakukan revisi. Misal saja kita membuat dokumen proposal atau skripsi • Biasanya kita akan simpan dokumen pertama dengan nama document_1, setelah mendapat revisi, kita akan simpan dengan nama document_2, jika masih ada revisi, kita akan simpan dengan nama document_3, dan seterusnya. • Kenapa kita lakukan hal tersebut? Agar kita bisa mengetahui perubahan yang terjadi antar revisi document, dan jika sewaktu-waktu kita perlu menggunakan revisi yang sebelumnya, kita bisa menggunakannya dengan mudah Sumber: YT Programmer Zaman Now
  • 7. Pengenalan Git Version Control • Jadi, Git adalah salah satu DVCs yang ada • Git tidak membutuhkan server untuk melakukan perubahan atau melihat riwayat revisi, hal ini dikarenakan dalam Git, semua riwayat project akan selalu di duplikasi, baik itu di server ataupun di local computer • Artinya sebenarnya Git juga bisa digunakan sebagai Local Version Control • Setiap perubahan yang terjadi di Git akan selalu dibuat signature (tanda) nya menggunakan algoritma hashing SHA-1. Hal ini menjadikan perubahan sekecil apapun pasti bisa dideteksi oleh git. • Semua hal yang terjadi di git secara otomatis akan dicatat, hal ini menjadikan perubahan apapun di Git, pasti selalu bisa dikembalikan ke versi sebelumnya Sumber: YT Programmer Zaman Now
  • 8. Instalasi Git Cek git sudah terinstall pada terminal : git --version Cara instalasi Git ■ Ubuntu OS : https://www.petanikode.com/git-install/ ■ Windows OS: https://www.petanikode.com/git-install/ ■ Mac OS : https://www.freecodecamp.org/news/setup-git-on-mac/
  • 9. Penyedia jasa git ■ Github ■ Gitlab ■ Bitbucket
  • 10. Basic Command Git ■ clone : untuk mengcopy/mengclone git repository ke local ■ init : untuk menginisasi setup git di local repository ■ pull : mengupdate repository/branch tertentu jika terdapat perubahan di remote ■ status : mengecek status perubahan pada repository yang belum di staging dan yang sudah ■ add : untuk menambahkan perubahan data ke staging ■ commit : menyimpan perubahan pada staging pada repository ■ push : mengupload perubahan yang terjadi pada repository local ke remote
  • 11. DEMO
  • 12. Rekomendasi Materi/Course/Website ■ https://www.youtube.com/@ProgrammerZamanNow ■ https://www.youtube.com/@sandhikagalihWPU ■ https://www.codecademy.com/learn ■ https://www.freecodecamp.org/ ■ https://exercism.org/ ■ https://leetcode.com/ ■ https://www.keybr.com/