JavaScript Indonesia Channel

Latihan sederhana menggunakan icon di dalam web https://blog.openreplay.com/using-icons-in-web-development/ #icon #webdev

Tips dan trik dalam penggunaan VS Code https://www.builder.io/blog/vscode-tips #vscode #tips

Latihan panjang membuat aplikasi komentar online dengan Socket IO, Node JS, dan React https://cjbell.hashnode.dev/building-a-real-time-commenting-app-with-socketio-and-react —- Latihan membuat aplikasi forum dengan React dan Node JS https://dev.to/novu/building-a-forum-with-react-nodejs-6pe —- Beberapa tips multi threading Node JS dengan Worker thread https://snyk.io/blog/node-js-multithreading-worker-threads-pros-cons/ —- Komparasi antara module export dengan export biasa https://www.builder.io/blog/nodejs-module-exports-vs-exports —- #nodejs #socketIO #react #forum

Membuat aplikasi web React SPA dengan Vite bundler https://javascript.plainenglish.io/building-a-lightning-fast-spa-with-vite-and-react-8acb23a320a4 #vite #react #spa

Membuat modal dialog di Vue JS dengan bantuan Vue Teleport https://dev.to/alexandergekov/creating-better-modals-using-vue-teleport-3cd4 --- Membuka Tab baru di Vue JS https://javascript.plainenglish.io/vue-open-link-in-new-tab-6d4cbc009f0e #vue #tab #modal #teleport

Komparasi antara Tailwind CSS dengan Next UI https://www.freecodecamp.org/news/tailwindcss-vs-nextui-how-to-choose-a-ui-framework/ #css #component

Menggunakan Reveal JS untuk membuat halaman presentasi web https://blog.openreplay.com/create-incredible-web-presentations-with-reveal-js/ #revealJS #presentation

Beberapa library Vue JS yang menarik untuk dicoba https://www.youtube.com/watch?v=vqvya82_8Wo #learnVue #vuejs #library

Membuat bundle Node JS API dengan Fastify, esbuild, dan Nx tools https://blog.nrwl.io/bundling-a-node-api-with-fastify-esbuild-and-nx-6944c2b734b2 #nodejs #tools #bundle #fastify #esbuild #nx

Optimasi Node JS dengan pencegahan polusi parameter https://levelup.gitconnected.com/prevent-parameter-pollution-in-node-js-f0794b4650d2 #nodejs #pollution #params

Latihan dari Lama Dev membuat web portfolio dengan React dan Three JS https://www.youtube.com/watch?v=qALsVa-V9qo —- Komparasi antara Next JS dengan Remix JS https://blog.openreplay.com/comparing-frameworks--next-vs-remix/ —- Beberapa library chart dan grafis untuk React JS https://blog.openreplay.com/exploring-the-best-react-charting-libraries-for-2023/ —- Menggunakan Vite bundler pada React JS https://medium.com/@s_eschweiler/vite-react-the-ultimate-combination-for-fast-project-setup-b571adcb3f7 —- #react #nextjs #portfolio #vite #threejs #lamaDev

Tips dan trik untuk optimasi tampilan aplikasi web bersama Dcode https://www.youtube.com/watch?v=VEJesN2tjOI #dcode #tips #look

Mengenal state management Jotai untuk Next JS https://blog.logrocket.com/using-jotai-next-js/ --- Membuat video dan audio recorder di React JS https://blog.logrocket.com/how-to-create-video-audio-recorder-react/ #react #nextjs #jotai #audio #video #recorder

Latihan membuat aplikasi fullstack JavaScript dengan Angular dan Nest JS https://blog.logrocket.com/build-project-using-angular-nestjs/ --- Mengenal fnm, version manager Node JS yang berbasis Rust https://blog.logrocket.com/fnm-rust-built-node-js-version-manager/ --- Komunikasi antar microservice Node JS dengan protokol gRPC https://blog.logrocket.com/communicating-between-node-js-microservices-with-grpc/ --- Beberapa perintah command npm yang perlu diketahui https://javascript.plainenglish.io/10-useful-npm-commands-that-most-people-dont-know-about-5f03d5f1f03c --- Mengenal Fastify JS untuk backend Node JS https://javascript.plainenglish.io/fastify-to-boost-your-node-js-web-app-8837250a2af1 #nodejs #angular #nest #fastify #npm

Rekapitulasi beberapa latihan tentang animasi dan hover effect dari Online Tutorials https://www.youtube.com/watch?v=locUzBx4ETQ #animation #hover #css #onlineTutorials

Beberapa teknik penggunaan JavaScript ES2015 yang sering digunakan https://javascript.plainenglish.io/8-common-es6-usage-techniques-dba2a603dc31 --- Beberapa cara menambahkan element ke dalam Array JavaScript https://javascript.plainenglish.io/conditionally-add-element-to-an-array-in-javascript-c493e54e7175 --- Mengecek apakah suatu Object kosong atau tidak https://javascript.plainenglish.io/how-to-check-if-object-is-empty-in-javascript-7d3a9a5114e7 --- Tips dan trik dalam penggunaan JavaScript https://javascript.plainenglish.io/13-javascript-best-practices-7d293cacad00 —- Tips dalam penggunaan JavaScript https://javascript.plainenglish.io/15-must-know-javascript-tricks-tips-to-make-you-a-better-programmer-eb5fbe86281 #es2015 #tips #trick

Pengenalan React Hook versi terbaru bersama Web Dev Simplified https://www.youtube.com/watch?v=zdNF9FJWJ8o —— Latihan dari DevelopedByEd tentang pengenalan React Query di SSR dan CSR https://www.youtube.com/watch?v=627vAbdJ9KA #react #ssr #hook #webdevsimplified #nextjs

Latihan dari Programmer Zaman Now tentang penggunaan Mustache template engine di Node JS https://www.youtube.com/watch?v=1HP3gEYbh4Q #nodejs #mustache #pzn #programmerZamanNow

Optimasi SEO pada Nuxt JS dengan bantuan Storyblok https://www.youtube.com/watch?v=CPZTMlarbKg #nuxt #vue #storyblok

Pengujian interaksi pengguna dengan React Testing Library https://www.freecodecamp.org/news/how-to-test-user-interactions-in-react/ #react #testing #ui