JavaScript Indonesia Channel

Beberapa kelebihan TypeScript dan kekurangannya https://blog.logrocket.com/understanding-typescripts-benefits-pitfalls/ --- Mengenal assertion function di JavaScript https://blog.logrocket.com/assertion-functions-typescript/ --- #typescript

Latihan dari Online Tutorials tentang membuat Color switcher di halaman Login https://youtu.be/LKIk_aCmw0U #onlinetutorials #color #switch

Latihan dari Lama Dev membuat web portfolio dengan tampilan menarik https://youtu.be/JbtKDbtqLiQ --- Beberapa referensi portfolio berbasis JavaScript yang dibahas oleh James Quick https://youtu.be/rEa99-NQ9Bk --- Tips dan trik penting penggunaan Spread Operator JavaScript https://javascript.plainenglish.io/7-es6-spread-operator-tricks-and-tips-every-developer-should-know-about-33d7a77e2dfe --- Membuat modal dialog dengan JavaScript https://www.freecodecamp.org/news/how-to-build-a-modal-with-javascript/ --- Latihan penting menggunakan fungsi manipulasi Array yang sering dipakai yaitu Array Map, filter, dan reduce https://www.freecodecamp.org/news/map-filter-reduce-in-javascript/ --- #portfolio #lamaDev #jamesQuick #map #filter #reduce #modal #array

Menggunakan Node JS untuk mendapatkan nama file tanpa ekstensi file https://javascript.plainenglish.io/node-js-get-file-name-without-extension-2d33f1716733 #nodejs #file #extension #name

Pengenalan rem CSS unit serta contoh implementasi di HTML dan CSS https://www.freecodecamp.org/news/what-is-rem-in-css-rem-unit-font-size-padding-height-and-more/ #css #rem

Mengganti nama file di Linux dengan Terminal bash https://www.freecodecamp.org/news/rename-file-linux-bash-command/ #linux #rename #file

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 #react #webdevsimplified #prisma #nextjs #form #multistep #image #lazyloading

Penjelasan tentang fungsi manipulasi Array yang bernama Array.map https://fjolt.com/article/javascript-map-data #map #array

Latihan membuat sistem Authentication dan protected routing di React JS dan Strapi CMS https://medium.com/strapi/protected-routes-and-authentication-with-react-and-node-js-6cf47fd5a02e #strapi #react #auth #nodejs #cms

Latihan membuat Skeleton Loading dengan menggunakan CSS https://blog.logrocket.com/build-skeleton-screen-css/ --- Perbedaan tentang absolute unit dan relative unit di CSS https://www.freecodecamp.org/news/absolute-and-relative-css-units/ #css #relative #absolute #unit

Deploy aplikasi React JS dengan React Router ke Netlify, dan memperbaiki error routing yang muncul https://www.freecodecamp.org/news/how-to-deploy-a-routed-react-app-to-netlify/ #react #router #netlify

All right then gang, Net Ninja merilis latihan tentang penggunaan state management Pinia untuk Vue JS https://youtu.be/u0B9dysw29A Playlist lengkap dapat dilihat disini https://youtube.com/playlist?list=PL4cUxeGkcC9hp28dYyYBy3xoOdoeNw-hD #netNinja #pinia #vue #state

Menggunakan Web Worker di React JS https://javascript.plainenglish.io/how-to-use-web-workers-in-react-9de15a006e89 --- Menggunakan package manager PNPM di project Javascript https://dev.to/nilanth/use-pnpm-instead-of-npm-yarn-2ebe --- Memasang dark dan light mode di React JS https://dev.to/naomipham_/how-to-create-darklight-mode-with-react-and-tailwind-59e0 --- #react #tailwind #webworker

Latihan dari Online Tutorials membuat navigation menu dengan search bar dan bersifat responsive https://youtu.be/zQngLMkngQE #onlinetutorials #css #navigationmenu

Referensi untuk struktur folder aplikasi project menurut Programmer Zaman Now https://www.youtube.com/watch?v=tu6IKx_VXLA #pattern #design #pzn

Menjalankan unit testing aplikasi JavaScript di VS Code dengan Jest https://javascript.plainenglish.io/better-unit-testing-in-visual-studio-code-with-jest-6b2393401c33 #jest #vscode #unit #testing

Memahami cara kerja DOM di JavaScript dan HTML https://www.freecodecamp.org/news/what-is-dom-in-javascript/ --- Menggunakan JavaScript untuk membuat element DOM https://javascript.plainenglish.io/how-to-use-javascript-to-reduce-html-code-a-simple-example-3063259a2f73 --- Latihan sederhana membuat Promise dan cara menggunakannya https://javascript.plainenglish.io/what-are-javascript-promises-how-to-use-them-84fdff5757b9 --- #dom #promise

Beberapa package yang sering dipakai untuk project Node JS https://javascript.plainenglish.io/top-5-most-used-packages-or-frameworks-in-node-js-6f8f4946fcb3 #nodejs #npm

Latihan membuat CSV dengan menggunakan Node JS https://medium.com/codingthesmartway-com-blog/how-to-write-csv-files-with-node-js-6aefdd348ee2 #nodejs #csv

Mendapatkan input pengguna dari mode CLI di Node JS https://medium.com/codingthesmartway-com-blog/how-to-get-user-input-from-command-line-with-node-js-a6526ec75a32 #nodejs #cmd #cli