├── BASIC.md ├── CONTRIBUTING.md ├── HTML ├── Definisi HTML │ ├── Definisi.html │ ├── Definisi.md │ └── Struktur HTML.md ├── HTML Comments │ └── HTML Comments.md ├── HTML Headings │ └── HTML Headings.md ├── HTML Lists │ ├── HTML Lists.md │ └── img │ │ ├── custom-ol.png │ │ ├── custom-ul.png │ │ ├── default-ol.png │ │ ├── default-ul.png │ │ └── dl.png ├── HTML Paragraphs │ └── HTML Paragraphs.md ├── HTML Quotation │ └── HTML Quotation.md ├── HTML Semantic │ └── HTML Semantic.md ├── HTML Style │ └── HTML Style.md ├── HTML Text Formatting │ └── HTML Text Formatting.md ├── HTMLAttributes │ └── HTMLAttributes.md ├── HTMLBasic │ └── html_basic.md ├── HTMLEditors │ ├── HTMLEditors.html │ └── HTMLEditors.md ├── HTMLElements │ ├── elemen_html.md │ └── img │ │ └── table.png ├── HTMLFilePath │ └── README.md ├── HTMLIFrame │ └── README.md └── HTMLIntroduction │ ├── HTMLIntroduction.html │ └── HTMLIntroduction.md ├── LICENSE ├── README.md └── Template ├── 404 Template ├── Caveman Punching │ ├── CavemanPunch.css │ └── CavemanPunch.html ├── Electric Shock │ ├── ElectricShock.css │ └── ElectricShock.html ├── Ghost Stole Your Page! │ ├── youStyle.css │ └── yourPage.html ├── Monster CSS │ ├── Monster.css │ ├── Monster.html │ └── monsterjs.js └── Space Invaders 404 │ ├── Invaders.css │ ├── Invaders.html │ └── yourSpaceships.js ├── Bxtre Template ├── img │ ├── 32.jpg │ ├── anime.jpg │ ├── box.png │ ├── boxe.png │ ├── brand1.png │ ├── brand2.png │ ├── brand3.png │ ├── brand4.png │ ├── brand5.png │ ├── bs.png │ ├── delivery.png │ ├── logo-coca-cola.png │ ├── logo-godrej.png │ ├── logo-oppo.png │ ├── logo-paypal.png │ ├── men.png │ ├── p.png │ ├── ps.png │ └── ss.png ├── index.html └── style.css ├── Devrich Template ├── css │ └── style.css ├── img │ ├── devrich.png │ └── laptop.png ├── index.html └── main.js └── readme.md /BASIC.md: -------------------------------------------------------------------------------- 1 | # Dasar-Dasar 2 | 3 | ## Dasar-Dasar HTML 4 | 5 | - Definisi HTML 6 | - Penjelasan tag HTML 7 | - Struktur HTML 8 | - Coding-Standart HTML 9 | - Tag Penutup 10 | - Elemen Bersarang 11 | - Nilai dan Atribut 12 | - Identasi 13 | - Paragraf 14 | - Heading 15 | - Horizontal Line 16 | - Font-Style 17 | 18 | ## Dasar-Dasar CSS 19 | 20 | - Definisi CSS 21 | - 22 | - 23 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Panduan Berkontribusi 2 | 3 | ## Kontributor 4 | 5 | Kami sangat senang anda telah ikut berkontribusi dalam implementasi algortima, struktur data atau memperbaiki error. 6 | Semua boleh ikut berkontribusi walaupun hal kecil dengan pengecualian sebagai berikut: 7 | 8 | - Hasil pekerjaan kamu adalah buatan kamu sendiri dan tidak ada hak cipta dari orang lain. 9 | - Jika kami menemukan kesamaan maka kami tidak `merged`. 10 | - Hasil kerja kamu akan berlisensi [MIT](LICENSE) ketika permintaan pull kamu sudah di merged. 11 | - Hasil kerja kamu wajib mengikuti standar dan style koding dari kami. 12 | - Penggunaan nama file bersifat `camelCase` dan berlaku juga untuk variable dan identifier. 13 | - Menggunakan output `.html`. 14 | 15 | ## Apa Itu Algoritma? 16 | 17 | Algoritma adalah langkah-langkah untuk menyelesaikan suatu pekerjaan dimana terdiri dari 3 bagian utama, yaitu: 18 | 19 | - Input/masukan, sebelum menjalankan sebuah algoritma maka hal yang pertama harus dilakukan adalah menerima masukan, input dapat berasal dari pengguna ataupun dari langkah sebelumnya. 20 | - Proses, bagian utama dari algoritma yang melakukan pengolahan input yang akan menghasilkan output. 21 | - Output/keluaran, output adalah hasil dari bagian proses, output ini juga bisa digunakan untuk langkah selanjutnya (jika masih ada). 22 | 23 | Algoritma harus dikemas sedemikian rupa sehingga memudahkan pembaca untuk memasukkannya ke dalam program yang lebih besar. 24 | 25 | Algoritma harus memiliki: 26 | 27 | - Memiliki nama kelas dan fungsi intuitif yang memperjelas tujuannya bagi pembaca 28 | - Menggunakan konvensi penamaan Javascript dan nama variabel intuitif untuk memudahkan pemahaman 29 | - Fleksibel untuk mengambil nilai input yang berbeda 30 | - Memiliki docstrings dengan penjelasan yang jelas dan/atau URL ke materi sumber 31 | - Berisi doctests yang menguji nilai input yang valid dan salah 32 | - Kembalikan semua hasil perhitungan alih-alih mencetak atau memplotnya 33 | 34 | ## Pull Request 35 | 36 | ### Pull Request Yang Baik 37 | 38 | - Lakukan fork pada repository kami 39 | - Setelah melakukan fork kamu dibebaskan untuk mengubah atau menambah algoritma 40 | - Untuk pull request merubah diusahakan kamu menerapkan algoritma yang lebih baik dan lebih mudah 41 | - Setelah merubah, menambah, atau perbaikan dokumentasi, usahakan kamu membuat branch baru 42 | 43 | ```bash 44 | git checkout -b 45 | git add . 46 | git commit -m "add: menambahkan algoritma baru" 47 | ``` 48 | 49 | - Lakukan push ke branch kamu dan kemudian open pull request 50 | -------------------------------------------------------------------------------- /HTML/Definisi HTML/Definisi.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hello World 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /HTML/Definisi HTML/Definisi.md: -------------------------------------------------------------------------------- 1 | # Definisi HTML 2 | 3 | HTML (Hypertext Markup Language) merupakan bahasa markup yang digunakan untuk menentukan konten dan 4 | struktur halaman web. 5 | 6 | Elemen dalam dokumen HTML ditunjukkan dengan menggunakan tag. 7 | 8 | Penulisan tag HTML seperti di bawah ini: 9 | 10 | ```html 11 | text 12 | ``` 13 | 14 | Beberapa tag memiliki teks tambahan di dalamnya yang memberikan informasi tambahan tentang tag; disebut dengan atribut. 15 | 16 | ```html 17 | text 18 | ``` 19 | 20 | Nama tag boleh ditulis dengan huruf kecil, huruf kapital, ataupun kombinasi antara huruf kecil dan huruf kapital. 21 | 22 | Teks editor untuk membuat file HTML diantaranya Notepad++, SublimeText, dan Visual Studio Code. -------------------------------------------------------------------------------- /HTML/Definisi HTML/Struktur HTML.md: -------------------------------------------------------------------------------- 1 | # Struktur HTML 2 | 3 | HTML menggunakan tiga tag untuk membuat struktur keseluruhan, yaitu ``, ``, dan ``. 4 | 5 | 6 | -------------------------------------------------------------------------------- /HTML/HTML Comments/HTML Comments.md: -------------------------------------------------------------------------------- 1 | ## HTML Comments 2 | 3 | ### Apa Itu HTML Comments ? 4 | HTML Comments berfungsi untuk membantu mendokumentasikan sumber kode/source code HTML anda. 5 | 6 | Anda dapat menambahkan Comments ke file HTML, dengan sintaks berikut; 7 | ```HTML 8 | 9 | ``` 10 | 11 | ### Contoh Penerapan Comment Pada HTML 12 | 13 | **Comment Biasa** 14 | ```HTML 15 | 16 | 17 |

Ini adalah paragraf.

18 | ``` 19 | 20 | **Menyembunyikan Content** 21 | 22 | ```HTML 23 |

Header 1.

24 | 25 | 26 | 27 |

Paragraf Kedua

28 | ``` 29 | 30 | **Menyembunyikan Bagian Dalam Konten** 31 | ```HTML 32 |

Aku menyukai warna merah dan kuning

33 | ``` -------------------------------------------------------------------------------- /HTML/HTML Headings/HTML Headings.md: -------------------------------------------------------------------------------- 1 | ## HTML Headings 2 | 3 | ### Apa Itu HTML Headings ? 4 | HTML Headings adalah judul/sub-judul yang ingin ditampilkan dalam halaman website HTML 5 | 6 | HTML Headings didefinisikan dengan `

` hingga `

`, contohnya: 7 | 8 | **Dalam Bentuk Tulisan** 9 | # Heading 1 10 | ## Heading 2 11 | ### Heading 3 12 | #### Heading 4 13 | ##### Heading 5 14 | ###### Heading 6 15 | 16 | **Dalam Bentuk Code** 17 | ```html 18 |

Heading 1

19 |

Heading 2

20 |

Heading 3

21 |

Heading 4

22 |
Heading 5
23 |
Heading 6
24 | ``` -------------------------------------------------------------------------------- /HTML/HTML Lists/HTML Lists.md: -------------------------------------------------------------------------------- 1 | ## HTML Lists 2 | 3 | ### Apa Itu HTML List ? 4 | 5 | HTML List adalah elemen untuk menyajikan data berupa list/daftar. 6 | 7 | Ada tiga macam list dalam HTML dan masing-masing memiliki tujuan dan makna tertentu. 8 | 9 | - **Unordered list** - Digunakan untuk membuat daftar item, tanpa urutan tertentu. 10 | - **Ordered list** - Digunakan untuk membuat daftar item, dalam urutan tertentu. 11 | - **Description list** - Digunakan untuk membuat daftar item dan deskripsinya. 12 | 13 | ### Unordered List 14 | 15 | Unordered list adalah daftar item yang tidak memiliki urutan khusus. Unordered list dibuat dengan tag `