JavaScript Indonesia Channel

Menambahkan effect hover pada element HTML dengan menggunakan CSS dan JavaScript https://javascript.plainenglish.io/moving-background-effect-on-hover-with-css-and-javascript-b281739aebcd #hover #effect #css

Menambahkan transisi halaman di Next JS dengan library Framer Motion https://blog.logrocket.com/advanced-page-transitions-nextjs-framer-motion/ --- Cara deploy aplikasi React JS ke layanan cloud Cloudflare Pages, Vercel, and Netlify https://www.freecodecamp.org/news/deploy-react-app/ --- Membuat halaman preview gambar dari fungsi upload dengan React JS https://javascript.plainenglish.io/how-to-upload-and-preview-image-in-react-js-ece15b63f5c0 --- Melihat beberapa layanan Backend as Service untuk React JS https://www.freecodecamp.org/news/best-backend-service-react/ #nextjs #react #preview #framer #upload #baas

Melakukan pengecekan apakah Object itu kosong atau tidak https://www.freecodecamp.org/news/check-if-an-object-is-empty-in-javascript/ --- Beberapa library JavaScript yang bagus untuk dipakai pada project aplikasi web https://javascript.plainenglish.io/7-useful-javascript-libraries-you-can-use-in-your-next-project-79efaa5d2e22 —- Cara menggunakan Share API dengan JavaScript https://javascript.plainenglish.io/how-to-use-the-native-javascript-share-api-6ec67399a9d3 —- Menambahkan event listener ke element yang telah terlihat https://javascript.plainenglish.io/how-to-add-an-event-listener-for-when-an-element-becomes-visible-with-javascript-29325b556653 #object #empty #library #listener #share

Kumpulan rule ESLint untuk dipakai pada project React JS https://itnext.io/7-recommended-eslint-rules-for-react-typescript-project-1a22b011b4b5 #eslint #react

Contoh membuat fungsi upload ke Firebase Cloud Storage dengan Vue JS dan Composition API https://medium.com/runthatline/uploading-files-to-firebase-cloud-storage-using-vue-3-and-the-composition-api-d8370d1c03f7 —- Tips dan trik optimasi performa dalam Nuxt JS https://medium.com/@mostafa7904/how-i-almost-doubled-nuxt-performance-in-production-e69692783d27 —- Komparasi antara Vuepress dengan VitePress https://bootcamp.uxdesign.cc/vuepress-vs-vitepress-an-ultimate-guide-for-all-ya-fence-sitters-4f25f4da025 #vue #firebase #composition #vuepress #vitepress #nuxt #performance

Tips dalam menggunakan CSS Position dengan Kevin Powell https://www.youtube.com/watch?v=86nTToBm2uQ #kevinPowell #css #position

Catatan rilis Google Chrome 108 dengan banyak tambahan fitur baru dan perbaikan bugs https://www.youtube.com/watch?v=E72r3FN9X1k #chrome #release

Konfigurasi project Node JS dengan menggunakan TypeScript, ESLint, dan Prettier https://medium.com/@tericcabrel/set-up-node-js-project-with-typescript-eslint-and-prettier-b4f7bd0f1b1f #nodejs #prettier #eslint

Referensi beberapa library Vue JS untuk dipakai pada project aplikasi web https://javascript.plainenglish.io/7-useful-vue-js-libraries-you-should-use-in-your-next-project-dc9a55d90d2c #vue #library #project

Kumpulan tag HTML yang menarik untuk dicoba https://levelup.gitconnected.com/10-amazing-tags-and-attributes-of-html-you-never-use-afc82ff587cf #html #tag

Cara menyelesaikan merge conflicts di Git dengan text editor VS Code / Codium https://dev.to/this-is-learning/resolving-merge-conflicts-with-visual-studio-code-1mn1 #vscode #codium #merge #conflict

Latihan panjang dari Zach Gollwitzer membuat aplikasi portfolio dengan Next JS, Tailwind CSS, TypeScript https://www.youtube.com/watch?v=HTUxZ3vm9j0 #nextjs #tailwind #typescript #nextjs

Melihat beberapa catatan rilis dari Chrome Dev Tools 108 Chrome 108 - What’s New in DevTools https://www.youtube.com/watch?v=UVtXrWvq_oI #chrome #release #devtools

Kumpulan package untuk membantu pengembangan aplikasi web berbasis Angular https://javascript.plainenglish.io/7-useful-angular-libraries-you-should-use-in-your-next-project-690d950ff2b2 #angular #library

Beberapa fitur baru dari Next JS 13 https://medium.com/strapi/next-js-13-whats-new-1f9a67989c82 —- Membuat blog sederhana dengan Next JS, Strapi CMS dan Supabase https://medium.com/@boardshape/building-a-simple-blog-with-next-js-supabase-and-strapi-cde3308e0099 #strapi #cms #supabase #nextjs #react

Membuat sistem upload sederhana pada Nest JS https://levelup.gitconnected.com/the-easiest-way-to-upload-your-files-to-nestjs-70a70b95f856 #upload #nest #nodejs

Cara menggunakan Local Storage secara aman dengan menggunakan JavaScript https://javascript.plainenglish.io/how-to-use-localstorage-safely-a96eb50fbb4e —- Melihat cara kerja proses asinkronus pada Javascript https://javascript.plainenglish.io/asynchronous-javascript-under-the-hood-d2c2462be059 —- Pengenalan abort controller dan abort signal untuk pembatalan proses https://spencerfeng.medium.com/create-an-abortable-api-using-abortcontroller-and-abortsignal-d774bed40701 —— #localstorage #abortcontroller #async

Tips penting dalam penggunaan Google Search https://javascript.plainenglish.io/5-essential-google-search-tricks-you-should-know-2cb8126cd9bf #tips #search #google

Beberapa tools alternatif dari Create React App yang lebih baik dan lengkap https://blog.openreplay.com/top-alternatives-to-create-react-app/ #cra #alternative

Kumpulan perintah Git yang perlu diketahui untuk operasi ke repository Github https://www.freecodecamp.org/news/how-to-use-basic-git-and-github-commands/ #git