JavaScript Indonesia Channel

Template kit chat GPT untuk React JS https://dev.to/fredy/the-worlds-first-chatgptai-template-kit-for-react-32j7 --- Contoh kasus penggunaan React Conditional Rendering https://www.freecodecamp.org/news/react-conditional-rendering/ --- Komparasi antara props dan context api di React JS https://www.freecodecamp.org/news/state-management-in-react-props-vs-context-api/ --- Membuat aplikasi MERN Stack sederhana https://dev.to/lovepreetsingh/reactjs-mongodb-js-css-in-one-shot-while-building-an-app-3f43 #react #mern #nodejs #chatgpt #state #conditional

Latihan sederhana membuat aplikasi autocomplete search dengan Nest JS https://javascript.plainenglish.io/how-to-create-a-full-autocomplete-search-application-with-elasticsearch-kibana-nestjs-and-react-a141c510b97c #nodejs #nest

Pengenalan typing di dalam TypeScript https://blog.openreplay.com/forever-functional-complex-typing-in-typescript/ #typing #typescript

Beberapa tools untuk membantu produktivitas pengembang https://javascript.plainenglish.io/12-killer-web-tools-let-you-do-more-with-less-increase-productivity-easily-87cd368a6a64 #tips #tools

Cara menyimpan posisi Scroll dengan JavaScript https://medium.com/front-end-weekly/boost-user-experience-memorizing-scroll-position-with-javascript-2adfb6ca6c2b #scroll #position #javascript

Membuat fixed header dengan scroll body di Angular https://itnext.io/creating-a-fixed-header-with-scrollable-body-in-angular-bcaf8075b6da --- Pengenalan tentang state management di Angular https://auth0.com/resources/ebooks/angular-handbook-identity-and-state-management?utm_source=content_synd&utm_medium=sc&utm_campaign=global_dist --- Membuat Angular forms dengan bantuan library ngJoyValidator https://dev.to/bledar_ramo/angular-forms-building-complex-reactive-forms-with-ngjoyvalidators-4nhk --- Perbedaan antara JIT dan AOT di Angular https://javascript.plainenglish.io/angular-what-is-aot-vs-jit-compilation-and-how-it-works-eaaa92eeb4e8 --- #angular #header #jit #aot #form

Beberapa metode console log yang perlu diketahui https://dev.to/vishnusatheesh/top-8-essential-javascript-console-methods-you-should-know-bp4 --- Melakukan migrasi kode JavaScript ke TypeScript https://dev.to/documatic/converting-javascript-codebase-to-typescript-1852 --- Beberapa contekan cheatsheet untuk manipulasi Array https://javascript.plainenglish.io/cheatsheet-to-javascript-array-methods-e59f2095b94b --- Pengenalan tentang Resize Observer API di JavaScript https://javascript.plainenglish.io/must-know-javascript-api-resize-observer-api-9420aab1a74 --- Membuat aplikasi text to speech JavaScript dengan mudah https://blog.bitsrc.io/building-a-text-to-speech-application-with-javascript-in-3-easy-steps-fdf6aeddfb68 --- #console #textToSpeech #resize #observer

Tips dan trik dalam belajar React dengan menguasai JavaScript dasar https://dev.to/roktim32/the-secret-to-mastering-react-js-hone-your-skills-with-these-javascript-topics-first-ok4 --- Cara melakukan caching di React JS dengan Hooks https://www.freecodecamp.org/news/caching-in-react/ --- Cara mengamankan MERN Stack dengan JWT https://www.freecodecamp.org/news/how-to-secure-your-mern-stack-application/ --- Beberapa tips dalam menyusun struktur aplikasi React JS https://blog.bitsrc.io/10-best-practices-for-structuring-react-projects-426ae8b1af43 --- Pengenalan tentang library Next Image https://dev.to/alex_barashkov/things-you-might-not-know-about-next-image-5go8 --- Pengenalan tentang Next Fetch untuk pengambilan data di Next JS https://javascript.plainenglish.io/next-js-fetch-the-secret-weapon-for-efficient-data-fetching-992e9fdf0a09 #react #nextjs #fetch #mern #jwt

Cand Dev merilis latihan panjang membuat aplikasi web Marvel dengan Next JS https://www.youtube.com/watch?v=IB5VNKL3iL8 #nextjs #candDev

Traversy Media merilis course Udemy baru tentang penggunaan Bootstrap 5 CSS https://www.youtube.com/watch?v=hraO0NdOhzw #course #traversyMedia

Pengenalan beberapa state management yang ringan untuk React JS https://blog.openreplay.com/top-five-lightweight-state-management-libraries-for-react/ --- Latihan dasar pengenalan Next JS https://blog.openreplay.com/going-serverless-with-nextjs/ --- Membuat aplikasi stop watch sederhana dengan React dan date fns https://dev.to/michaellarocca/building-a-stopwatch-app-with-react-and-date-fns-4pb2 --- #react #state #nextjs

Latihan dari Online Tutorials membuat game Tic Tac Toe sederhana https://www.youtube.com/watch?v=3hUY9Mg2x6g #css #html #js #tictactoe #onlineTutorials

Referensi beberapa ekstensi VS Code yang membantu web development https://javascript.plainenglish.io/20-must-have-vscode-extensions-for-web-development-in-2023-7bf1995c5ce5 #vscode #extension

Beberapa ciri dari programmer yang kurang baik https://medium.com/@tsecretdeveloper/the-7-signs-of-a-bad-programmer-a624204f7222 #badProgrammer

Membuat aplikasi shopping cart dengan React Dan TypeScript https://www.freecodecamp.org/news/how-to-build-a-shopping-cart-with-react-and-typescript/ --- #react #typescript

8 ChatGPT Prompts To Finish Hours Of Work In Seconds https://www.forbes.com/sites/jodiecook/2023/06/20/8-chatgpt-prompts-to-finish-hours-of-work-in-seconds/

Cara menggunakan calc() di CSS https://javascript.plainenglish.io/4-tips-for-using-calc-in-css-76d075ad7bc3 #calc #css

Latihan dari Kevin Powell cara memperbaiki heading text dengan CSS https://www.youtube.com/watch?v=snKm-VzJCOo #kevinPowell #css #headings

Membuat backend Node JS dengan TypeScript https://dev.to/realsteveig/nodejs-and-typescript-tutorial-build-a-rest-api-with-typescript-nodejs-and-a-file-based-storage-system-2l61 --- Melakukan debugging aplikasi JavaScript dengan VS Code dan Chrome https://www.syncfusion.com/blogs/post/javascript-debugging-with-vs-code-and-chrome.aspx/amp?utm_source=jskicks&utm_medium=cpc&utm_campaign=js_debugging_bpnews #chrome #debugging #nodejs #typescript

Kumpulan ekstensi VS Code yang dapat dicoba yang dirangkum oleh Lama Dev https://youtu.be/kyRclsioJBQ #vscode #extension #lamaDev