JavaScript Indonesia Channel

Membuat navigation menu berbentuk tab dengan HTML, CSS, dan JavaScript https://www.youtube.com/watch?v=1-U4s6oW0qw #tabs #onlineTutorials #navigation

Latihan dasar menggunakan Svelte Kit https://css-tricks.com/getting-started-with-sveltekit/ #svelte #svelteKit

Kumpulan beberapa kode fungsi one liner atau sebaris yang berguna untuk aplikasi JavaScript https://dev.to/rammcodes/20-killer-javascript-one-liners-thatll-save-you-hours-of-coding-o14 —- Beberapa library penting di JavaScript yang dapat dicoba https://javascript.plainenglish.io/7-useful-javascript-libraries-you-can-use-in-your-next-project-b88ae3af56d —- Pengenalan tentang timer dan delay di JavaScript https://blog.bitsrc.io/javascript-101-all-about-timers-cec07db55b86 —- Beberapa cara membuat fungsi Singleton di JavaScript https://itnext.io/7-ways-to-create-singleton-in-javascript-db95a75fbb76 —- Beberapa cara untuk manipulasi data Array di JavaScript https://ishratumar.medium.com/javascript-array-methods-cheatsheet-81b12dafd350 —- Kumpulan beberapa repository untuk belajar JavaScript https://dev.to/gaelgthomas/10-github-repositories-you-should-know-as-a-javascript-developer-2ji6 #oneliner #repository #timer #singleton #array #delay #setTimeout

Beberapa kelebihan menggunakan Lodash untuk aplikasi web https://javascript.plainenglish.io/5-reasons-why-you-should-be-using-lodash-in-your-javascript-projects-fd08bdfbfe27 --- Menghapus element yang duplikat di dalam Array JavaScript https://javascript.plainenglish.io/remove-duplicate-objects-from-the-array-with-javascript-3a4e61fb2ff8 #lodash #array #duplicate

Memperbarui parameter di URL dengan URLSearchParams API JavaScript https://www.jackfranklin.co.uk/blog/url-search-params/ #url #search #params

Komparasi deploy aplikasi web front end dengan Netlify dan Surge sh https://blog.openreplay.com/deploying-front-end-apps--netlify-vs-surge/ #deploy #netlify #surge

Membuat aplikasi konversi suhu sederhana dengan JavaScript, HTML dan CSS https://javascript.plainenglish.io/building-a-temperature-converter-app-using-html-css-and-javascript-52097d9d3e98 #converter #temperature #css

Tips penggunaan CSS Grid dari Kevin Powell untuk mempermudah membuat tampilan layout https://www.youtube.com/watch?v=JHregeIsjPQ #kevinPowell #css #grid

Tips dan trik dalam penggunaan TypeScript https://itnext.io/mastering-typescript-21-best-practices-for-improved-code-quality-2f7615e1fdc3 —- Membuat path alias di TypeScript https://medium.com/@naubit/path-aliases-in-typescript-and-why-you-should-use-them-c41344e0d0 —- Membuat error handling di TypeScript dengan benar https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991 #typescript #alias #path #errorHandling

Pengenalan routing di Next JS https://blog.openreplay.com/routing-in-next-js/ #react #nextjs

Javascript Weekly 622 01/24/2023 • News Why Not document.write()? • News The WebAssembly JavaScript Promise Integration API • News Break the Programming Mold with Dependency Injection • News Why Is My Jest Suite So Slow? • News Bun v0.5 Released • News Building an Accessible Theme Picker • News Fixing a Memory Leak in a Production Node.js App • News Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API • News A Beginner’s Guide to Chrome Tracing • News Handling Errors Like a Pro in TypeScript • News RoughNotation: Cute Animated 'Rough' Text Annotations • News Free Website Speed Test: Does Your Site Meet Google's Core Web Vitals? • News Modern Errors: Handle Errors in a Simple, Stable, Consistent Way • News Shifty: A Small, Fast Tweening Engine • News Barba.js: For Smooth Visual Transitions Between Pages • News Rete.js 1.5: A Framework for Visual Programming • News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut • News gpu-io: GPU-Accelerated Computing Library Tags: #weekly #javascript

Latihan pengenalan Next JS 13 bersama DevelopedByEd https://www.youtube.com/watch?v=T63nY70eZF0 #nextjs #react

Beberapa tools untuk membantu produktivitas pengembang https://javascript.plainenglish.io/17-productivity-tools-to-improve-your-developer-workflow-fc43a153b64b #tools #productivity

Menggunakan library vue-clamp untuk memotong text di Vue JS https://blog.logrocket.com/vue-clamp-truncate-text-vue-apps/ —- Membuat aplikasi Electron JS dengan Vue JS 3 https://metered.hashnode.dev/build-electron-app-with-vue-in-3-easy-steps —- Melakukan matching pattern URL routing di Nuxt JS 3 https://blog.logrocket.com/matching-static-dynamic-patterns-nuxt-3/ #vue #nuxt #routing

Latihan dari Dcode cara melakukan parsing data XML dengan JavaScript https://www.youtube.com/watch?v=lUCQgqc4K2A #xml #parse #dcode

Tips dan trik penggunaan Reduce untuk manipulasi data Array https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-fd9e34a99721 --- Beberapa kelebihan Maps dibandingkan Object untuk menyimpan data dalam bentuk key value https://dev.to/gustavupp/5-reasons-to-choose-javascript-maps-over-objects-for-storing-key-value-pairswith-examples-39dd --- #reduce #maps #key #object

Latihan melakukan integrasi Chat GPT ke dalam aplikasi backend Node JS https://www.youtube.com/watch?v=c7MnlFhJZMI #nodejs #chatgpt #openai

Latihan panjang dari Freecodecamp membuat aplikasi clone Reddit dengan React JS , Chakra UI, dan Firebase Database https://www.freecodecamp.org/news/code-a-reddit-clone-with-react-and-firebase/ —- Menggunakan Vite bundler dengan React JS https://medium.com/@s_eschweiler/vite-react-the-ultimate-combination-for-fast-project-setup-b571adcb3f7 —- Menggunakan Chat GPT untuk membuat kode component React JS https://medium.com/codingthesmartway-com-blog/generate-react-components-from-javascript-code-with-chatgpt-c2957dd4a04f —- Latihan panjang membuat aplikasi generator gambar dengan React JS dan Open AI https://medium.com/codingthesmartway-com-blog/create-an-ai-powered-react-image-generator-app-using-openai-79b575d6b808 —- #chatgpt #firebase #clone #reddit #react #nextjs #openAI

Tips dan trik dalam penggunaan Chat GPT untuk membantu pengembang https://dev.to/adriantwarog/ultimate-chatgpt-resource-guide-chatgpt-tutorial-dfe —- Tips mengatasi masalah pemrograman dengan Chat GPT https://dev.to/zenstack/how-to-solve-coding-issues-using-chatgpt-15dd #chatGPT