/binar-intro-to-html

Learn Collaboration In HTML Project Using Git (Binar Wave 36)

Primary LanguageHTML

Hai semua 👋

All Contributors

di repo ini, temen" semua akan belajar bagaimana cara berkolaborasi di project HTML & CSS

  1. Pertama fork dlu repo ini fork

  2. Buat branch kalian sendiri dengan mengambil dari branch master.

  3. Pilih salah satu dari Issue yang sudah di list disini

  4. Setelah itu, kalian wajib jalankan perintah npm i di terminal kalian

  5. Dan setelah itu kalian bisa mulai buat folder berdasarkan username github kalian contoh /contributors/xxidbr9 di folder ./contributors, dan di isi dengan file index.html sebagai project html kalian, jangan lupa tambah link menuju folder di file README.md ini!!.

  6. Kalian bisa lihat semua design di sini LINK FIGMA

  7. Pastikan hilangkan status bar atas dan bar bawah dan Ganti gambar placeholder dengan gambar asli apapun.

  8. Kalian wajib menggunakan screen mobile, bisa pakai yang sudah ada di chrome, atau untuk lebih presisi bisa pakai screen iPhone 12 di chrome dev tools ataupun bisa memakai extension VSCode Mobile View

  9. Untuk kalian yang sudah paham bisa lanjut buat bikin pull request dari branch yang sudah kalian buat.

  10. Setiap PR atau pull request harus disertai Screen Shoot kalian dengan design yang sudah kalian buat, disertai informasi yang lengkap(termasuk issue number), contoh bisa lihat disini (Link PR)

PERSYARATAN

Pesan commit harus rapi, dengan cara menambah beberapa prefix / kata khusus untuk di pakai di pesan commit, berikut beberapa list commit

List commit prefix Message

  • feat : Pembuatan / Develope sebuah fitur baru
  • fix : Membenarkan Bug di fitur yang sudah ada
  • perf : Peningkatan / Meningkatkan performa dalam kode
  • refactor : Mengganti full code yang sudah ada
  • style : Merubah / Menambah Base Style System
  • docs : Penambahan Documentasi file (.md)
  • build : Merubah / Mengganti sesuatu yang mempengaruhi build (webpack,tailwind.config,postCss)
  • ci : Commit yang mempengaruhi CICD
  • test : Penambahan testing code seperti, Unit-test, Intregation Test, User Test
Contoh penulisan
git add . # Untuk menambah file sebelum di commit
git commit -m "feat: add navbar to html" # menggunakan prefix feat dan informasi singkat setelahnya
Commit message dengan description
git commit -m "feat: allow provided config object to extend other configs"
feat: allow provided config object to extend other configs
Commit message dengan description dan body

dengan menggunakan lebih dari 1 Pesan (-m)

git commit -m "feat: allow provided config object to extend other configs" \
-m "BREAKING CHANGE: `extends` key in config file is now used for extending other config files"
feat: allow provided config object to extend other configs
BREAKING CHANGE: `extends` key in config file is now used for extending other config files
Commit message dengan scope

Menambah commit dengan (scope) / jangkauan pekerjaan

git commit -m "feat(xxidbr9): added xxidbr9 pages"
feat(xxidbr9): added xxidbr9 pages
Commit message dengan issue number.

ini akan membuat commit bisa membuat link dengan issue ataupun pull request yang ada di github

git commit -m "fix: remove unused #25"
fix: remove unused #25

LIST KONTRIBUTOR

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Barnando Akbarto Hidayatullah
Barnando Akbarto Hidayatullah
💻

This project follows the all-contributors specification. Contributions of any kind welcome!