JavaScript Indonesia Channel

Membuat fitur live search dengan JavaScript https://blog.openreplay.com/implementing-live-search-functionality-in-javascript/ --- Pengenalan error handling pada JavaScript https://javascript.plainenglish.io/understanding-common-javascript-errors-solutions-to-improve-scripting-e657a17bdf78 --- #liveSearch #error #handler

Menggunakan type casting di TypeScript https://blog.logrocket.com/how-to-perform-type-casting-typescript/ --- Membaca dan menulis JSON dengan TypeScript https://stackabuse.com/reading-and-writing-json-with-typescript/ --- Pengenalan design pattern di TypeScript https://blog.bitsrc.io/decorator-design-pattern-in-typescript-701dfbf24420 --- #typescript #json #casting

Beberapa component editor untuk React JS https://blog.logrocket.com/best-code-editor-components-react/ --- Membuat sistem notifikasi pada React JS https://dev.to/olabisi09/how-to-build-a-global-notification-system-in-react-4a9n --- Panduan menggunakan state management dengan design pattern tertentu https://blog.logrocket.com/modern-guide-react-state-patterns/ --- #react #state #pattern

Beberapa tips dan trik penggunaan Symbols dalam JavaScript https://javascript.plainenglish.io/8-javascript-symbols-tricks-easy-to-use-38c6018e8b88 #symbols #tips #trick

Latihan membuat aplikasi mobile dengan Nuxt JS dan Ionic https://www.youtube.com/watch?v=a7HLHuFBms4 #ionic #web #mobile

Beberapa layanan untuk deploy Vue JS https://blog.logrocket.com/top-services-deploy-vue-app-free/ #vue #deploy

Beberapa web untuk melatih kemampuan front end web dari Kevin Powell https://www.youtube.com/watch?v=2GeMknXoGaA #kevinPowell #learning #frontEnd

Latihan membuat login form dengan animasi tambahan menggunakan HTML dan CSS https://www.youtube.com/watch?v=jrGQrJJN0cA #login #form #onlineTutorials #html #css

Latihan belajar React JS dengan tips dari Web Dev Simplified https://www.youtube.com/watch?v=a7YYJVGBy6A —- Tips belajar React JS sesuai kebutuhan dunia kerja https://www.youtube.com/watch?v=XX1YJlz0IKI #react #webdevsimplified

Latihan bagian ketiga membuat aplikasi web Undangan Pernikahan dengan Bootstrap 5 CSS bersama Web Programming Unpas https://www.youtube.com/watch?v=WAeQgXaHcxg #wpu #bootstrap

Beberapa tips penggunaan Git Alias shortcut https://dev.to/pradumnasaraf/mastering-git-shortcuts-a-guide-to-git-aliases-324j #git #shortcut #alias

Tips belajar React JS dari Web Dev Simplified https://www.youtube.com/watch?v=XX1YJlz0IKI #react #learning

Latihan menggunakan Vitest untuk unit testing di Vue JS https://www.youtube.com/watch?v=k2wi03hw2ek #vue #vite #testing #vitest

Cara menambahkan fungsi Add to Home Screen di PWA https://dev.to/sh20raj/add-add-to-home-screen-functionality-to-your-progressive-web-app-2h0n #addhomeScreen #pwa

Membuat aplikasi fullstack JavaScript dengan Next JS, Tailwind CSS, Prisma ORM, dan MongoDb https://dev.to/chaoocharles/next13-fullstack-ecommerce-react-typescript-tailwindcss-prisma-and-mongodb-1552 --- Penjelasan tentang konsep conditional Rendering di React JS https://www.freecodecamp.org/news/react-conditional-rendering/ --- Membuat aplikasi document viewer dengan library React PDF https://dev.to/mfts/building-a-beautiful-document-viewer-with-react-pdf-666 #react #nextjs #ecommerce

Melihat beberapa fitur baru dari Nest JS 10 https://www.youtube.com/watch?v=CfS-9GqorqQ #nestjs #release

Komparasi antara String literal dengan template literal dalam hal performa di JavaScript https://dev.to/maafaishal/benchmarking-string-literal-vs-template-literal-using-performancenow-49gh —- Beberapa konsep JavaScript yang perlu dipahami https://medium.com/front-end-weekly/10-essential-javascript-concepts-every-web-developer-should-master-59d05b2511ea #literal #string #performance #concept

Beberapa framework fullstack JavaScript yang dapat dicoba https://dev.to/matijasos/top-5-full-stack-js-frameworks-in-2023-which-one-should-you-pick-for-your-next-project-2ng6 —- Tips optimasi kode looping di JavaScript https://medium.com/geekculture/javascript-101-optimizing-your-loops-e63e49fe9a59 —- Cara melakukan deep clone dengan fungsi structuredClone() https://medium.com/coding-beauty/javascript-structuredclone-f53d03c78451 —- Tips membuat error handling di JavaScript https://javascript.plainenglish.io/effective-javascript-error-handling-for-more-reliable-and-robust-applications-3ca801643f08 —- #fullstack #errorhandler #loop #structuredClone

Latihan bersama Dcode mengenal beberapa fungsi Math di JavaScript https://www.youtube.com/watch?v=H1u09emZQts —- Beberapa tips penulisan kode JavaScript https://javascript.plainenglish.io/10-joyful-ways-of-writing-javascript-you-might-have-overlooked-b47ff0137ef5 —- Beberapa metode function bawaan JavaScript yang jarang diketahui https://javascript.plainenglish.io/5-javascript-advanced-methods-you-dont-know-ff0bbfd3eff #dcode #math #function #advanced

Latihan membuat chatbot pemesanan kopi dengan React, Chat GPT API, dan TypeChat https://dev.to/dev_bre/building-a-coffe-delivery-chatbot-with-react-chatgpt-and-typechat-1go0 —- Membuat aplikasi manajemen kontak dengan Next JS, Supabase, dan Flatfile https://dev.to/github20k/building-a-contacts-management-system-with-nextjs-supabase-and-flatfile-5dk6 —— Cara melakukan konversi aplikasi Next JS ke Astro framework https://dev.to/this-is-learning/porting-a-nextjs-site-to-astro-step-by-step-5fbp —- Beberapa sumber penting untuk belajar React JS https://dev.to/shubhamtiwari909/5-useful-resources-for-react-js-2enf —- Tips memperbaiki error di React JS untuk keys di props https://caglayanyanikoglu.medium.com/most-senior-react-devs-dont-know-how-to-fix-this-keys-in-react-848b2408a183 #react #nextjs #chatbot #chatgpt #typechat #supabase