2. Mac Users: Please sit at the left side of the
room (facing us)
Windows Users: Please sit at the right side of
the room (facing us)
2
3. Pre-Workshop Checklist
✘ We always ask this question, and we hope you’ll say
YES …. Do you have your laptop with you?
✘ Did you download Git, GitHub Desktop, and VS
Code?
✘ Did you create your account on GitHub website?
✘ If you haven’t → check out the instruction on AIS
website
✘ If you encounter issues → ask our Student Leaders
and Assistants!
3
4. ✘ Speaker Series 7:
- Mon, November 18
- Stacey Jafee, Scholastic
✘ Panel Discussion: Data Everywhere
- Thu, November 21
- 7th Floor, Alter Hall
4
AIS Upcoming Events
5. Our Student Leaders
Adam Wolf
MIS Major
BI Consultant @ RSM
5
Diana Westerfer
MIS Major, IB Minor
Cost Control Analyst @ Riggs Distler
10. Version Control?
✘ Version Control System = VCS
✘ A systems that keeps records of your changes
✘ Allows for collaborative development
✘ Allows you to know who made what changes
and when
✘ Allows you to revert any changes and go back
to a previous states
10
11. Git is….
✘ Open-source
✘ Developed in 2005 by Linus
Torvalds
✘ The most widely used version
control system
✘ Distributed VCS
✘ Efficient performance, security,
and flexibility
11
12. What is the Command Line Interpreter?
12
✘ CLI is an application that allows users to input
text commands to perform actions
- Windows: Command Prompt
- Mac: Terminal
✘ CLI is more efficient than any graphical user
interface once you learn the syntax, especially
when programming
14. 14
Exercise 1: Create a folder with
Command Line
Scenario: You want to create for
this workshop
15. 15
Mac Users Windows Users
See the path pwd echo %cd%
List files in directory ls dir
Change directory cd cd
Create an empty folder mkdir mkdir
Create an empty file touch type nul >
16. 16
Exercise 2: Set up a Git
Repository for your Folder
Scenario: You want to create a
Git tracker
17. Repository
A software repository, colloquially known as a "repo", is a storage
location from which software packages may be retrieved and
installed on a computer.
18. Setting up Git
Check Git Version
git --version
Set Config Values
git config --global user.name “YourName”
git config --global user.email “you@email.com”
18
--system > --global > --local
21. WHERE ARE WE NOW?
21
Staging
Area
History
(.git directory)
Working
Directory
Stage Fixes
Commit
Checkout the project .We are here
22. WHERE ARE WE NOW?
22
Staging
Area
History
(.git directory)
Working
Directory
git add git commit
23. 23
Exercise 3: Add files to the
Staging Area of Git repo
Scenario: You want to track the
changes you made in the folder
(part 1)
24. Add files to Staging Area
Add Files to Staging Area
git add -A or git add . (add all files)
git add filename (add one single file)
Remove files from Staging Area
git reset (remove everything)
git reset filename (remove one single file)
24
25. Add a .gitignore
Add gitignore file
touch .gitignore or type nul > .gitignore
Before first commit
git status
25
Add gitignore file
touch .gitignore or type nul > .gitignore
26. 26
Exercise 4: Commit the changes
to go to the final stage (History)
Scenario: You want to track the
changes you made in the folder
(part 2)
27. Our first Git commit!!
Our First Commit
git commit -m “message goes here”
Rules for messages:
✘ No period “.”
✘ < 50 characters
✘ Active voice and verbs
27
29. The challenge:
29
✘ Create a new file called misclass.html
✘ Add a new h1 and paragraph to your
misclass.html file for “Favorite MIS Classes”
✘ Make the commit to your Git repo to track
these changes!
32. What is GitHub?
A collaboration platform built on top of Git. It nurtures a
community for developers and supports open source.
GitHub = the Google Drive
for the coding community!
34. The Process
34
4
COMMIT CHANGES
AND PUSH BACK TO
REMOTE REPO
3
MAKE CHANGES
LOCALLY
2
CLONE THE REPO TO
YOUR LOCAL LAPTOP
1
CREATE A REMOTE
REPO IN GITHUB
35. 35
Exercise 5: Create A Remote Repo
from GitHub
Scenario: You want to track an
existing, remote project using Git (p1)
36. 36
Exercise 6: Clone this remote repo
to your local git repo in your laptop
Scenario: You want to track an
existing, remote project using Git (p2)
37. 37
Exercise 7: Make changes locally and
push it to your remote GitHub repo
Scenario: You want to track an
existing, remote project using Git (p3)
38. Work with a Remote Repo
Cloning a remote repo
git clone <url> <where to clone>
38
Push new changesCommit Changes Locally
● git status
● git add -A
● git commit -m
“message”
Update the remote repo
39. Update the changes to remote repo
Pull to update the remote repo
git pull
39
Push new changes to the remote repo
git push
Push new changes
● git push
Commit Changes Locally Update the remote repo
● git pull
43. Github Desktop
Installed application that let’s us interact with Github
without relying on a browser
● Same functions
● Easier than CLI
● Still free!
44. GitHub Desktop is a GUI!
44
● GUI (Graphical User Interface) is is a system of
interactive components such as icons and other
graphical objects that help a user interact with
computer software, such as an operating system.
● Is considered to be more user-friendly than a
text-based command-line interface (CLI)
45. Benefits over Browser
✘ Same Benefits
✘ GUI
✘ You need a git client to
make changes
✘ No Command Line
45
46. 46
Exercise 8: Use GitHub Desktop to
clone a remote repo
Scenario: You want to use an
open-source project
47. What we’re gonna do:
47
✘ Clone a remote Repo
✘ Manipulate Pre-Written Code
- Tell us about yourself!
✘ Make it your own Repo
48. Getting Started:
48
✘ Navigate to Nhi’s repo:
https://github.com/nhi-ng/blogtemplate.git
✘ Clone the remote repo
✘ Edit Code in Visual Studio Code
✘ Push it back to your own GitHub account
49. 49
Exercise 9: Make changes and create
new repo using GitHub Desktop
Scenario: You want to upload your code
to GitHub