Jul 28, 2020

Mengapa harus di Dicoding?



Assalaamu'alaikum.

Kali ini saya mau menceritakan bagaimana rasanya belajar di Dicoding, +
Mendapatkan akses belajar gratis di Dicoding wkwkwkwkwk

Ok, jadi awalnya tu di tahun 2019 saya sudah pernah mendaftar dan Alhamdulillah mendapat tokennya juga TAPI sayangnya belum ada laptop yang signifikan,
Karena saya memilih Pembelajaran tentang Android (berat itu).

Sedih sih, cuma mau gimana lagi.

Ok, jadi di tahun ini karena ada laptopnya yaudah mau sih Android cuma takut laptop gakuat wkwk nggak-nggak karena mau nerusin aja ke web (karena dari SMK dulu sudah ke arah web, pernah ikut LKS juga sih cuma kurang paham tentang materinya, belum belajar PHP malah langsung ke Laravel wkwk)

So, saya cari beasiswa IDCamp di internet

Yaudah langsung daftar aja, dan Alhamdulillah dapat :)

Dapat tokennya juga hehe

Di pembelajaran dasarnya Alhamdulillah lancar jaya dan cpat karena pernah saya pelajari waktu SMK kelas 10 (HTML & CSS, untuk JS kurang karena belum pernah belajar).
Tapi, di materi kedua yaitu Fundamental wah tentang JavaScript pening sampai saya tunda waktu belajarnya lalu di minggu terakhir saya ngebut wkwk (jangan ditiru hm).
Nyesel sih, karena tidak lulus dan waktu terbuang sia-sia juga waktu itu. Karena saya waktu itu memikirkan masalah yang seharusnya tidak dipikirkan sebagian besar orang. Aneh kan saya?

Yah, yang penting sudah saya rangkum materinya :)

Lalu, anehnya ada pesan promosi seperti ini

Saya coba-coba saja sih, tapi setelah saya daftar dapat pesan seperti ini

Jadi gini, sebenarnya saya daftar tanggal 19 Juli 2020 di malam hari, nah lalu setelah saya buka di tempat informasi Eventnya yahh ternyata Eventnya dimulai pada tgl 18-19 waktu siang atau sore ke malam (Maghrib atau Isya' gitu). Saya hanya pasrah padahal berharap banget bisa melanjutin materi yang kedua itu :')

Tapi ntah mengapa saya dapat.
Padahal saya baru daftar di BDD doang, belum daftar ke Eventnya. Eventnya itu seperti menonton Live Youtubenya, tapi saya telat daftar dan Eventnya sudah selesai. Ntahlah, kalau dapat yasudah :'v

Tapi belum saya gunakan sih, karena saya sedang memperbaiki aplikasi yang sudah saya buat dan karena sudah lama (baru hampir sebulan hm) jadi saya harus buat aplikasinya dari awal. Jadi ... ya gitu.

Harus pintar-pintar cari beasiswa, ehe

Dan sekarang membahas tentang rasanya belajar di Dicoding, yeeyyy



Challenges Dicoding


Saya masih belum paham terkait dengan Challengesnya karena saya sendiri belum pernah ikut masih memahami materi yang saya punya apalagi JavaScript :')
Tapi kalau menang dalam Challenges Dicoding, bisa mendapat hadiah gitu, Ptsnya itu apa namanya gatau nah bisa ditukar dengan hadiah lain... Kayaknya sih, maaf kalau salah.

List Academy di Dicoding


Nah di sini gudang materinya. Banyak kok, ada yang gratis sampai berbayar. Tapi hanya 500k saja supaya bisa mendapat akses ke semua pembelajaran selama 30 hari, dan ada masa Trialnya juga lho jika masih grogi mau masuk ke pembelajaran yang mana yaitu selama 15 hari. Saya lebih sarankan yang Beasiswa aja :V (tapi harus dipikir-pikir mateng juga sih, masamu mangga? Lha emang iya kok harus hm)

Tempat Materi (Academy Tutorial) di Dicoding 

Cara penyampaian materi di Dicoding adalah dengan modul, yaitu menjelaskan materinya. Untuk latihan, bisa di laptop atau komputer sendiri dengan Teks Editor masing-masing :)

Ada Quiz di Dicoding
Ada juga Quiz.


Tempat Diskusi di Dicoding


Ada tempat diskusi juga. Jadi, kalau ada materi yang masih bingung dimengerti, bisa buat diskusi baru atau jika ada pertanyaan yang sama dengan pertanyaan yang ingin disampaikan yaa coba dilihat dulu tempat diskusinya, ada yang sama nggak pertanyaannya.

Ok, rasanya belajar di Dicoding?
Sebelum saya masuk Progate, saya merasa bahwa Dicoding adalah tempat belajar yang mantap jiwa dimana materinya komplit dan lengkap sih cuma maaf saja karena materi untuk Fundamental kurang bisa dipahami, rumit mumet.
Dan setelah masuk ke Progate, saya punya saran bahwa Dicoding alangkah baiknya beri tempat latihan juga di webnya seperti di Progate CUMA kayaknya tidak mungkin deh karena ciri khas web Dicoding sudah seperti itu wkwk

Mungkin segitu dulu :)

Semoga lebih jelas ya penjelasannya di sini :)

Saya akan menceritakan bagaimana saya bisa mendapat beasiswa dari DTS di Progate,
yang penting tidak hari ini, karena menulis 1 artikel saja butuh persiapan banyak kalau gambarnya banyak dan juga teler wkwk banyak godaan habis nonton BTS Run Eps 110 Sub Indo aowkwkwk

Okok, semoga tahun depan kalian semua bisa mendapat beasiswa IDCamp lagi yaa
Karena beasiswa ini hanya ada setahun sekali dan pilihannya ada 4 Learning Path, yaitu tentang Android, Web, IOS, dan Machine Learning. Tapi di Dicoding ada tambahan Pembelajaran Learning Path, jadi gatau tahun depan beasiswanya itu untuk semua Learning Path di Dicoding atau tidak.

Terima kasih telah mampir ^v^
Semoga bermanfaat, maaf jika isinya terlalu bertele-tele
Semoga kita bisa mencapai tujuan hidup masing-masing ya!, Aamiin...
Sampai jumpa di lain hari hehe, @-@
See you ...

Wassalaamu'alaikum...

Jul 19, 2020

Puisi : Bekas Luka

Puisi : Bekas Luka
Ketika berandai-andai, denganmu
Dunia akan lebih indah, mungkin
Namun, semua itu hanyalah debu
Yang saling beterbangan

Tapi ternyata, hanya sebuah lukisan
Yang tidak terlihat, ya
Hanya kau, aku, serta Tuhan yang tahu
Betapa buruknya di masa itu

Apakah bisa kujadikan kata bodoh untukku?
Dimana masih berharap di jalan yang tersesat?
Bagaimana mungkin mengharapkan suatu harapan yang kosong

Untuk apa?

Antara stroberi atau mangga, mana yang kau pilih?
Pada akhirnya, waktu menjalankan sistem takdir
Dan inilah aku, selalu bertepuk sebelah tangan
Dan sekarang, apalah aku
Mengharapkan suatu harapan yang kosong

Telatnya waktu,
Sesatnya jalan,
Lelahnya hati,
Cepatlah sembuh lukaku
Aku tidak ingin merasakan sesak di dadaku.

Jul 6, 2020

Cara membuat struktur HTML secara instan dengan Visual Studio Code !!!


Assalaamu'alaikum.

Hey Guys! What's Up?
Pada kangen sama Chandra Liow nggak? Tim2one? Oh wew kangen videonya mimin nih @-@
Tapi sayang, dia jarang post lagi, karena era youtube tahun sekarang sudah bukan kualitas video dan kontennya, para netizen sebagian besar hanya menonton video yt hanya untuk hiburan saja :(
Yahhh, kangen kreativitasnya hiks :')

Ok lanjut hehe

Sambil dengerin lagu Opick Tak Cukupkah Semua (dah ganti ke Anta Allah hehe), saya akan membuat artikel yang simple hehe

ALIAS RINGKAS! JADI KAMU-KAMU SEMUA YA KAMU GAPERLU BACA PANJANG LEBAR KALI TINGGI :)

  1. Ok, langkah pertama, siapkan aplikasi Visual Studio Code di laptop kamu masing-masing :) , diinstall dulu yaa eh download dulu baru install ~
  2. Ok, lanjut ke langkah kedua, buka Visual Studio Code, lalu
  3. Langkah ketiga, buat file index.html (ntah di folder manapun), dan
  4. Langkah keempat, tekan Shift+1 (ketik tanda seru "!") lalu tekan Tab.
  5. Langkah kelima, lihatlah keajaiban yang terjadi, HWEHEHEHEHE

Gimana gimana? Gaperlu repot-repot lagi kan?? Sangat membantu juga sih hehe :)

Untuk lomba boleh juga nih HWEHEHEHE

Soo... Sosro EH Soso eh mboh wkwkwk :v

Sudah selesai, pendek bet kan? :v

Ok deh, selesai sudah langkah ini.

Oya, kalau mau tahu, mimin dapat ilmu ini dari Pak Galih Sandhika nih, di videonya sekilas diajari tentang ini juga WAH TERIMA KASIH PAK GALIH SANDHIKA ^v^

Seterusnya mimin akan buat artikel tentang Coding karena hanya sebagai catatan saja :)

Okok, sekian dari saya dan terima kasih tealh mampir :)
Maaf jika di artikel ini ada kesalahan yaa
Oya jangan lupa dengan Tuhan kalian ya, sebenarnya ilmu ini tidak akan sampai tanpa keajaiban Tuhan,
Khususnya umat Islam ni, Allah SWT. selalu bersama kita, jadi jangan dilupakan jika tidak ingin Allah SWT. melupakan kita, semoga kita selalu dalam lindungannya, Aamiin

Jadi ... Sampai jumpa lagi, Bye bye ~

Wassalaamu'alaikum...

Jul 4, 2020

Lebih baik mana? Dicoding atau Progate?

Progate or Dicoding ?

Assalaamu'alaikum.

Hai Guys, di sini  sebagai Penulis ingin menceritakan pengalaman saya sebagai murid di Dicoding ataupun Progate.

Lho kok bisa?

Iya, karena saya pemburu beasiswa

Hwehehehehe

Kisah saya belajar di 2 tsb :

Saya mencari beasiswa Dicoding. Sudah lama saya tahu bahwa IMCAMP OOREDOO ini selalu memberi beasiswa setiap tahun (?), kayaknya. Dan saya pernah daftar tahun lalu di Android Programming CUMA belum ada alatnya yg spesifik, yap laptop :)
Akhir cerita, gagal. Batal. Sedih sih sedih, cuma ngehalu tinggi hadeh.

Lalu tahun ini saya coba-coba cari beasiswa, mungkin IMCAMP Ooredoo ada beasiswa lagi. Wah iya ada, 5 deh kayaknya, ada Web, Android, IOS, terkait data ada, dll. Karena saya ingin meneruskan dari sekolah yaitu Web, yaudah lanjut aja ke Web Development.
Saya belajar dari awal dan Alhamdulillah tambah materi aja. Awal pembelajaran tu tentang HTML CSS dan sedikit tentang JavaScript dan karena dari SMK telah dibekali HTML CSS sebagian jadi yaa lancar bisa dipercepat hehe TAPI ketika lanjut ke modul selanjutnya yaitu bagian belajar Fundamental atau modul ke-2 yaa mantapjiwa materi gapaham semua dah, tentang JavaScript semua apalagi pemahaman saya tentang ini belum sepenuhnya matang. Yaudah deh ditambah masalah internal yaa saya jarang belajar sampai akhirnya deadline hampir mendekati dan saya harus belajar lebih sering walau gapaham. And Finally, Ga lulus yg di modul ke-2 ini :'v .

Ok, lanjut. Karena saya telah daftar di Progate dan baru buka hampir sebulan kemudian, saya belajar. Kesan awal yaa biasa aja yaa tapi waktu saya belajar di sana setelah beberapa lama ada kata WAH di hati. Saya mendapat banyak materi di sana, pemahaman saya lebih banyak di Progate daripada di Dicoding kalau bisa dibilang. Dan sekarang saya masih belajar di Progate dan deadline belajarnya adalah akhir bulan ini, 31 Juli eh gatau intinya bulan ini hehe. Semoga belajar saya lancar dan semoga saya bisa bekerja setelah belajar di sini, Aamiin.

Ok, kesimpulan ?
Cara menampilkan materi menurut

Dicoding :
  • Menampilkan materi dengan modul-modulnya berupa teks.
  • Untuk latihan codingnya, bisa di teks editor di laptop sendiri.
  • Ada quiznya cuma beberapa.
  • Ada contoh kasus dan penyelesaiannya, di Dicoding dinamakan Practice dan Solution.
  • Ada tema ingin membuat apa gitu, misal tentang materi javascript maka temanya latihan akan membuat calculator.
  • Tiada peringkat antar murid/peserta.
  • Ada lomba atau challenge antar peserta/murid dalam membuat karya suatu tema.
  • Ada loker dan lamaran kerja hehe.
  • Adanya ruang diskusi.
Contoh penampilan materi di Dicoding

Sedangkan Progate :
  • Menampilkan materi berupa slide seperti presentasi gitu.
  • Berbeda dengan Dicoding, setelah materi ditampilkan langsung diminta latihan yang diarahkan. Misal, di dalam latihan tsb ada arahan perintah disuruh mengetik coding apa dsb.
  • Untuk quiz tidak ada.
  • Pengerjaan latihan langsung di web Progate, tidak seperti Dicoding.
  • Sama seperti Dicoding, cuma Dicoding meminta muridnya untuk download bahan file materinya dulu lalu dibuka di teks editor, sedangkan Progate ialah langsung dipraktekkan di webnya misal buat web ada navbarnya gitu.
  • Ada peringkat antar peserta/murid.
  • Tiada challenge atau lomba antar peserta/murid dalam membuat karya suatu tema.
  • Belum ada loker dan lamaran kerja.
  • Belum ada ruang diskusi (karena saya dapat beasiswa dari DTS, maka diskusinya di Discord).
Contoh tempat latihan di Progate



Dari segi desain web, 22nya sama-sama dinamis dan indah ya,
Tapi untuk cara penyampaian materinya, di Progate lebih mendalam dan lebih cepat dibanding di Dicoding. Mengapa? Karena di Progate diberi materi lalu langsung latihan, meskipun materinya sedikit per apa ya ya itu. Sedangkan di Dicoding diberi materinya dulu misal tentang teks format lalu setelah itu baru Practice dan Solution di teks editor di laptop sendiri. Untuk latihan bisa juga sih dari Dicoding cuma di teks editor di laptop sendiri juga hehe.

Jadi lebih baik mana? Ya 22nya aowkwkwk
Tapi lebih baik lagi jika belajar di 2 tempat itu. Lebih baik lagi urutan belajarnya di awal di Progate lalu setelah itu baru ke Dicoding.

Bagi saya, Progate itu cocok bagi orang awam atau awal dalam belajar programming, sedangkan Dicoding cocok untuk newbie ke pertengahan tapi tergantung dari materi yg akan dipelajari juga. Untuk JavaScript, di Dicoding saya khususkan untuk pembelajar golongan tengah :'v

Sudah jelas? Mantap.

Untuk biaya di Dicoding seharga 500k untuk berlangganan selama 30 hari, ada juga Trial 15 hari yaitu gratis ya tapi kamu sanggup nggak menyelesaikan 1 modul selama 15 hari? Kalau masih newbie sih maaf saya kurang yakin soalnya pengalaman saya sendiri :'v
Tapi kalau di Progate belum tahu soalnya sudah keliling di web Progate masih belum ketemu.

Alhamdulillah semuanya beasiswa gratis hehe :')

Untuk materi supaya tidak lupa? Ya disimpan atau dicatat bro
Kalau di laptop dicatat gimana? Ya bebaslah :v

Aowkwkwkwkwkwkwkwkwk

Ok, jadi begitulah Guys wkwk
Semoga kamu juga bisa mendapatkannya yaa
Oh ya, saya bisa dapat beasiswa dari Progate karena ada pesan atau pemberitahuan dari email atau Dicoding itu sendiri lupa, yaa intinya itulah

Sekian dari saya, terima kasih telah membaca artikel saya ini
Semoga bermanfaat bagi kalian semua, aamiin
Maafkan saya bila ada kesalahan di artikel ini
Do'akan saya selalu berjuang bikin artikel ini setiap hari yaa, aamiin
See You, Wassalaamu'alaikum...

Jun 21, 2020

Cara membuat Perhitungan Pertambahan dengan Tiada Batas Nilai atau Unlimited JavaScript

Cara membuat Perhitungan Pertambahan dengan Tiada Batas Nilai atau Unlimited JavaScript
Code, web development, development, c plus plus, HD wallpaper ...
Sumber: wallpaperbetter.com

Assalaamu'alaikum.

Hiyak Guys, siapa yang merasakan gempa tengah malam pada jam 02.33 lewat ??!!!

Kakak-kakak saya merasakannya padahal tinggal di Klaten loo (Klaten dekat perbatasan Yogya, aowkwk), tapi kok saya tidak merasakan adanya gempa ya? Cuma dengar bunyi getaran kulkas saja karena berdempetan dgn dinding KM.

Oya, Gw lagi di KM aowkwk. Lagi mau wudhu jadi hanya denger suara air kran ke bak air mandi dan fokus ke yang lain hehe :)

Ok, lanjut.

Maksudnya gimana nih unlimited??
Maksudnya, kalau mau nambah nilai yaa nambah aja gaada batasannya.
Kemarin kan mimin buat kode cara hitung 2 volume kubus yang akan ditambahkan, nah kan ada function dimana hanya boleh dimasukkan 2 nilai atau yg paling tepat ialah arguments karena parameter dari fungsi ialah batas input arguments... Paham ga? :D

Yaa intinya itu. Hehe.

Jadi, mimin mau buat artikel tentang ini ni.

Misal, buat perhitungan pertambahan yang tiada batas untuk memasukkan nilai/argumentsnya.

function tambah(){
var hasil = 0;
for( var i = 0; i < arguments.length; i++){
hasil += arguments[i];
}
return hasil;
}
var coba = tambah(1,2,3,4,5);
console.log(coba);

Coding di atas, akan saya jelaskan yang kemungkinan belum dipahami oleh kalian :)
  • Ok, biasanya kan untuk sebuah Function perlu ditambahi parameter. Jika tidak, ya tidak apa-apa sih, tergantung fungsinya juga.
  • Lalu, untuk perulangan For itu ialah fungsi untuk menambahkan nilai dari arguments yang tiada batas.
  • Maka, di situ ada kata arguments.length yang berarti panjang arguments. Tidak perlu menambah var arguments karena di JavaScript sudah ada itu :)
  • Maka arti dari hasil += arguments[i] ialah hasil = hasil + arguments[i]. Maka, jika dibaca ialah hasil yg bernilai 0 akan ditambahkan dengan nilai array dari arguments itu.
  • Oiya, nilai yang di dalam arguments ialah nilai array, jadi nilai awalnya ialah 0. Jadi, kalau nilai i diubah dari 0 ke 1, maka jawabannya pasti beda, itu karena arguments[i] membaca nilai arguments dimulai dari array ke-1, bukan ke-0.
  • Sedangkan, jika nilai hasil diubah dari 0 ke 1, maka hasilnya akan berbeda karena kembali lagi ke poin 4 hehe, InsyaAllah paham :)

Ok, napa ane bahas sampai seperti ini? Karena ...

Mimin mau buat perhitungan perkalian dengan nilai tiada batas :)

function kali(){
var hasil = 1;
for( var i = 0; i < arguments.length; i++){
hasil *= arguments[i];
}
return hasil;
}
var coba = kali(1,2,3,4);
console.log(coba);

Nah, paham?
Kalau nilai hasil itu 0, maka hasilnya akan 0, karena... Silahkan baca lagi poin di atas :)

Ok Guys, jadi begitu ya caranya
Sambil dengerin video Ebo Kucing nih, suaranya bikin nyaman saat buat artikel ini eh kerja wkwkwk

Ok Ok... Jadi seperti itulah

Sekian dari saya ya Guys, terima kasih telah membaca artikel ini, semoga kalian semua paham setelah baca artikel ini yaa ~
Maaf jika ada kesalahan yang tidak disengaja maupun disengaja ya Guys (yg disengaja apa nih? :')
So, See You... Wassalaamu'alaikum.

Referensi pembelajaran berasal dari https://www.youtube.com/watch?v=MIn5CZhFqKo&list=PLFIM0718LjIWXagluzROrA-iBY9eeUt4w&index=29
Silahkan buka referensi di atas jika masih belum paham, penjelasannya detail banget soalnya :')

3 Cara Menghitung Penjumlahan 2 Volume Kubus JavaScript

3 Cara Menghitung Penjumlahan 2 Volume Kubus JavaScript
sumber gambar: rumus-matematika.com

Assalaamu'alaikum.

Masih lanjut Gaesss.... Masih donk :)

Ok, saya eh mimin akan menjelaskan tentang cara menghitung volume kubus dengan 3 cara.

Langsung saja...

Ok, cara yang pertama, ialah dengan perhitungan biasa, tidak memakai function atau apapun :) , seperti ini misalnya,

var ska = 3; // ska = sisi kubus a
var skb = 2; // skb = sisi kubus b

var ka = ska * ska * ska; // ka = kubus a
var kb = skb * skb * skb; // kb = kubus b

var jumlahkan = ka + kb;
alert(jumlahkan);

Bisa aja sih pakai cara ini, tapi ...
Cara ini kurang efektif karena ribet :)
Maaf gabisa mimin jelasin karena kurang stock kata-kata :')

Ok, yang kedua, menggunakan function.

function jumlah2kubus(a,b){
var ka = a * a * a;
var kb = b * b * b;
var total = ka + kb;

return total;
}
  
alert(jumlah2kubus(2,3));

Gimana? Terlihat lebih pendek dibanding sebelumnya kan?
Bisa juga dibuat kayak gini

ska = 2;
skb = 3;

function volumeKubus(s){
v = s * s * s;
return v;
}

var ka = volumeKubus(ska);
var kb = volumeKubus(skb);

function jumlah2kubus(a,b){
var total = a + b;
return total;
}

alert(jumlah2kubus(ka, kb));

Ok, yg cara kedua ke1 dgn kedua ke2 penulisan nilainya berbeda namun bisa digunakan cara tsb. Bisa dibuat

  • var baru lalu dikasih nilainya lalu var nya ditaruh di parameter function seperti cara kedua ke2, atau
  • nilainya bisa langsung ditaruh di parameter tanpa membuat var untuk menampung nilainya seperti cara kedua ke1

Lalu, bisa jgua dibuat kayak gini untuk cara kedua yg ke3

function jumlah2kubus(a,b){
function volumeKubus(s){
v = s * s * s;
return v;
}
var ka = volumeKubus(a);
var kb = volumeKubus(b);
var total = ka + kb;

return total;
}
   
alert(jumlah2kubus(2,3));

Kalau belum paham, yaa dipahami dulu yaa :)

Ok, yang terakhir nih pasti kalian akan terkejut ...

function jumlah2kubus(a, b){
return Math.pow(a,b);
}

     
alert(jumlah2kubus(2,2) + jumlah2kubus(3,2));

Yg ketiga ini, akan saya jelaskan.

arti var a dan b dalam Math.pow() adalah 

  • a = bilangan
  • b = pangkat
Sedangkan Math.pow itu sendiri ialah fungsi untuk menghitung bilangan berpangkat.

Jadi prosesnya seperti ini :

  1. Kita lihat yg ada di function alert, kita ambil contoh 1 yaitu yg jumlah2kubus(2,2). Nilai 2 & 2 ini adalah nilai yg akan dibaca oleh Math.pow. Jadi, 2 & 2 ialah bilangan 2 berpangkat 2.
  2. Setelah dibaca dan dihitung oleh Math.pow, maka hasilnya ialah 4. Gambarannya seperti menjadi jumlah2kubus(4).
  3. Setelah semuanya dihitung, maka yg di dalam alert itu baru dihitung.
Coba saja dihitung pakai kalkulator, betul tidak bil 2 berpangkat 2 ditambah bil 3 berpangkat 2, hasilnya sama tidak dengan web yg isi kodenya seperti cara ketiga tsb.

Oya, referensi dari video Web Programming UNPAS
Saya berterima kasih kepada yg berkomentar di video channel tsb karena cara ketiga dari komentar tsb.

Berikut videonya :

Untuk penjelasan tentang Function :

Ok jadi begitu, sekian dari saya dan terima kasih telah mampir, semoga bermanfaat :)
See You, Wassalaamu'alaikum...

Pencarian :
  • 3 Cara Menghitung 2 Volume Kubus yang dijumlahkan dengan JavaScript
  • 3 Cara Menghitung volume kubus javascript
  • cara menghitung volume kubus javascript
  • fungsi menghitung volume kubus

Jun 20, 2020

Cara Membuat Segitiga dari Tanda Bintang (*) JavaScript


Assalaamu'alaikum.

Welcome back, Guys.
Today, I learning JavaScript about For looping. O Yeah
Btw about JavaScript, This material's always makes me think logically. It's rather hard by the way, but I interested to learning further about it. Ok, so Let's go :)

Btw, ini artikel berbahasa Indo ya, sekali-kali pakai bahasa Inggris lah wkwk.

Jun 18, 2020

Begini penjelasan mengenai tanda bintang (*) dalam pengulangan for bersarang JavaScript

Assalaamu'alaikum.

Halo teman-teman, kali ini saya akan menjelaskan tentang perulangan for bersarang ...
Yap, sebenarnya saya habis menonton dari Pak Sandhika Galih ya

Silahkan mampir ke sini :)) ke video Pak Sandhika tentang materi ini

Awalnya sih agak bingung juga ini gimana, tapi Alhamdulillah paham juga :v
Butuh waktu lama juga sih untuk memahaminya, logika harus kuat juga :)

Ok, tak jelaskan yaa

Sebelum lanjut ke Perulangan For Bersarang, saya akan membahas cara kerja Perulangan For itu dulu.

Cara kerja Perulangan For, tidak akan berhenti sampai nilai itu sendiri salah (False) atau tidak memenuhi syarat kondisi.
Jika sudah salah, maka akan keluar dari Perulangan For.

Misal,

for(var x = 1; x <= 5; x++){
console.log(x);
}

Maka, akan menampilkan output seperti ini,

Jika dilihat dari gambar di atas, output hanya menampilkan 5 angka, yaitu dari angka 1 sampai 5, iya kan? Nah, kamu harus tahu dulu prinsip kerja perulangan for pada dasarnya baru bisa masuk ke sini. Silahkan nonton video yg Web Programming UNPAS karena di sana diajari dasar-dasar JavaScript.

Itu untuk Perulangan For. Bagaimana dengan Perulangan For Bersarang? Seperti ini kodenya:

var s = '';
for(var x = 0; x <= 5; x++){
for(var j = 0; j <= x; j++){
s += j;
}
s += '\n';
}
console.log(s);

maka akan mengeluarkan output seperti berikut:

Ok, akan saya jelaskan. Sengaja kodenya agak mirip dgn video Pak Sandhika Galih karena supaya kamu punya 2 referensi pembelajaran dalam hal ini. Intinya supaya cepat paham aja :)

Lalu, dari for(var x = 0; x <= 5; x++) mengartikan bahwa perulangan for mempunyai statement (maaf jika salah) atau syarat seperti di dalam tanda kurung tsb. awal nilai x adalah 0; x kurang dari atau sama dengan 5; x akan bertambah 1 (untuk x++ selengkapnya bisa dicari di internet untuk penjelasan hal tsb.)

Untuk for(var j = 0; j <= x; j++) yaitu (nilai awal j bernilai 0; j kurang dari atau sama dengan x; j akan bertambah 1)

Untuk s += '\n' tanda += itu sama dengan s = s + '\n'

Jelas ya? :)

Ok, untuk cara kerjanya nah siap? Sudahlah paling dibaca doang terus pas agak dong EH GIMANA GIMANA?? Terus balik lagi baca dari awal cariii sampai paham hehe becanda :)

Tapi bener kan? Aowkwkwk...

Ok, jadi gini...

Lihat gambar aja dulu deh ...
*maksud dari lanjut ke code bawahnya ialah melanjutkan tugasnya sbg Perulangan For yaa


Kalau dibuka di HP, silahkan diklik gambarnya lalu buka di New Tab atau tampilannya diubah menjadi versi desktop yaa ~

Ok, jadi gini,
  1. Di perulangan pertama nilai x ialah 0, jika TRUE maka akan masuk ke perulangan For yg bervariabel j. Nah di sini kalau TRUE maka perulangan For bervariabel j akan melakukan tugas/perintah yaitu s += j;Jika di Perulangan For yg bervariabel j bernilai False, maka akan keluar dari perulangan tsb., lalu
  2. Kembali melakukan perulangan For yg bervariabel x dgn nilai x yaitu 1, lalu masuk kembali ke perulangan For yg bervariabel j sampai keluar. Ketika masuk ke perulangan For yg bervariabel j ini, nilai awal j tetap 0 ya karena kan sudah keluar.
  3. Begitu terus sampai Perulangan For yg bervariabel x bernilai False.

Maksud dari True dan False di sini ialah apakah nilai dari var tsb memenuhi syarat kondisi atau tidak.

Misal,
  1. nilai dari var a ialah 1, dan syarat kondisi ialah a < 2
  2. dicek apakah var a memenuhi syarat kondisi tsb (yaitu a < 2) atau bukan
  3. jika memenuhi, maka bernilai True lalu melanjutkan tugasnya, jika tidak maka bernilai False lalu keluar dari Perulangan For.


Tidak hanya For ya, untuk While juga, dsb (maaf agak lupa).

Mengertikah..?

Memang butuh pemahaman yg agak lama, tapi pasti kamu akan paham kok, Insya Allah ^o^

Karena soal dari materi ini sebagian dipakai untuk tes lamaran kerja sebagai programmer :)
Oh dan juga tes untuk dapat bootcamp gratis :)

Saya menulis ini pun karena jika saya lupa jadi saya bisa buka lagi dan baca-baca lagi deh wkwkwk

Oya, untuk yg bintang-bintang, saya hanya memberi kodenya aja yaa...
Misal bentuk outputnya seperti ini,

And for the code is
Maaf yaa bukan tulisan tapi malah gambar, supaya kamu mengetik hehe tidak hanya copas hehe

Okok, terima kasih telah mampir ^v^
Semoga kamu paham ya, Aamiin...
Semoga bermanfaat, Aamiin...

Demikian dari saya, eh sekian
Mohon maaf jika ada kesalahan dari saya,

See You ~
Wassalaamu'alaikum...

#Saran = buat artikel ini sambil dengerin lagu Sami Yusuf enak juga :)
Pencarian:

  • Cara membentuk barisan tanda bintang javascript
  • Cara membuat perulangan for bersarang javascript
  • Cara membuat pengulangan for bersarang javascript
  • tanda bintang perulangan for bersarang javascript
  • tanda bintang pengulangan for bersarang javascript