JavaScript Indonesia Channel

Membuat range slider menggunakan CSS dan JavaScript https://blog.logrocket.com/creating-custom-css-range-slider-javascript-upgrades/ --- Pengenalan tentang Closure di JavaScript https://javascript.plainenglish.io/demystifying-javascript-closures-mastering-the-art-of-scoping-d4aa474b94a5 --- Cara menggunakan Clipboard API pada JavaScript https://javascript.plainenglish.io/how-to-copy-content-to-system-clipboard-in-javascript-d9a1651a0269 --- Pengenalan tentang Asynchronous di JavaScript https://www.freecodecamp.org/news/asynchronous-programming-in-javascript/ --- Perbedaan antara primitive values dengan references value https://www.freecodecamp.org/news/javascript-assigning-values-vs-assigning-references/ --- #css #value #assign #async #clipboardAPI #slider

Javascript Weekly 634 04/18/2023 • News The JavaScript Equality Table Game • News htmx 1.9 Released • News Supercharge AWS S3 Video Streaming with ImageKit's Video API • News The ECMAScript® 2023 Language Spec Steps Forward • News Ranger: Use a Range-Like Syntax for Anything? • News Build and Deploy ‘23: May 3rd - Save the Date! • News Trying Node's Built-In Test Runner • News Reveal.js 4.5: An HTML Presentation Framework • News List.js: Add Search, Sort, Filters, and More to Tables and Lists • News 🦘Quokka.js - #1 JavaScript Scratchpad for VS Code • News Queue: Async Function Queue with Adjustable Concurrency • News Yet Another React Lightbox • News Sandpack 2.6: Component Toolkit for Creating Live Code Editing Experiences • News Easy to Use, Full-Stack Application Monitoring • News TS Writer: A Template String Template Engine for Generating Code at Runtime Tags: #weekly #javascript

Pengenalan data attribute pada HTML https://dev.to/dev-harbiola/custom-data-attributes-in-html-a-guide-to-data--373 ---

Penggunaan asynchronous pada JavaScript dari Promise dan Async Await https://bitsbydenis.medium.com/asynchronous-javascript-from-callbacks-to-promises-and-async-await-be3eee77ad0 #async #promise #await

Beberapa tips dalam penggunaan React JS https://fatfish.medium.com/as-a-front-end-engineer-4-react-traps-you-should-know-about-3f33905c8301 —— Tips terbaik dalam penggunaan React JS https://najm-eddine-zaga.medium.com/18-best-practices-for-react-617e23ed7f2c —- Optimasi component di React JS https://medium.com/@Chris1993/react-18-component-optimization-make-your-application-faster-and-smoother-b18b28c907a9 —- Tips penggunaan Next JS yang jarang diketahui https://javascript.plainenglish.io/5-next-js-tips-you-never-heard-about-9c4f531e8cfe —- #react #nextjs #tips

Menggunakan GPT-4 API dengan Node JS dan Axios https://medium.com/codingthesmartway-com-blog/how-to-use-the-new-gpt-4-api-with-axios-the-http-library-for-node-js-cfaa37527272 #chatgpt #axios #nodejs

Membuat Circular progress bar dengan CSS dan HTML bersama channel Online Tutorials https://www.youtube.com/watch?v=sDpfRFUcxY4 #css #onlineTutorials #circular #progressbar

Pengenalan tentang keyboard event di JavaScript bersama channel Dcode https://youtu.be/Q3ktcptd2yI #keyboard #event #dcode

Latihan bersama Traversy Media tentang penggunaan Chat GPT bagi developer https://youtu.be/o_joulYVndM #chatgpt #developer #traversyMedia

Dicoding Developer Coaching #86 : Back-End | Membuat HTTP Server dengan Node.js https://www.youtube.com/watch?v=GaWlgj6QrP8

Memahami operator $ sign pada JavaScript https://www.freecodecamp.org/news/what-does-the-dollar-sign-mean-in-javascript/ --- Membuat fungsi refresh halaman di JavaScript https://www.freecodecamp.org/news/javascript-refresh-page-how-to-reload-a-page-in-js/ --- Perbedaan antara arrow function dengan normal function JavaScript https://www.freecodecamp.org/news/the-difference-between-arrow-functions-and-normal-functions/ #dollar #sign #arrow #normal #reload

Beberapa teknik shorthand pada JavaScript https://javascript.plainenglish.io/mastering-javascript-shorthand-techniques-tips-and-tricks-for-cleaner-and-more-efficient-code-d81ece02076a --- Pengenalan URL API pada JavaScript https://javascript.plainenglish.io/url-apis-in-javascript-30e1f473c0cf #shorthans #api

Tips dan trik dalam penggunaan JavaScript https://javascript.plainenglish.io/the-ultimate-guide-to-javascript-11-pro-tricks-that-will-make-you-a-better-developer-e5a442e83dbf —— Beberapa fitur modern dalam JavaScript yang perlu diketahui https://javascript.plainenglish.io/6-cool-modern-javascript-features-most-developers-dont-know-about-2362e90407b4 —- Beberapa cara penerapan SOLID principles di JavaScript https://medium.com/@akashjha9041/solid-principles-in-javascript-ab69197e4cf7 —- #solid #tips #trick

Javascript Weekly 633 04/11/2023 • News Croner: Cron for JavaScript and TypeScript • News JSON vs XML with Douglas Crockford • News Headless CMS with World-Class TypeScript Support • News The Angular Signals RFC • News Over 100 Algorithms and Data Structures Demonstrated in JS • News JSDayIE 2023: The First JavaScript Conference in Ireland Is Back! • News Making a Big, Slow Vue/Alpine Page 'Blazingly' Fast • News Watch Dan Abramov Explore React Server Components • News Getting PWAs in App Stores with PWABuilder • News Add a Full-Featured Notification Center to Your App in Minutes • News What Are Source Maps? • News Relaunching JSPM CLI for Import Map Package Management • News Chrome Extension CLI 1.4: CLI for Building Chrome Extensions • News React Chrono 2: A Flexible Timeline Component • News Dynaboard: A Visual Web App IDE Made for Developers • News Jampack: A Post-Processing Tool to Optimize Static Websites • News imask.js 6.5.0: A Vanilla JavaScript Input Mask Tags: #weekly #javascript

Membuat endpoint API sesuai spesifikasi Open API pada Node JS https://blog.logrocket.com/write-scalable-openapi-specification-node-js/ --- Menambahkan dukungan pada variabel bilangan besar pada Node JS https://blog.logrocket.com/how-to-represent-large-numbers-node-js-app/ --- Membuat Node JS untuk mendukung class https://betterprogramming.pub/handling-class-libraries-in-node-js-with-and-without-typescript-39b73b2186b6 --- Membuat kustomisasi pada Error Object JavaScript https://betterprogramming.pub/serializing-error-in-javascript-27c3a048dc3b --- #nodejs #openapi #error #object

Membuat Docker Container untuk project Next JS https://dev.to/nitinfab/dockerize-your-nextjs-app-like-a-pro-advanced-tips-for-next-level-optimization-nb2 --- Menambahkan mode PWA pada Next JS https://javascript.plainenglish.io/next-js-project-with-pwa-965218bb0f8d --- #react #nextjs #pwa

Latihan dari Dcode membuat aplikasi permainan dadu dengan HTML, CSS, dan JavaScript https://www.youtube.com/watch?v=M3InbHr0WAc —- Tips dan trik dalam penerapan error handling di JavaScript https://www.youtube.com/watch?v=mrJ-mK8shYQ —- #dice #roll #dcode #html #css #errorHandling

Catatan rilis Google Chrome Devtools versi terbaru https://www.youtube.com/watch?v=CrSmjooOEiE #chrome #release