MakeXYZ Fun

[Video Summary] Challenge: Get the Football App on GitHub (2025)

Admin -

Mô tả nhanh

Video này hướng dẫn cách đưa ứng dụng bóng đá lên GitHub, bao gồm tạo repo, commit, push code, và tạo file readme.

Video

Click vào hình dưới để mở:

Mô tả chi tiết

Video này hướng dẫn cách đưa ứng dụng bóng đá lên GitHub, bao gồm tạo repo, commit, push code, và tạo file readme.

Các bước thực hiện:

  1. Mở dự án Football: Mở ứng dụng "football" đã hoàn thành từ thử thách trước. Nếu chưa có, hãy xem lại playlist và hoàn thành thử thách đó trước.
  2. Tạo Remote Repo trên Github:
    • Vào Source Control Navigator (biểu tượng thứ hai từ trái).
    • Click vào "Repositories" và mở rộng mục "football Main".
    • Click chuột phải vào "remotes" và chọn "New football remote".
    • Nhập mô tả cho repo (ví dụ: "solution to the what is football challenge").
    • Click "Create".
  3. Kiểm tra Repo trên Github:
    • Click chuột phải vào "origin" và chọn "View on GitHub" để xem repo trên trình duyệt.
    • Kiểm tra file ContentView.swift, bạn sẽ thấy code gốc chứ không có thay đổi mới nhất. Vậy nên ta cần commit và push code lên.
  4. Commit và Push code:
    • Quay lại Xcode, vào menu "Integrate" -> "Commit".
    • Nhập message commit (ví dụ: "commit after the challenge was completed").
    • Chọn "Stage All" để staging các thay đổi.
    • Click giữ và chọn "Commit and Push". Một hộp thoại sẽ hiện ra, ở đó bạn nhấn "Push" để đẩy code đã commit lên GitHub.
  • Sau khi push thành công thì Xcode sẽ không còn hiện thông báo các file chưa được commit nữa (chữ M bên cạnh tên file trong Project Navigator).

  1. Kiểm tra lại trên Github: Refresh trang web GitHub và kiểm tra lại file ContentView, bạn sẽ thấy code đã được cập nhật mới nhất.

  2. Tạo file Readme:

    • Trên trang chính của repo, click vào nút "Add a README".
    • Nhập mô tả cho repo và các thông tin liên quan (ví dụ: "completed solution for the what is football challenge").
    • Thêm liên kết LinkedIn vào file Readme.

  3. Thêm ảnh chụp màn hình vào file README:

    • Sử dụng phím tắt Shift + Command + 4 trên Mac để chụp màn hình.
    • Quay lại trang GitHub, paste (Command + V) ảnh vừa chụp vào file Readme. GitHub sẽ tự động upload và tạo link cho ảnh.
    • Click "Commit changes" để lưu file Readme.

  4. Kiểm tra lại lần cuối: Click vào tên repo bạn sẽ thấy nội dung file Readme đã được hiển thị đầy đủ, bao gồm cả hình ảnh screenshot.


Chúc bạn thực hành thành công!