JavaScript Indonesia Channel

Panduan dalam memahami kinerja asynchronous di JavaScript https://howtocrackit.com/master-asynchronous-javascript-in-2023-a-comprehensive-guide/ —- Penjelasan tentang const keyword di JavaScript https://www.joshwcomeau.com/javascript/the-const-deception/ —- Melihat beberapa fitur baru dari ES2023 / ES14 https://www.showwcase.com/show/34770/ecmascript-2023-es14-four-new-features —- Optimasi kode JavaScript untuk memuat halaman dengan lebih cepat https://blog.bitsrc.io/javascript-optimization-techniques-for-faster-website-load-times-an-in-depth-guide-cd2985194a07 —- #promise #async #await #const #es2023 #optimization

Beberapa perubahan terbaru pada Node JS 20 https://medium.com/@rohan_precise/5-key-changes-in-node-js-20-you-need-to-know-in-2023-99d13993c648 —- Membuat fungsi task scheduling di Node JS https://blog.bitsrc.io/scheduling-tasks-just-in-time-using-node-js-da8eb4df1b88 —- #nodejs #scheduling

Membuat dark mode toggle dengan React dan Tailwind CSS dan Daisy UI https://dev.to/kunalukey/how-to-add-dark-mode-toggle-in-reactjs-tailwindcss-daisyui-1af9 #react #tailwindCSS #daisy

Perbedaan antara type alias dengan interface di TypeScript https://javascript.plainenglish.io/the-difference-between-type-aliases-and-interfaces-in-typescript-5757370894fe #typescript #interface #alias

Membuat mobile menu dengan Tailwind CSS https://dev.to/seppegadeyne/crafting-a-mobile-menu-with-tailwind-css-without-javascript-1814 --- Beberapa attribute HTML yang perlu dipelajari https://javascript.plainenglish.io/24-powerful-html-attributes-every-senior-web-engineer-should-master-ad8a4df0776e --- Kustomisasi vertical scrollbar dengan CSS https://dev.to/behainguyen/pure-css-vertical-scrollbar-management-2fn7 #css #tailwind #vertical

Latihan dari Online Tutorials membuat hover effect di Menu https://www.youtube.com/watch?v=8saYt5fc2Pc —- Beberapa alasan kenapa berhenti menggunakan forEach loop https://javascript.plainenglish.io/8-reasons-to-tell-you-please-stop-using-the-foreach-function-1b567f33fb91 —- Beberapa pertanyaan seputar interview JavaScript https://dev.to/this-is-learning/10-more-javascript-challenges-3812 —- #hover #interview #forEach

Pengenalan Http request di JavaScript https://www.freecodecamp.org/news/http-full-course/ --- Cara belajar Javascript dengan efektif dan efisien https://www.freecodecamp.org/news/how-to-learn-javascript-effectively/ --- Pengenalan Async Await dan Promise di JavaScript https://javascript.plainenglish.io/async-await-vs-promise-in-javascript-an-in-depth-comparison-bbbf084382e8 --- #http #learn #tips

Kumpulan beberapa library text editor untuk dipasang di halaman web https://javascript.plainenglish.io/13-flexible-and-scalable-rich-text-editors-to-try-in-2023-e32a93aa8de1 #wysiwg #rtf

Tips dan trik penggunaan TypeScript untuk Next JS https://blog.bitsrc.io/typescript-advanced-types-for-next-js-examples-and-best-practices-in-2023-a3a3946a353e --- Penggunaan generic type di TypeScript https://betterprogramming.pub/mastering-typescript-generics-unveiling-the-power-of-mapping-modifiers-and-key-mapping-b28d9d6bc296 --- Pengenalan decorator di TypeScript https://blog.logrocket.com/using-modern-decorators-typescript/ --- Konversi desain Figma ke web Next JS dengan Tailwind CSS https://blog.logrocket.com/convert-figma-components-next-js-tailwind-css/ --- Mencegah serangan CSRF pada Next JS https://blog.logrocket.com/protecting-next-js-apps-csrf-attacks/ --- #nextjs #typescript #tailwind #csrf

Latihan penggunaan OOP di JavaScript https://www.freecodecamp.org/news/object-oriented-programming-javascript/ --- Latihan penggunaan Date untuk manipulasi tanggal https://javascript.plainenglish.io/mastering-date-serialization-deserialization-in-javascript-167472927992 --- Penggunaan Web API di JavaScript yang jarang diketahui https://javascript.plainenglish.io/5-rare-javascript-native-apis-4e407bb19703 —- Melihat beberapa fitur baru dari JavaScript ES2022 atau ES13 https://javascript.plainenglish.io/6-amazing-and-useful-new-javascript-features-in-es13-b0719dfa0541 —- #oop #date #es13

Penggunaan Open AI dalam pembuatan project aplikasi https://www.freecodecamp.org/news/chatgpt-course-use-the-openai-api-to-create-five-projects/ --- Menggunakan Chat GPT untuk mengatasi masalah di JavaScript https://javascript.plainenglish.io/how-chatgpt-solved-my-impossible-javascript-problem-2f27a0c32b0d #openAI #project #chatgpt

Pengenalan unstyled component di React JS https://www.youtube.com/watch?v=yn6vFCRkC3c #styledComponent #react #webdevsimplified

Tips optimasi framework Vue JS https://javascript.plainenglish.io/10-vue-js-optimization-tips-that-frontend-engineers-must-use-in-2023-5040e9cd2a7c #vue #optimization

Catatan rilis Deno 1.33 https://deno.com/blog/v1.33 #deno #nodejs #typescript

Membuat side navigation yang dinamis di Angular https://itnext.io/crafting-a-dynamic-sidenav-in-angular-7bb7db2e53c6 #angular #sidenav

Latihan dari Online Tutorials membuat background generator dengan HTML, CSS, dan JavaScript https://www.youtube.com/watch?v=TR6TmT1A_uI #html #css #onlineTutorials

Membuat website sederhana dengan HTML, CSS dan JavaScript https://www.freecodecamp.org/news/create-a-simple-website-with-html-css-javascript/ #freecodecamp #css #html #website

Cara pencegahan SQL Injection di Node JS https://levelup.gitconnected.com/how-to-prevent-no-sql-injection-in-node-js-e743cf7d3771 #nodejs #sql #injection

Mendapatkan URL saat ini dengan JavaScript https://www.freecodecamp.org/news/how-to-get-the-current-url-with-javascript/ --- Pengenalan fungsi parseInt di JavaScript https://javascript.plainenglish.io/javascript-parseint-unveiling-unexpected-behaviors-and-rules-329cacdd0c02 --- Pengenalan spread operator pada ES6 https://javascript.plainenglish.io/mastering-the-power-of-the-es6-spread-operator-7-tricks-every-developer-must-know-264cac6344e6 --- Perbedaan tentang function declaration dan function expression https://www.freecodecamp.org/news/function-declaration-vs-function-expression/ --- Memasukkan data ke dalam index tertentu dengan JavaScript https://www.freecodecamp.org/news/insert-into-javascript-array-at-specific-index/ --- #url #index #array #function