membuat organisasi di github untuk projek ATsGengg

 1. buka github.com dan login, jika belum mempunyai akun pilih create an account, jika sudah maka tampilan homepage awal nya akan muncul



2. tekan logo profile di ujung atas kanan dan pilih menu organizations




3. pilih new organizations, lalu pilih yang free dan  isi nama organisasi dengan nama yang kalian inginkan, dan ubah privasinya menjadi publik agar bisa diakses oleh siapapun




4. jika sudah pilih menu repositories dan pilih new repository, isi dengan nama yang diinginkan, contoh ATsAPI karena saya ingin membuat api untuk organisasi tersebut






5. klik logo + dan pilih create new file lalu isi nama filenya dengan index.html, untuk contoh seperti di dalam gambar





6. lalu buat file style.css untuk gaya tampilan dari index tersebut


7. setelah membuat file css nya, berikutnya buat file main.js untuk menghubungkan ke api yang kita pilih




8. pilih settings pada repository tersebut dan pilih menu pages lalu ubah branch menjadi main, agar kita mendapatkan link dari repository tersebut





9. selanjutnya buat repository baru dengan cara yang sama seperti diatas lalu isi repository tersebut dengan nama atsgeng.github.io untuk memunculkan homepage dari web yang kita buat




10. lalu buat file index.html dan isi file tersebut untuk membuat tampilan awal homepage



11. buat untuk file css nya juga untuk mengatur gaya tampilan dari index diatas dengan cara yang sama seperti diatas




12. atur githubpage repository tersebut ubah branch nya menjadi main seperti yang sebelumnya agar mendapatkan link juga 


13. tambahkan file element.js untuk mempermudah pengelolaan input dengan cara yang lebih ringkas dan tersturktur


14. tambahkan file api-services.js untuk menghubungkan api dengan github agar bisa mengambil data 



Komentar

Posting Komentar

Postingan populer dari blog ini

TUTORIAL MENGGUNAKAN CROOTJS untuk LOGIN PAGE

Gambar
Di zaman yang serba canggih ini teknologi semakin berkembang, hampir semua orang fokus terhadap perkembangan teknologi hingga hari ini, hampir seluruh manusia pasti pernah merasakan kebermanfaatan perkembangan teknologi yang serba canggih pada zaman ini. Semua orang berlomba-lomba untuk menciptakan platform-platform digital demi bisa mempermudah pekerjaan manusia, salah satu platform nya yaitu C rootJS . CrootJS adalah library JavaScript ringan yang dirancang untuk memudahkan pembuatan website interaktif tanpa kerumitan framework besar seperti React atau Vue. Dengan konsep yang ringan dan berbasis Vanilla JavaScript, CrootJS memungkinkan developer mengelola event, manipulasi DOM, serta logika aplikasi. Kali ini kita akan bahas contoh penggunaan CrootJS untuk Login page. Ikuti langkah-langkah ini ya: 1. Pertama kamu bisa akses CrootJS di browser kesayangan kalian, cari pada menu search lalu ketik "croot js" atau kamu bisa klik link croot.js.org 2. Setelah itu kamu pilih websit...
Baca selengkapnya

Belajar Web API Jadi Gampang: Contoh POST Sederhana pakai JScroot & webhook.cool

Gambar
💻 Belajar Web API Sederhana: Kirim Data dari Website dengan POST (JScroot + webhook.cool) Dalam dunia web development modern, hampir semua website yang kita gunakan tidak berdiri sendiri. Di balik tampilan yang kita lihat, ada proses komunikasi antara website (frontend) dan server (backend) yang terjadi terus-menerus. Komunikasi inilah yang disebut API. API (Application Programming Interface) bisa dipahami sebagai jembatan yang menghubungkan website dengan server. Ketika sebuah website ingin mengambil data atau mengirim data, dia tidak bisa melakukannya langsung ke database. Website harus “berbicara” melalui API. Cara berbicara ini biasanya menggunakan HTTP request, seperti GET untuk mengambil data dan POST untuk mengirim data. Kalau kita sederhanakan, GET itu seperti kita membaca informasi dari server, sedangkan POST adalah ketika kita mengirimkan sesuatu ke server, misalnya form, pesan, atau input dari user. Di tutorial ini kita akan fokus pada POST karena kita akan membuat website ...
Baca selengkapnya