bellshade / javascript Goto Github PK

Nama Materi

DOM: Selector

Deskripsi

Folder: /learn/DOM/004_Selector

Karena di repo js ini sudah ada ui server (#171) tetapi belum ada penjelasannya, oleh karena itu diperlukan cara penggunaan ui server di readme root

Patokan readme kira kira bisa seperti ini
https://github.com/bellshade/PHP#panduan-penggunaan

Nama Materi

DOM: Pengenalan

Deskripsi

Folder: /learn/DOM/001_Introduction

Ada beberapa hal yang perlu dilakukan untuk meningkatkan kualitas repo ini. Tujuan utamanya yaitu menjadikan repo js "Beginner Friendly". Adapun task yang perlu dilakukan

Perbaikan/perubahan README.md

• Membuat penjelasan yang lebih Beginner-Friendly
• Menambahkan roadmap pembelajaran
• #215

Perbaikan/perubahan pada folder /learn

• #216
• Penambahan media yang interaktif, menambahkan gambar atau gif yang menjelaskan sebuah kode
• Menambahkan embed berupa video tutorial youtube wpu (jika materi tersebut memiliki korelasi yang cocok)
• #214

Untuk @bellshade/javascript-team, mungkin ini bisa berubah sesuai diskusi internal tapi supaya lebih baik dibuat issue biar ga tenggelem

Untuk berkontribusi, aturan lengkapnya sudah ada di CONTRIBUTING.md repositori ini.
Issue ini akan menjadi tambahan bagi yang ingin berkontribusi di repo ini, mohon dibaca baik-baik.

Tata Cara dan Aturan

1. Melakukan fork repositori ke akun masing-masing dan mengclone repo fork tersebut
2. Membuat branch baru di local dan push branch dengan nama yang sama ke repo fork tersebut
3. Menambahkan remote upstream di local

Menambahkan remote upstream maksudnya menambahkan remote repo utama ke repo local yang ada dikomputer supaya mudah dalam mengambil perubahan.

Jalankan perintah ini di local komputer.

# jika menggunakan https
git remote add upstream https://github.com/bellshade/Javascript.git

# jika menggunakan ssh
git remote add upstream [email protected]:bellshade/Javascript.git

4. Melakukan fetch dan pull ketika ada pembaruan

Jika sudah ditambahkan remote upstream, langkah ini bisa mengambil perubahan yang ada direpo utama. Biasakan mengambil pembaruan secara berkala.

# versi panjang
git fetch upstream main
git pull upstream main
git push

# versi singkat
git fetch upstream main && git pull upstream main && git push

5. Membuat issue (Opsional)

Jika mempunyai saran atau ingin menambahkan sesuatu, disarankan membuat issue ini dengan template yang sudah di sediakan. Link issue nya di pull request untuk menutup issue tersebut.

6. Membuat perubahan yang etis dan masuk akal

Tolong, jangan membuat pull request yang tidak pantas untuk di buka, misalnya membuat perubahan nama variabel atau menambah sebuah titik (.) untuk perubahannya. Hargai kami sebagai maintainer mereview setiap pull request, kita juga mengurusi pull request yang lain juga. Jika ditemukan PR seperti ini, PR TERSEBUT AKAN DICLOSE.

Jika ada pertanyaan atau saran, bukalah issue atau tanyakan ke discord wpu di channel #bellshade-discussion.

Terima Kasih.

Fetch JavaScript

Deskripsi

Saya ingin membuat materi tentang fetch di vanilla Javascript yang biasa digunakan untuk mengambil data - data dari api.

Nama Materi

DOM: Events

Deskripsi

Folder: /learn/DOM/005_Events

Menambahkan tombol navigasi next dan previous, folder basic sudah dikerjakan di pr #199

Task saat ini

• Menambahkan tombol navigasi di folder /DOM (Jika bisa ditambahkan juga di folder /ES6)

Nama Materi

DOM: Event Listener

Deskripsi

Folder: /learn/DOM/006_Event_Listener

Nama Algoritma

Quicksort

Deskripsi

Quicksort merupakan Algoritme Pembagi. Pertama quicksort membagi list yang besar menjadi dua buah sub list yang lebih kecil: element kecil dan element besar. Quicksort kemudian dapat menyortir sub list itu secara rekursif.
https://id.wikipedia.org/wiki/Quicksort

Deskripsi

Link contoh file nullish coalescing operator error 404 not found.

Saran kamu

Dibagian linknya ada typo bisa diganti menjadi nullishCoalescingOperators.js

Screenshots atau output

Error 404 not found

Desktop (please complete the following information):

• OS: Linux

Terima kasih !

Nama Algoritma

Operator

Deskripsi

searchEngine.js

Deskripsi

kebutuhan dalam mencari sebuah data didalam database memanglah cukup penting, karena ketepatan data dan juga keseuaian pencarian jadi point utama dalam mendapatkan sebuah data,, saya sudah pull request kesini,, mudah2an bisa membantu teman2 yang lagi mengerjakan javascript,, Cheers....

Nama Algoritma

Pengkondisian

Deskripsi

Daftar-Daftar materi yang sudah diselesaikan untuk materi DOM Javascript.

Jika open berarti belum dikerjakan, kalau close berarti sudah selesai.

• #147
• #148
• #149
• #151
• #152
• #153
• #156
• #154

Jika ingin menambahkan materi ini, di ingatkan kembali bacalah Panduan Kontribusi atau panduan lanjutan #58. Untuk materi ini diperlukan minimal 3 file jika ingin menambahkan foldernya, yaitu file html, js, dan md sebagai penjelasannya. Untuk folder sudah dijelaskan dimasing masing issue. Balas di issue yang ingin dikerjakan dengan saya ingin mengerjakan atau selain itu.

Jika ada masalah silahkan di diskusikan di issue ini atau di discord wpu.
Jika dirasa materi kurang, tambahkan issue untuk materi baru

Happy Contributing 🎉

DOM : Traversal

Deskripsi

Dom Transversal/Penelusuran DOM ialah salah satu metode untuk melakkukan dom ini berguna jika yang diberikkan aksi data nya terus bertambah

Folder: /learn/DOM/008_Traversal

Nama Algoritma

Kelas

Deskripsi

Nama Algoritma

Rekayasa String

Deskripsi

Deskripsi

Pada saat belajar menggunakan UI Server, navigasi yang fungsionalitasnya normal di github, ketika menggunakan ui server navigasi tersebut tidak berjalan semestinya.

Saran kamu

Memperbaiki bug tersebut, hal yang paling memungkinkan adalah menggunakan regular expression ketika ada gambar badges didalam tag anchor.

Screenshots atau output

Contohnya terdapat dihalaman http://localhost:3000/learn/ES6/001_introduction

Ketika tombol tersebut ditekan, halaman yang dituju tidak sesuai seperti di github

Desktop (please complete the following information):

• OS: Linux

Terima kasih !

Materi ini berisi tentang bagaimana sebuah class bisa digunakan untuk mewarisi sifat class yang memiliki sifat yang sama seperti class yang diwarisi. Sama halnya manusia dalam mewarisi sifat genetik dari orang tua ke anak-anaknya.

Buatlah class dasar yang memiliki sifat dasar yang bisa di warisi ke anakan class, misalnya HewanKakiEmpat. Satu saja dengan method bawaan, semisal berjalan, makan, tidur, dll.
Untuk class anakan bisa inherit dari class parent yang sudah dibuat, contoh Kucing, Kuda, Anjing yang sama sama memiliki kesamaan sifat. Minimal terdapat 2 class anakan yang inherit ke class parent.

Folder: /learn/OOP/005_Inheritance

Materi ini menjelaskan bagaimana kita memproteksi property supaya tidak bisa langsung diubah, perlu ada proteksi dari property yang ada di class tersebut dengan cara memanggil function yang bisa mendapatkan property atau mengubah value dari property itu sendiri.

Folder: /learn/OOP/003_Encapsulation

Nama Materi

DOM: Event Bubbling and Capturing

Deskripsi

Folder: /learn/DOM/007_Event_Bubbling_and_Capturing

Nama Algoritma

Manipulasi Array

Deskripsi

This is the algorithms-keeper at your service! Thank you for installing me @slowy07.

Queue

Deskripsi

Queue adalah struktur data linear yang mirip seperti antrian. Proses penambahan dan penghapusan data pada queue bersifat FIFO (First In First Out), yaitu data yang masuk pertama, akan diproses dan dihapus pertama pula.

Fungsi-fungsi pada Queue

1. Enqueue, menambahkan data pada queue.
2. Dequeue, menghapus data pada queue, dan mengembalikan data yang dihapus
3. Peek, mengambil data pada queue
4. isEmpty, mengecek apakah data pada queue kosong

Terima kasih atas pehatiannya.

Daftar-Daftar materi yang diperlukan untuk materi OOP Javascript.

Jika open berarti belum dikerjakan, kalau close berarti sudah selesai dikerjakan.

OOP Basic

• #220
• #221
• #222
• #223
• #224
• #225

OOP Intermediate

• #266
• #267
• #268

Wajib menggunakan keyword class untuk deklarasi class setiap materi baru sesuai materi yang diambil.

Jika ingin menambahkan materi ini, diingatkan kembali untuk membaca Panduan Kontribusi atau panduan lanjutan di #58. Isi folder diwajibkan minimal terdapat 2 file, file untuk js nya (penjelasan materi) dan file README.md dengan penjelasan yang lengkap atas materi yang dikerjakan. Untuk posisi dan penamaan folder dan bagaimana materinya, sudah dijelaskan di masing masing issue. Balas di issue yang ingin dikerjakan dengan saya ingin mengerjakan atau selain itu supaya bisa di-assign ke kamu.

Jika ada masalah silahkan didiskusikan di issue ini atau di discord wpu.
Jika dirasa materi kurang, tambahkan issue untuk materi baru dan berikan komentar pada issue ini bila ingin menambahkan materinya.

Happy Contributing 🎉

Materi ini berisikan bagaimana cara mengurangi kompleksitas dalam melakukan sesuatu yang mudah, mungkin di javascript tidak bisa menggunakan abstraksi di bahasa yang menganut bahasa yang lain tetapi bisa di gunakan di dalam constructor abstraksi tersebut.

Ref: https://developer.mozilla.org/en-US/docs/Glossary/Abstraction
Folder: /learn/OOP/004_Abstraction

Pembuatan folder baru dan penambahan hint jika class dibalik layar adalah function constructor biasa.

Nama Materi

DOM: Methods

Deskripsi

Folder: /learn/DOM/004_Methods

Mungkin kita bsia menambahkan prettier, eslint, dkk. yang tercantum di CONTRIBUTING.md ke file package.json untuk memudahkan & mempercepat kontribusi.
Kita juga perlu memperbarui panduan kontribusi jika kita menerapkan ini.

Todo

• Setup package.json
• Memperbarui panduan kontribusi

Terima kasih.
@bellshade/javascript-team

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency prettier to v3.2.5
• chore(deps): update dependency eslint to v9

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Materi ini menjelaskan bagaimana class bisa di wariskan, juga bagaimana property bisa di tambah atau diubah ubah sesuai class yang diwariskan.

Lebih lengkap: https://stackoverflow.com/questions/27642239/what-is-polymorphism-in-javascript

Folder: /learn/OOP/006_Polymorphism

Nama Algoritma

Object
Manipulasi object

Deskripsi

Method statis seperti Object.keys(), Object.assign(), Object.entries(), dll

Nama Algoritma

String

Deskripsi

Menjelaskan cara deklarasi string di JavaScript

Untuk materi ini tujuannya adalah menjelaskan apa itu object yang di hasilkan si class, apa saja property yang ada dialam class yang diberikan dan method yang fungsinya bisa apa sih, juga kenapa si method itu ada.

Folder: /learn/OOP/002_Object_Property_Method

Nama Algoritma

Perulangan

Deskripsi

Deskripsi

Saran kamu

Saya ada saran agar repositori javascript dibuatkan seperti pada repositori php
tapi sebelum itu saya ada saran untuk menjadikan repositori ini jadi github pages dulu sebelum dibuat layaknya seperti di repo php.

Terima kasih !

Nama Algoritma

Array

Deskripsi

Deskripsi

Ketika di sebuah readme ada file penerapan javascript, di ui server terdapat bug yang mengisi readme full hampir satu halaman dan readme tersebut tidak bisa di scroll.

Saran kamu

Diperbaiki css di halaman yang menampilkan readme pada saat ada kode js nya supaya bisa ukuran container prism js tidak memnuhi halaman readme dan bisa di scroll.

Screenshots atau output

Contoh ambil halaman http://localhost:3000/learn/Basic/001_hello_world, ketika tampilan di ui server

Sedangkan tampilan di github berbeda jauh

Desktop (please complete the following information):

• OS: Linux

Terima kasih !

Nama Algoritma

Fungsi

Deskripsi

Rhombus in the middle of square

Deskripsi

Algoritma ini merupakan algoritma untuk belajar melatih looping dan outputnya membuat bentuk kotak menggunakan angka dan ditengah kotak berbentuk belah ketupat untuk hasil outputnya bisa dilihat digambar. input dari agoritma ini bisa dinamis dengan mengisi angka berapa saja.
maaf kalau penjelasannya kaku karena baru pertama membuat issue

apakah disatukan kedalam folder yang sudah ada?

saran : buat folder baru "NodeJS"

Berikut adalah daftar algoritma yang sudah / akan ditambahkan di repositori ini

• Hello world
• #38
• #27
• #29
• #28
• #30
• #32
• #31
• #33
• #34
• #35
• #36
• #50
• #80
• #90
• #97

Jika ingin menyarankan algoritma lain / yang belum terdaftar, silahkan buat issue baru di sini

Terima kasih

Nama Algoritma

Operasi Matematika

Deskripsi

Folder basic dan dom sudah, selesai dikerjakan di pr #195

Tugas saat ini

• Menambahkan readme root di folder /ES6 dan /WebApi

Nama Materi

DOM: Collections

Deskripsi

Folder: /learn/DOM/003_Collections

Nama Materi

DOM: Nodes

Deskripsi

Folder: /learn/DOM/002_Nodes

Deskripsi

Ketika menekan link Class membawa kepada halaman 404 not found.

Saran kamu

Ganti dengan link yang benar

Screenshots atau output

// Error ouputnya disini

Desktop (please complete the following information):

• OS: Windows

Terima kasih !

Nama Algoritma

Folder berisi contoh program sederhana dengan menggunakan fungsi, rekayasa string, logika