JavaScript Indonesia Channel

Latihan membuat aplikasi e-commerce dengan Next JS dan Tailwind CSS https://www.freecodecamp.org/news/ecommerce-site-with-next-js-tailwind-daisyui-course/ --- Latihan dasar membuat aplikasi fullstack dengan MERN Stack https://dev.to/alakkadshaw/the-mern-stack-tutorial-the-complete-guide-with-examples-2nf7 --- Cara management schema Mongoose di Node JS https://dev.to/akashakki/best-practices-for-managing-mongoose-schemas-in-nodejs-pd9 --- #react #nodejs #nextjs #mongoose #ecommerce #mern

Latihan cara fetch data pada fitur Search di React JS https://www.youtube.com/watch?v=nwJQBDPfGEk —- Beberapa library untuk visualization di React JS https://www.sitepoint.com/best-react-data-visualization-chart-libraries/ —- Cara menggunakan path alias untuk mempersingkat import di React dan Angular https://javascript.plainenglish.io/simplified-import-statements-using-path-alias-in-react-and-angular-2c2d8e651600 —- #react #search #fetch #path #alias #visualization #library

Latihan membuat aplikasi e-commerce dengan Next JS dan Tailwind CSS https://www.freecodecamp.org/news/ecommerce-site-with-next-js-tailwind-daisyui-course/ --- Latihan dasar membuat aplikasi fullstack dengan MERN Stack https://dev.to/alakkadshaw/the-mern-stack-tutorial-the-complete-guide-with-examples-2nf7 --- Cara management https://dev.to/akashakki/best-practices-for-managing-mongoose-schemas-in-nodejs-pd9

Latihan membuat REST API dengan Node JS dan Express JS https://dev.to/jaimaldullat/a-step-by-step-guide-to-creating-a-restful-api-using-nodejs-and-express-including-crud-operations-and-authentication-2mo2 --- Optimasi performa Node JS dengan thread pools https://rabisiddique.medium.com/maximizing-node-js-performance-with-thread-pools-912bacbe529a #nodejs #thread #restapi #crud

Mengenal promises, dan Async Await di JavaScript https://javascript.plainenglish.io/what-are-promises-async-await-in-javascript-583419962fcd --- Beberapa fungsi one liner penting yang perlu dicoba https://www.freecodecamp.org/news/javascript-one-liners-to-use-in-every-project/ #oneliner #async #await #promise #function

Beberapa masalah dalam Hot Module Replacement di Next JS dan solusinya https://blog.logrocket.com/7-common-next-js-hmr-issues/ #nextjs #hmr

Tips perbaikan form validation di JavaScript bersama James Quick https://www.youtube.com/watch?v=4bfE_jdB2fQ #form #validation

Cara mengikuti Hacktoberfest dengan mencari project tertentu via Github filter https://dev.to/nathan_tarbert/hacktoberfest-magic-github-unlocked-using-filters-549h #github #hacktoberfest

Menggunakan monorepo dengan NPM workspace pada TypeScript https://www.yieldcode.blog/post/npm-workspaces/ #npm #monorepo #typescript #workspace

Catatan rilis VS Code 1.83 yang telah tersedia dengan banyak tambahan fitur baru https://code.visualstudio.com/updates/v1_83 #release #code #codium

Latihan dasar menggunakan library LangChain JS https://blog.logrocket.com/getting-started-langchain-js/ #language #model #AI

Membuat aplikasi pencarian gambar dengan React JS https://www.freecodecamp.org/news/how-to-build-an-image-search-app-using-react/ —- Pengenalan lifecycle dan lifecycle hooks di React JS https://www.freecodecamp.org/news/react-lifecycle-methods-and-hooks-for-beginners/ #react #image #beginner #lifecycle

Latihan membuat Image Sliders di React JS bersama Web Dev Simplified https://www.youtube.com/watch?v=Kx8XlKRBZx8 —- Membuat aplikasi fullstack dengan React JS, Vite bundler, dan Firebase https://dev.to/thebuildguy/building-an-entire-fullstack-project-with-firebase-10-and-react-vite-dfe #react #vite #firebase #slider

Menerapkan penggantian tema pada Vue JS dan PrimeVue theme https://dev.to/sumandev/switching-themes-in-a-vuejs-application-with-and-primevue-1l3f #vue #theme #primeVue

Latihan membuat aplikasi Desktop dengan Vue JS dan Electron JS https://www.youtube.com/watch?v=qiXWFHMFb7A —- Menyimpan state data di Vue JS pada URL https://dev.to/jacobandrewsky/using-url-to-store-state-in-vue-275c --- Cara menerapkan prinsip SOLID di Vue JS https://medium.com/@moein.mirkiani/solid-principles-in-vue-29ecc988f968 —- Cara melakukan error handling di Vue JS https://levelup.gitconnected.com/frontend-api-error-handling-in-vue-js-best-practices-and-techniques-4afa1fa7e6d7 —- Mengenal beberapa design pattern di Vue JS https://medium.com/@techsuneel99/design-patterns-in-node-js-31211904903e —- Melakukan unit testing di Vue JS dengan Vue Test Utils https://beginnersoftwaredeveloper.com/learn-to-use-vue-test-utils-with-vue-test-examples/ --- #vue #desktop #testing #state #pattern

Alur belajar untuk menjadi web developer https://dev.to/codewithshahan/the-roadmap-to-web-dev-mastery-best-resources-2o1m --- Latihan web development pada sisi front end https://www.freecodecamp.org/news/frontend-web-development-in-depth-project-tutorial/ #webdev #roadmap #frontend

Pengenalan closure di JavaScript https://dev.to/imranabdulmalik/mastering-closures-in-javascript-a-comprehensive-guide-4ja8 --- Pengenalan proses Asynchronous di browser https://www.freecodecamp.org/news/javascript-asynchronous-operations-in-the-browser/ --- Membuat visualisasi data dengan D3 JS https://dev.to/taquiimam14/creating-stunning-data-visualizations-with-d3js-57ec #closure #async #visualization

Latihan dari Web Programming Unpas tentang pengenalan Component di React JS 5. Semua Tentang COMPONENT | Tutorial REACT "Paling Masuk Akal" untuk PEMULA https://www.youtube.com/watch?v=-9Z9a91vTLc #react #wpu #component

Latihan dari Dcode membuat Search Bar dengan HTML dan CSS https://www.youtube.com/watch?v=f6ocDCkCmhM —- Beberapa property CSS yang perlu diketahui https://medium.com/@anirudh.munipalli/10-powerful-css-properties-that-every-web-developer-must-know-e5d7f8f04e10 #css #property #searchbar #dcode

Membuat Sprite Generator CSS dengan JavaScript https://blog.logrocket.com/create-css-sprite-generator-tool/ #css #html #sprite #generator