JavaScript Indonesia Channel

Latihan membuat web Portfolio dengan Next JS, Tailwind CSS, dan Strapi CMS https://amy-juan-li.medium.com/next-js-strapi-build-my-portfolio-website-with-next-js-tailwindcss-and-strapi-v4-3f64d850554c —- Membuat sistem pemberitahuan real time dengan React, Socket IO, dan Push Notification. https://blog.bitsrc.io/building-a-live-event-alert-system-with-react-socket-io-and-push-notifications-22b7106db50f —- Membuat aplikasi multi user yang berbagi sumber data dengan Next JS, PropelAuth, dan Prisma ORM https://javascript.plainenglish.io/multi-tenant-next-js-app-with-prisma-and-propelauth-2d9aef429624 —- #react #nextjs #multitenancy #portfolio #realtime

Latihan membuat backend API dengan Nest JS, Vite bundler, dan esbuild https://blog.logrocket.com/getting-started-with-nestjs-vite-esbuild/ --- Memasang Node Version Manager untuk menggunakan Node JS https://www.freecodecamp.org/news/node-version-manager-nvm-install-guide/ --- #nodejs #nest #vite #nvm

Kumpulan beberapa tools penting bagi Web Developers https://dev.to/surajondev/50-awesome-tools-for-web-developers-5gan #tools

Latihan sederhana menggunakan database SQLite di Node jS, Deno, dan Bun runtime https://betterprogramming.pub/how-to-use-sqlite-in-bun-deno-and-node-66001a9c3dcb #sqlite #deno #bun #nodejs

Membuat Docker container untuk aplikasi backend Node JS https://blog.bitsrc.io/lets-dockerize-a-node-express-app-fdba1cf516b2 #nodejs #docker

Latihan membuat Line Chart dengan JavaScript https://www.freecodecamp.org/news/how-to-make-line-charts-in-javascript/ --- Membuat fungsi Scroll to Top dengan JavaScript https://javascript.plainenglish.io/how-to-scroll-back-to-the-top-of-a-scrollable-div-with-javascript-e3e8ff690011 --- Tips dan trik dalam pemrograman JavaScript https://javascript.plainenglish.io/master-these-8-javascript-development-tips-to-avoid-working-overtime-54c0bddaa311 --- #line #chart #tips #scroll #top

Panduan memasang Node Version Manager untuk memasang beberapa versi Node JS https://www.freecodecamp.org/news/node-version-manager-nvm-install-guide/ #nodejs #nvm

Cara menghapus folder atau directory menggunakan command line di Linux https://www.freecodecamp.org/news/remove-directory-in-linux-from-the-command-line/ #linux #command #line

Membuat kerangka aplikasi web dengan bantuan layanan React Bricks https://moezmustafa.medium.com/react-bricks-create-a-site-in-20min-448be5ec1df4 #react #bricks

Cara mengganti nama branch Git https://www.freecodecamp.org/news/renaming-a-git-branch-how-to-rename-the-current-branch-in-git/ #git #branch

Latihan dari Web Dev Simplified dalam menggunakan Notification API di JavaScript https://youtu.be/Bm0JjR4kP8w #webdevsimplified #notification

Latihan sederhana menggunakan Vue Router di Vue JS https://dev.to/smpnjn/navigation-between-views-in-vue-with-vue-router-4bi --- Membuat spinner Loader dengan Bootstrap Vue https://javascript.plainenglish.io/bootstrap-vue-spinner-bf051a45bd3f --- #vue #router #bootstrap

Cara deploy Strapi CMS dan database MySQL ke layanan shared hosting yang menggunakan Cpanel https://medium.com/strapi/deploying-strapi-mysql-on-a-traditional-hosting-provider-fb14932dd9fd #strapi #deploy

Mengenal design pattern yang bernama Strategy pattern di TypeScript https://javascript.plainenglish.io/design-patterns-strategy-pattern-in-typescript-54eda9b40f09 —- Optimasi aplikasi web berbasis JavaScript https://javascript.plainenglish.io/how-i-make-my-javascript-applications-2-times-faster-dbbfd7e5ceec —- Contoh beberapa pertanyaan wawancara interview seputar JavaScript https://medium.com/nerd-for-tech/top-10-javascript-interview-code-based-questions-lets-do-brainstorming-b8f6bd9fc9cb #pattern #strategy #optimization #performance #interview

Beberapa tools dalam membuat admin dashboard yang biasa dipakai https://javascript.plainenglish.io/9-time-saver-tools-to-build-admin-panel-10x-faster-6ac7c211621d #admin #panel #dashboard

Catatan rilis Next JS 12.3 https://nextjs.org/blog/next-12-3 --- Beberapa template boilerplate dengan React, Next JS, dan lainnya https://dev.to/petermekhaeil/how-to-build-an-npx-starter-template-2ibh #nextjs #react

Kumpulan beberapa developer tools untuk membantu proses pengembangan aplikasi https://javascript.plainenglish.io/16-essential-developer-tools-to-10x-your-productivity-5741cc4c8eaf #tools #developer

Latihan panjang dan lengkap tentang pengenalan Angular dan TypeScript bersama Freecodecamp https://www.freecodecamp.org/news/angular-for-beginners-course #angular #typescript #freecodecamp

Latihan bersama John Komarnicky tentang penggunaan Astro JS bundler bersama Vue JS 3 https://youtu.be/e9NV6mBKe30 --- Mengenal UI Component library Prime Vue https://blog.logrocket.com/exploring-primevue-vue-based-ui-component-library/ --- Mengenal apa itu Astro JS https://dev.to/omher/what-is-astrojs-500c #astro #vue #primevue #component

Latihan pengenalan Tailwind CSS dan contoh penerapannya di Vue JS https://www.youtube.com/watch?v=O01fO1MY69Y #vue #tailwind