Web App Development - George Corser · “GitHub is an American company that provides hosting for...

34
Web App Development

Transcript of Web App Development - George Corser · “GitHub is an American company that provides hosting for...

Page 1: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

Web App Development

Page 2: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

▪ A version control system

Page 3: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

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

Page 4: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

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

Page 5: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

▪ “GitHub is an American company that provides hostingfor software development version control using Git. It is a subsidiary of Microsoft, which acquired the company in 2018 for $7.5 billion.”

▪ Source: Wikipedia

Page 6: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

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

Page 7: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

1. Create account

Page 8: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

2. Sign In

Page 9: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

3. Create repo

Page 10: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

4. Create new file

Page 11: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

5. Add file name and

file contents

Page 12: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

6. “Commit” the file

Page 13: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

Now there are 2 files.

Page 14: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

7. Get the clone URL

Page 15: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

8. Open Putty

(Linux terminal, SSH)

Page 16: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

9. Login to Linux

Page 17: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

10. Clone the repo

Right-click to insert

Clone URL

Page 18: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

Do not create the subdirectory for the repo.

Cloning the URL will create the subdirectory.

11. Edit files

Page 19: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,
Page 20: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,
Page 21: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

12. Check git status

Red color means

“File modified, but not

added”

Page 22: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

13. Recall Staging area

Page 23: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

Green color means

“File modified and

added, but not

committed”

14. Add files

to staging area

Page 24: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

15. Commit files

to staging area

Page 25: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

16. Push files

to repo

Page 26: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

Done means done.

Page 27: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

17. View website

Page 28: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,
Page 29: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,
Page 30: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,
Page 31: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

18. View file on GitHub

repo and click “History”

Page 32: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

19. View history, and

click instance

Page 33: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

20. View detailed

changes

Page 34: Web App Development - George Corser · “GitHub is an American company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft,

Web App Development