Latihan membuat tampilan tab dengan Angular Material dan fitur lazy loading router di Angular


https://medium.com/javascript-in-plain-english/angular-material-tabs-with-lazy-loaded-routes-3534bc9dfdf5

---

Tips dan trik berseri tentang Web Development dengan Angular

https://medium.com/javascript-in-plain-english/angular-development-tips-and-tricks-7ca936a80dc

---

Latihan menambahkan Jest untuk melakukan unit testing di Angular

https://itnext.io/angular-testing-series-how-to-add-jest-to-angular-project-smoothly-afffd77cc1cb

---

Latihan menggunakan Stackedit JS untuk konversi halaman Markdown menjadi HTML di Angular

https://itnext.io/angular-markdown-with-stackedit-js-a57a93555016

---

Menjalankan dua aplikasi web Angular berbeda agar bisa berjalan seperti satu aplikasi dengan bantuan Angular Elements

https://itnext.io/how-to-run-separate-angular-apps-in-one-spa-shell-5250e0fc6155

---

#angular #tab #material #lazyloading #stackedit #jest #testing #angularElements

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

Traversy Media dan Dave Gray merilis latihan membuat aplikasi web pencarian data dengan Wikipedia API dan JavaScript modern

https://www.youtube.com/watch?v=Dk6Wopar10k
-
Latihan tentang JavaScript dari channel Dave Gray dapat dilihat pada tautan berikut
https://www.youtube.com/c/DaveGrayTeachesCode/videos

—-

Membuat fitur lazy loading gambar dengan JavaScript murni

https://medium.com/javascript-in-plain-english/lazy-loading-images-with-vanilla-javascript-9e5e5a246df2

—-

Penggunaan metode Some dan Every di dalam Array untuk mengecek keberadaan suatu object dari element Array

https://medium.com/javascript-in-plain-english/the-methods-some-and-every-in-javascript-8b303a36eaae


#traversymedia #search #wikipedia #some #every #lazyloading #image

Fireship merilis latihan singkat tentang pengenalan framework React Next JS yang menjadi rekomendasi utama dalam pembuatan aplikasi web modern.

https://youtu.be/Sklc_fQBmcs

---

Daftar library untuk melakukan proses lazy loading component dan asset di React JS

https://blog.logrocket.com/the-top-choices-for-react-lazy-loading-libraries-in-2021/

---

#nextjs #react #fireship #lazyloading

Latihan implementasi Google Maps dan Geolocation ke Vue JS, dari channel Coding With Justin

https://youtu.be/m4ad3eEFhAo

---

Pengenalan lazy loading router di Vue JS

https://css-tricks.com/lazy-load-routes-in-vue-with-webpack-dynamic-comments/

---

Integrasi Passport JS ke dalam MEVN Stack

https://dev.to/kevin_odongo35/integrate-passport-js-to-node-express-and-vue-19ao

—-

Contoh implementasi JWT Auth di MEVN Stack

https://dev.to/kevin_odongo35/jwt-authorization-and-authentication-node-express-and-vue-2p8c

#nodejs #vue #mevn #lazyloading #router #jwt #passport

Referensi tentang library dan framework pendukung untuk React JS dari channel Codevolutin

https://youtu.be/wNFkFXORgQo

---

Latihan membuat mode lazy loading router halaman di React Router

https://youtu.be/5ZFK_5V8VpI

#react #nextjs #lazyloading #router

Latihan membuat fungsi Lazy Loading di Angular pada bagian routing halaman

https://www.freecodecamp.org/news/lazy-loading-in-angular-intro-to-ngmodules/

---

Membuat halaman daftar produk e-commerce dengan Angular dan Cosmic CMS

https://www.cosmicjs.com/articles/build-a-headless-ecommerce-product-filter-using-angular-and-cosmic

#angular #lazyloading #ngmodule #cosmic #cms

Memahami penggunaan Computed Property di Vue JS

https://blog.logrocket.com/understanding-computed-properties-in-vue-js/

---

Latihan membuat game sederhana dengan Vue JS

https://medium.com/coderbyte/build-a-monster-slayer-app-using-vuejs-c8efea036184

---

Beberapa hal baru yang ada di Vite JS 2.x

https://blog.logrocket.com/whats-new-in-vite-2-0/

---

Cara menggunakan lazy loading component dan Code Splitting di Vue JS

https://blog.logrocket.com/vue-lazy-loading-components-code-splitting/

#vue #computed #property #vite #game #lazyloading

Latihan membuat fungsi Lazy Loading element web dengan Intersection Observer API

https://blog.logrocket.com/lazy-loading-using-the-intersection-observer-api/

---

Latihan panjang menggunakan Axios untuk proses http request di JavaScript front end

https://www.digitalocean.com/community/tutorials/js-axios-vanilla-js

---

Membuat Array JavaScript yang berisi nilai random

https://www.ma-no.org/en/programming/javascript/how-to-populate-an-array-with-random-numbers-in-javascript

---

Beberapa cara melakukan looping pada JSON Object dan Array

https://levelup.gitconnected.com/speedy-tip-how-to-loop-through-a-json-response-in-javascript-1963c9b728

#lazyloading #intersection #observer #axios #array #loop #json #object

Latihan penting tentang membuat bundle production Angular, dengan memisahkan CSS stylesheet dan menerapkan lazy loading pada CSS Stylesheet tersebut

https://javascript.plainenglish.io/how-to-exclude-stylesheets-from-the-bundle-and-lazy-load-them-in-angular-ce159903f6d2

—-

Beberapa kelebihan Angular jika dibandingkan dengan React JS

https://javascript.plainenglish.io/angular-vs-react-8125a541dd2a

—-

#css #lazyloading #angular #comparison

Membuat fungsi Lazy Loading list dengan Intersection Observer di JavaScript

https://javascript.plainenglish.io/lazy-load-javascript-5d63cbfb83fb

---

Contoh penggunaan Array Map di JavaScript Array

https://dev.to/dev_shubham/array-map-method-in-javascript-2fi

---

Komparasi beberapa media penyimpanan sementara di browser

https://javascript.plainenglish.io/cookie-vs-session-vs-local-storage-why-cookies-are-usually-not-the-best-option-4b09de8fb0f3

---

Kumpulan contekan cheatsheet tentang penggunaan Promise API

https://javascript.plainenglish.io/javascript-promise-cheat-sheet-basic-operations-7c7589aaa4a0

#lazyloading #intersectionObserver #promise #localstorage #cookies #array #map

Menerapkan lazy loading pada module untuk dipakai pada beberapa komponen halaman Angular

https://blog.logrocket.com/customize-angular-lazy-loading-modules-multiple-frontends/

#angular #lazyloading #module

Tips memuat library pihak ketiga pada Next JS

https://web.dev/script-component/

#nextjs #library #lazyloading

Membuat fitur lazy loading gambar yang didukung oleh banyak browser

https://blog.logrocket.com/cross-browser-native-lazy-loading-javascript/

---

Membuat operasi CRUD sederhana dengan JavaScript dengan contoh kasus aplikasi Todo List

https://www.freecodecamp.org/news/learn-crud-operations-in-javascript-by-building-todo-app/

---

Beberapa tools monorepo untuk alternatif dari Lerna

https://javascript.plainenglish.io/5-best-lerna-alternatives-42ffe75d403e

#lazyloading #todo #lerna

Menggunakan React JS dengan Vite Bundler dan cara migrasi dari Create React App bundler

https://blog.logrocket.com/vite-3-vs-create-react-app-comparison-migration-guide/

---

Cara melakukan lazy loading pada component gambar React JS

https://www.freecodecamp.org/news/how-to-lazy-load-images-in-react/

---

Melakukan print isi component dengan React Testing library

https://javascript.plainenglish.io/how-to-print-the-entire-component-using-screen-debug-in-react-testing-library-330db38d3e78

#react #vite #bundler #debug #lazyloading #image

Membuat multi step form dengan React Hook bersama Web Dev Simplified

https://youtu.be/uDCBSnWkuH0

---

Latihan dari Freecodecamp tentang membuat lazy loading gambar images di React JS

https://www.freecodecamp.org/news/how-to-lazy-load-images-in-react/

---

Latihan panjang membuat aplikasi fullstack JS dengan Next JS , TypeScript, dan Prisma ORM

https://www.modernfrontends.live/workshops/build-a-full-stack-typescript--application-with-next.js%2C-turborepo%2C-and-prisma

---

Membuat web portfolio dengan Next JS, Tailwind CSS, TypeScript , dan Framer motion

https://medium.com/@vivekmittal199/how-i-built-my-portfolio-using-next-js-tailwindcss-typescript-and-framer-motion-8e7b2f82cfa1

—-

Beberapa cara mengambil data dengan Fetch di React JS

https://blog.bitsrc.io/how-to-fetch-api-data-in-react-like-a-pro-fd7379dc3e6f

#react #webdevsimplified #prisma #nextjs #form #multistep #image #lazyloading

Membuat aplikasi CRUD dengan React JS dan Firebase Database

https://blog.openreplay.com/build-a-crud-app-with-react-and-firebase/

—-

Penerapan fitur lazy loading di React JS

https://dev.to/franklin030601/lazy-loading-in-images-with-react-js-4enm

—-

Menggunakan database Firebase untuk aplikasi React JS


https://www.freecodecamp.org/news/how-to-use-the-firebase-database-in-react/

—-

Pengaturan types di TypeScript pada React JS

https://levelup.gitconnected.com/managing-types-in-react-typescript-the-right-way-fa1ecc50a2bf


#react #crud #firebase #lazyloading

Membuat tampilan template engine dengan Next JS, Tailwind CSS, dan Chat GPT API

https://dev.to/suede/build-ai-template-engine-to-create-amazing-content-with-nextjs-and-chatgpt-3f89

—-

Menerapkan lazy loading pada React Router

https://dev.to/franciscomendes10866/lazy-loading-routes-in-react-the-key-to-faster-load-times-15bi

—-

Membuat time tracker dengan React dan Strapi CMS

https://medium.com/strapi/how-to-create-a-task-time-tracker-chrome-extension-with-strapi-and-reactjs-bca366f8b3f7

#react #chatgpt #nexts #router #lazyloading

Using defer in Angular 17 to implement lazy loading
https://blog.logrocket.com/using-defer-angular-17-implement-lazy-loading/

#angular #lazyloading #defer

How to use Pipes in Angular
https://www.youtube.com/watch?v=32sRHEUrfY4

—-

Angular signals vs. observables: How and when to use each
https://blog.logrocket.com/angular-signals-vs-observables/

—-

Implementing Lazy Loading In Angular
https://blog.openreplay.com/implementing-lazy-loading-in-angular/

#angular #pipe #signals #observable #lazyloading