Web App Development A version control system Image source: - - PowerPoint PPT Presentation

▶
web app development a version control system image source
SMART_READER_LITE
LIVE PREVIEW

Web App Development A version control system Image source: - - PowerPoint PPT Presentation

Aug 29, 2022 148 likes •492 views

Web App Development A version control system Image source: https://git-scm.com/book/en/v2/Getting-Started-What-is-Git%3F Image source: https://git-scm.com/book/en/v2/Getting-Started-What-is-Git%3F GitHub is an American company that

slide-1
SLIDE 1

Web App Development

slide-2
SLIDE 2

▪ A version control system

slide-3
SLIDE 3

Image source: https://git-scm.com/book/en/v2/Getting-Started-What-is-Git%3F

slide-4
SLIDE 4

Image source: https://git-scm.com/book/en/v2/Getting-Started-What-is-Git%3F

slide-5
SLIDE 5

▪ “GitHub is an American

company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft, which acquired the company in 2018 for $7.5 billion.”

▪ Source: Wikipedia

slide-6
SLIDE 6

1.

Create account

2.

Sign in

3.

Create repo

4.

Create new file

5.

Add file name

6.

Commit contents

7.

Get clone URL

8.

Open Putty

9.

Login to Linux

  • 10. Clone the repo
  • 11. Edit files
  • 12. Check Git status
  • 13. Recall staging area
  • 14. Add files to staging area
  • 15. Commit
  • 16. Push
  • 17. View website
  • 18. View files on GitHub
  • 19. View history
  • 20. View detailed changes
slide-7
SLIDE 7
  • 1. Create account
slide-8
SLIDE 8
  • 2. Sign In
slide-9
SLIDE 9
  • 3. Create repo
slide-10
SLIDE 10
  • 4. Create new file
slide-11
SLIDE 11
  • 5. Add file name and

file contents

slide-12
SLIDE 12
  • 6. “Commit” the file
slide-13
SLIDE 13

Now there are 2 files.

slide-14
SLIDE 14
  • 7. Get the clone URL
slide-15
SLIDE 15
  • 8. Open Putty

(Linux terminal, SSH)

slide-16
SLIDE 16
  • 9. Login to Linux
slide-17
SLIDE 17
  • 10. Clone the repo

Right-click to insert Clone URL

slide-18
SLIDE 18

Do not create the subdirectory for the repo. Cloning the URL will create the subdirectory.

  • 11. Edit files
slide-19
SLIDE 19
slide-20
SLIDE 20
slide-21
SLIDE 21
  • 12. Check git status

Red color means “File modified, but not added”

slide-22
SLIDE 22
  • 13. Recall Staging area
slide-23
SLIDE 23

Green color means “File modified and added, but not committed”

  • 14. Add files

to staging area

slide-24
SLIDE 24
  • 15. Commit files

to staging area

slide-25
SLIDE 25
  • 16. Push files

to repo

slide-26
SLIDE 26

Done means done.

slide-27
SLIDE 27
  • 17. View website
slide-28
SLIDE 28
slide-29
SLIDE 29
slide-30
SLIDE 30
slide-31
SLIDE 31
  • 18. View file on GitHub

repo and click “History”

slide-32
SLIDE 32
  • 19. View history, and

click instance

slide-33
SLIDE 33
  • 20. View detailed

changes

slide-34
SLIDE 34

Web App Development