web app development - george corser · “github is an american company that provides hosting for...
TRANSCRIPT
![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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/1.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/2.jpg)
▪ 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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/3.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/4.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/5.jpg)
▪ “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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/6.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/7.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/8.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/9.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/10.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/11.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/12.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/13.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/14.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/15.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/16.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/17.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/18.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/19.jpg)
![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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/20.jpg)
![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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/21.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/22.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/23.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/24.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/25.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/26.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/27.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/28.jpg)
![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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/29.jpg)
![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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/30.jpg)
![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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/31.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/32.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/33.jpg)
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,](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66b83c371c2c5c6372dd14/html5/thumbnails/34.jpg)
Web App Development