2024

GIT & GITHUB

Version Control System

© 2024 Celerates CELERATES.CO.ID

 Content
2024

Version Control System (VCS)

Different Git and Github

Working with Git

© 2024 Celerates CELERATES.CO.ID

 2024

Version Control
System

© 2024 Celerates CELERATES.CO.ID

 Version Control System
2024

VCS is software tools that manage

changes to source code over time.

Version control software keeps track of

every modification. So, if something
wrong, we can go back to previous code
version.

Image Source: Google

© 2024 Celerates CELERATES.CO.ID

 2024

GIT & GITHUB

© 2024 Celerates CELERATES.CO.ID

 Git
2024

Git is free, open source, and designed to handle

everything project. Git also can manage and handle
projects collaboratively.

https://git-scm.com/docs

© 2024 Celerates CELERATES.CO.ID

 2024

Using Git Without Git

Code Code
Update log 1 by A
Update log 2 by A Code_v1
Update log 3 by B
Update log 4 by A Code_v2
Update log 4 by C
Code_v3

© 2024 Celerates CELERATES.CO.ID

 Git Glossary
2024

repository → project folder with git

Repository commit → recording/snapshot from repo
checkout → move to a branch
branch → branch of commits
commit merge → to merge branches
push → submit commits to repo
commit 1
pull → get update from repo (merge)
commit 2 fetch → get update from repo (no merge)
remote → address repository project
clone → copy repo from remote
© 2024 Celerates CELERATES.CO.ID
 Installation Git
2024

https://git-scm.com/downloads

© 2024 Celerates CELERATES.CO.ID

 Setup & Config Git
2024

Notes:
Use global to set the username and e-mail for every repository on your computer.
If you want to set the username/e-mail for just the current repo, you can remove global.

© 2024 Celerates CELERATES.CO.ID

 Github
2024

GitHub is a code hosting platform can managing

projects use Git.

© 2024 Celerates CELERATES.CO.ID

 2024

So, what the different Git and Github?

© 2024 Celerates CELERATES.CO.ID

 2024

Git is used as Local Version on your computer

Does not require internet and server

Github is a website platform with Git

Requires internet access (online)

© 2024 Celerates CELERATES.CO.ID

 2024

Working with Git

© 2024 Celerates CELERATES.CO.ID

 2024

Using Command Line

Let’s Try

Create new Change the current

directory directory

Create git repository

Create file

Add file

© 2024 Celerates CELERATES.CO.ID

 2024

Using Command Line

Check Git Status

Git Commit
(for save the changes
permanently to Git
Repository)

© 2024 Celerates CELERATES.CO.ID

 2024

Using Command Line

Git log

© 2024 Celerates CELERATES.CO.ID

 2024

Git on Visual Studio Code

Create Github Account → Sign In Vs code with Github account

Turn on sync → Authentication extension

Sign in VSCode with Github account

https://www.youtube.com/watch?v=4Q9PHRsfIvQ

© 2024 Celerates CELERATES.CO.ID

 2024

Any question?

© 2024 Celerates CELERATES.CO.ID

 2024

Practice

Individual:
Push project to Github (self practice).
If the website portfolio is complete, it must be published or pushed to Github.
The repository link will be use for submission.

Micro Challenge
Collaboration with team using Git and Github

© 2024 Celerates CELERATES.CO.ID

 2024

© 2024 Celerates CELERATES.CO.ID

 2024

References for self-study:

Git & Github
https://www.youtube.com/watch?v=lTMZxWMjXQU&list=PLFIM0718LjIVknj6sgsSceMqlq242-jNf

Sign in VSCode with Github

https://www.youtube.com/watch?v=4Q9PHRsfIvQ

© 2024 Celerates CELERATES.CO.ID

 2024

GUIDING RESOURCE

https://www.w3schools.com/git/default.asp?remote=github

https://www.w3schools.com/git/git_remote_getstarted.asp?remote=github

https://git-scm.com/docs

© 2024 Celerates CELERATES.CO.ID