BM: Baca dalam Bahasa Melayu
World 9: Power Tools
GitHub Desktop and editor tools
You will learn: how Git buttons in apps match the commands you know.
The problem
A friend says: “Real coders only type commands. Buttons are cheating.” Is your friend right?
Pick one answer.
Watch
GitHub Desktop: A free app with buttons for Git jobs: commit, branch, push and pull. is a free app for Windows and macOS. It lists your changed files. A tick means “put it in the box”.
Tap every file that goes into the commit.
0 of 2 found
Try it
Every button runs a Git command. Match them up.
Drag a card into a box. Or tap the card, then tap the box.
Watch
Most code editors have a Git panel too. VS Code, JetBrains editors and many more. The steps are the same everywhere. Put them in order.
First step at the top. Put these in order. Use the arrows, or drag.
- Click Commit
- Write a short message
- Push to GitHub
- Pick the files to save
Predict
You commit in GitHub Desktop. Then you run git log in the terminal. Is the commit there?
Pick one answer.
Check
There it is: Add contact page, made with a button. One .git folder, many doors. Use whichever helps you most.
You did it!
You can now use Git with buttons or commands. They match.
Go deeper (optional)
GitHub Desktop is open source. It can also show diffs and check out pull requests. Still learn the commands. Servers and Codespace terminals have no buttons. When an app shows an error, the command behind it helps.
Bahasa Melayu
Kawan anda kata: “Pengekod sebenar hanya taip arahan. Guna butang tu menipu.” Betulkah kata kawan anda?
GitHub Desktop ialah aplikasi percuma untuk Windows dan macOS. Ia senaraikan fail yang anda ubah. Tanda tick maksudnya “masukkan ke kotak”.
Setiap butang jalankan satu arahan Git. Padankan semuanya.
Kebanyakan editor kod pun ada panel Git. VS Code, editor JetBrains dan banyak lagi. Langkahnya sama di mana-mana. Susun ikut urutan.
Anda buat commit (titik simpan) dalam GitHub Desktop. Kemudian anda jalankan git log dalam terminal. Ada tak commit itu?
Itu dia: Add contact page, dibuat dengan butang. Satu folder .git, banyak pintu. Guna yang paling membantu anda.
Kini anda boleh guna Git dengan butang atau arahan. Kedua-duanya sepadan.
You finished this before. Practice is always welcome!
Official docs: About GitHub Desktop · Source Control in VS Code · git log
You've learned for 25 minutes. A short break helps your brain.
Sprint done! Great focus. Stretch for a minute?