Mengenal Object dan Array Destructuring di JavaScript

https://dev.to/antdp425/javascript-destructure-objects-and-arrays-for-cleaner-code-10a5

---

Membuat tampilan Carousel dengan Javascript murni, CSS, dan HTML

https://dev.to/mynamejs97/building-image-carousel-using-vanilla-javascript-1gfl

---

Membuat fungsi lazy loading untuk memuat gambar dan iframe dengan lancar

https://itnext.io/how-to-use-native-image-and-iframe-lazy-loading-in-website-2109d577f7b1

---

Mengecek apakah suatu variabel berbentuk Object kosong atau tidak

https://levelup.gitconnected.com/different-ways-to-check-if-an-object-is-empty-in-javascript-e1252d1c0b34



#destructuring #carousel #lazyloading #empty #object

Referensi library JavaScript murni tanpa jquery untuk membuat efek Carousel.

https://dev.to/mycodemagic/top-10-javascript-carousel-libraries-1ech

#library #carousel #nojquery #es6

Membuat aplikasi fullstack JavaScript dengan menggunakan React Next JS dan Firebase Database

https://blog.logrocket.com/building-a-fullstack-application-with-next-js-and-firestore-db/

---

Membuat fungsi push notifications dengan Firebase Cloud Messaging ke aplikasi React JS

https://blog.logrocket.com/push-notifications-with-react-and-firebase/

---

Latihan membuat halaman carousel sederhana di React JS

https://dev.to/rakumairu/simple-react-carousel-24m0

---

Membuat tampilan menu Tab dengan React JS

https://dev.to/ziratsu/create-lovely-react-tabs-4g41

---

Konfigurasi Next JS untuk menggunakan TypeScript , ESLint, Jest, Enzyme dan Storybook

https://medium.com/javascript-in-plain-english/how-to-setup-next-js-typescript-eslint-storybook-jest-enzyme-610451591df0

—-

Membuat halaman dengan mode AMP (Accelerated Mobile Pages) dengan menggunakan Next JS

https://medium.com/javascript-in-plain-english/next-js-amp-list-65b27cef0db6

#firebase #react #nextjs #tabs #carousel #fcm #notification #amp

Latihan dari Traversy Media membuat slider seperti carousel yang berfungsi pada smartphone pada layar sentuh.

https://youtu.be/5bxFSOA5JYo

#slider #carousel #touch

Latihan dari Online Tutorials membuat tampilan Responsive Menu dengan Hover Effect

https://youtu.be/NB-giDS97DU

---

Mengatur tampilan dan susunan layout dengan CSS Grid

https://youtu.be/VWYmx-zXSLk

---

Menambahkan efek Gradient di bagian border pada element Card

https://youtu.be/1zFlSLD01Uw

---

Membuat jam analog dengan tampilan Glassmorphism

https://youtu.be/Li2apfUzKeE

---

Latihan menggunakan Swiper JS untuk menampilkan halaman testimonial dengan carousel effect

https://youtu.be/E7mGqt7v3Uc

#css #grid #hover #effect #carousel #glassmorphism

Latihan panjang membuat CSS Carousel dengan navigasi menggunakan fungsi JavaScript

https://css-tricks.com/a-super-flexible-css-carousel-enhanced-with-javascript-navigation/

---

Tips optimasi memuat halaman dengan teknik content-visibility auto

https://web.dev/content-visibility/

---

#css #carousel #contentVisibility

Latihan membuat Carousel dengan CSS, JavaScript, dan HTML

https://css-tricks.com/a-super-flexible-css-carousel-enhanced-with-javascript-navigation/

---

Pengenalan Resize Observer API untuk membangun responsive UI

https://javascript.plainenglish.io/how-to-build-a-highly-responsive-ui-with-resizeobserver-api-e645d3c578d5

---

Mengenal CSS Pseudo Class Selector seperti :where dan :is

https://itnext.io/css-where-is-pseudo-class-functions-33964d0de461

#css #carousel #where #is #selector #resizeObserver

Beberapa referensi framework CSS yang penggunaannya bersifat utility CSS

https://blog.logrocket.com/top-utility-first-css-frameworks/

---

Latihan dari Freecodecamp tentang pembuatan beberapa layout HTML dengan bantuan CSS Grid

https://www.freecodecamp.org/news/learn-css-grid-by-building-5-layouts/

---

Membuat Carousel yang bersifat infinite dengan CSS

https://dev.to/wparad/making-an-infinite-css-carousel-2dek

---

#css #utility #carousel #grid #cssGrid #freecodecamp

Latihan panjang bersama John Komarnicky membuat Slider atau Carousel Component di Vue JS 3

https://youtu.be/rZQ72SFGYwk

#vue #johnKomarnicky #carousel #slider

Latihan bersama Dcode tentang membuat Carousel sederhana dengan HTML, JavaScript dan CSS

https://youtu.be/XtFlpgaLbZ4

---

Tips dari Junior Developer Central tentang menambahkan Box Shadow di sisi element dengan CSS

https://youtu.be/xnwlf18jUyI

---

Pengenalan tentang Image Tag di HTML

https://www.freecodecamp.org/news/img-html-image-tag-tutorial/

#html #css #carousel #dcode #boxshadow #juniorDeveloperCentral