Latihan bersama Junior Developer Central membuat Class dengan TypeScript

https://youtu.be/1J7vcUBMARg

---

Pengenalan tentang constructor di dalam Class TypeScript
https://youtu.be/HE5-kNUjkqs

---

Menambahkan TypeScript pada project Javascript dan integrasi ke dalam CI/CD

https://hackernoon.com/how-to-enable-typescript-in-javascript-files-and-integrate-typescript-into-your-cicd-pipeline

---

#typescript #class #juniorDeveloperCentral

Menggunakan strict property initialization pada class TypeScript, dari channel Junior Developer Central

https://youtu.be/Kx-qUmFioa8

#typescript #property #class

Mengenal keyword super di dalam Class TypeScript

https://youtu.be/P3mDEo0gB7A

---

Pengenalan tentang private access property di TypeScript Class

https://youtu.be/aLJsAWbjf6Q

---

Menggunakan Observable RxJS untuk transform data di TypeScript

https://blog.logrocket.com/using-observables-transform-data-typescript/

#typescript #class #private #rxjs #super

Latihan dari Junior Developer Central tentang pengenalan Getter dan Setter pada Class TypeScript

https://youtu.be/N9yC4AKxCZk

---

Pengenalan keyword implement pada TypeScript interface

https://youtu.be/Pd_OkdgvyV8

#getter #setter #class #typescript #implement #juniorDeveloperCentral

Memperkenalkan Monster, library yang berisi kumpulan Helper Class, dan dapat dipakai di dalam project aplikasi

https://dev.to/schukai/monster-1240-released-552n

#library #helper #class

Contoh kasus penggunaan class di JavaScript dari Freecodecamp

https://www.freecodecamp.org/news/javascript-classes-how-they-work-with-use-case/

---

Latihan mengunggah file dengan metode Multipart Form Data menggunakan JavaScript dan Node JS

https://dev.to/pankod/how-to-multipart-file-upload-using-formdata-with-html-16g4

---

Latihan menggunakan Weakmap dan Weakset pada JavaScript

https://blog.logrocket.com/weakmap-weakset-understanding-javascript-weak-references/

---

#class #esm #weak #multipart

Mengecek apakah suatu variabel bernilai NaN atau bukan dengan JavaScript

https://javascript.plainenglish.io/how-to-check-that-a-number-is-nan-in-javascript-792a276f1aee

---

Melihat contoh penggunaan Abort Controller untuk membatalkan eksekusi setTimeout

https://www.bennadel.com/blog/4195-using-abortcontroller-to-debounce-settimeout-calls-in-javascript.htm

---

Beberapa cara melakukan jeda eksekusi perintah pada JavaScript

https://stackabuse.com/javascript-how-to-sleepwaitdelay-code-execution/
---

Penggunaan private property pada Class JavaScript

https://davidwalsh.name/javascript-class-privates

---

Komparasi design pattern dalam penggunaan Switch dengan if else di JavaScript

https://javascript.plainenglish.io/switch-vs-if-else-7f7617bfe8cb

---

#nan #switch #ifelse #private #class #abort

Latihan dari Dcode dalam membuat tipe data terbaru menggunakan JavaScript Class

https://youtu.be/h_QB1vce2Zg

#dcode #type #class

Menggunakan ES Module sebagai alternatif dari JavaScript Class

https://dev.to/giantmachines/stop-using-javascript-classes-33ij

---

Menggunakan String replace dengan fungsi Callback

https://www.freecodecamp.org/news/how-to-pass-callback-functions-to-string-replace-javascript/

---

#class #esm #string #replace #callback

Komparasi antara CSS Grid dan Flexbox dan kapan harus menggunakannya

https://dev.to/ruppysuppy/grid-vs-flex-where-to-use-which-3g0p

---

Cara menghapus class CSS dari suatu element HTML dengan JavaScript

https://javascript.plainenglish.io/javascript-remove-class-from-body-d79e44e31497

#css #grid #flex #class

Menghindari penggunaan Arrow functions sebagai function di dalam Class

https://dev.to/sakhnyuk/why-you-should-avoid-using-arrow-functions-to-define-class-methods-213e

#class #function

Penjelasan tentang CSS Flexbox dan contoh penggunaan dari Freecodecamp

https://www.freecodecamp.org/news/css-flexbox-complete-guide/

---

Latihan membuat web responsive dengan CSS

https://www.freecodecamp.org/news/html-css-tutorial-build-a-recipe-website/

---

Menghapus semua class pada element HTML dengan menggunakan JavaScript

https://javascript.plainenglish.io/javascript-remove-all-classes-from-element-bdf36b84f396

---

#css #flexbox #freecodecamp #class

Mengenal CSS pseudo class untuk :is

https://www.freecodecamp.org/news/css-is-pseudo-class-explained/

---

Latihan dasar pengenalan CSS Grid Layout

https://javascript.plainenglish.io/css-grid-layouts-101933ac9347

---

Membuat penghitung waktu mundur pergantian tahun dengan HTML, CSS, dan JavaScript

https://javascript.plainenglish.io/how-to-make-a-new-year-countdown-using-html-css-and-javascript-ae2871e91dc4

#css #is #pseudo #class #grid #html #countdown

Latihan dari Freecodecamp membuat drop down menu dengan JavaScript, HTML dan CSS

https://www.freecodecamp.org/news/how-to-build-a-dropdown-menu-with-javascript/

---

Cara menghapus class dari element HTML dengan JavaScript

https://javascript.plainenglish.io/javascript-remove-class-from-all-elements-aed7b7b4a14e

---

Latihan dasar pengenalan ES Modules di JavaScript modern

https://javascript.plainenglish.io/50-shades-of-es6-modules-95cd0b016156

---

Melakukan pengecekan tipe dengan Type Of ada JavaScript

https://www.freecodecamp.org/news/javascript-type-checking-how-to-check-type-in-js-with-typeof/

---

Tips dalam pembuatan proses asinkronus pada JavaScript

https://javascript.plainenglish.io/summarizing-several-javascript-async-solutions-dd4a0fe2a99c

---

#dropdown #esm #type #class

Latihan membuat aplikasi Quiz dengan Vue JS dan Pinia state management

https://dev.to/andrewzach/building-a-quiz-app-with-vuejs-pinia-12d6

---

Render halaman secara kondisional di Vue JS

https://javascript.plainenglish.io/v-show-vs-v-if-conditional-rendering-in-vue-d5a48baf6307

---

Pengenalan class dan style binding di Vue JS

https://javascript.plainenglish.io/class-and-style-bindings-in-vue-js-demystified-5bcea9357a7a

---

#vue #pinia #style #class #binding

Latihan membuat aplikasi Vue JS secara real time dengan Web Socket

https://blog.logrocket.com/build-real-time-vue-app-websockets/

---

Melakukan perubahan style dan class CSS secara dinamis di Vue JS

https://blog.logrocket.com/add-dynamic-styling-class-names-vue-js/

---

#vue #websocket #realtime #class #style

Pengenalan inheritance pada TypeScript

https://betterprogramming.pub/class-based-inheritance-in-typescript-and-the-society-14f5e9223d42

---

Pattern matching dengan type safety di TypeScript

https://blog.logrocket.com/pattern-matching-type-safety-typescript/

#typescript #class #inheritance

Pseudo class pada CSS dan cara penggunaannya

https://javascript.plainenglish.io/3-css-pseudo-class-saved-hundreds-of-lines-of-css-code-88602c3a12b8

—-

Beberapa tools untuk membantu optimasi CSS

https://blog.logrocket.com/top-tools-cleaning-css/

#css #pseudo #class #tools #optimize

10 Life-Saving Utility Classes in Node.js
https://javascript.plainenglish.io/10-life-saving-utility-classes-in-node-js-649ee6667b63

#nodejs #utility #class

What are Classes and How to Use Them in JavaScript ?

https://dev.to/aarushnautiyal/what-are-classes-and-how-to-use-them-in-javascript--3hp9

---

Learn JavaScript Basics by Building a Counter Application

https://www.freecodecamp.org/news/learn-javascript-by-building-a-project/

---

JavaScript Basics – How to Work with Strings, Arrays, and Objects in JS

https://www.freecodecamp.org/news/javascript-basics-strings-arrays-objects/

---

Deep Dive into Functional Programming in Javascript

https://dev.to/alexmercedcoder/deep-dive-into-functional-programming-in-javascript-851

---

#class #functional #basic #string #array #object