JavaScript Indonesia Channel

Learn how to Make Art with Code – p5.js Course https://www.freecodecamp.org/news/art-of-coding-with-p5js/ #p5js

3D Image Gallery using HTML CSS & Javascript https://www.youtube.com/watch?v=SBNWJB4lJqo —- 15 + 11 Mistakes Every Java Developer MUST avoid TODAY https://levelup.gitconnected.com/15-11-mistakes-every-java-developer-must-avoid-today-ccd7e681a970 —- Memory Leaks in JavaScript: Causes, Solutions, and Best Practices https://medium.com/@stheodorejohn/memory-leaks-in-javascript-causes-solutions-and-best-practices-18d8faecc672 —- How to Create and Publish NPM Packages https://blog.bitsrc.io/how-to-create-and-publish-npm-packages-392a14202cdf #gallery #html #css #npm #memoryLeak

Build and Deploy a Next-Gen AI SaaS Platform Using Next.js https://www.youtube.com/watch?v=zfAb95tJvZQ —- Avoiding Unnecessary Re-renders: Common Mistakes in React Applications https://medium.com/@khushi1399gupta/avoiding-unnecessary-re-renders-common-mistakes-in-react-applications-9f5036eedf7e —— Build a notes app with React Query and json server - starting from failing unit tests! https://reactpractice.dev/exercise/build-a-notes-app-with-react-query-and-json-server/?utm_source=newsletter.reactdigest.net&utm_medium=newsletter&utm_campaign=sneaky-react-memory-leaks —- Combining React Server Components with react-query for Easy Data Management https://frontendmasters.com/blog/combining-react-server-components-with-react-query-for-easy-data-management/?utm_source=newsletter.reactdigest.net&utm_medium=newsletter&utm_campaign=sneaky-react-memory-leaks —- Sneaky React Memory Leaks: How useCallback and closures can bite you https://schiener.io/2024-03-03/react-closures —- Top 40 ReactJS Interview Questions and Answers for 2024 https://javascriptcentric.medium.com/top-40-reactjs-interview-questions-and-answers-for-2024-70c94e5fccca —- React Design Patterns https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb #react #nextjs #AI #saas #design #pattern #interview #query #serverComponent

How Docker Containers Work – Explained for Beginners https://www.freecodecamp.org/news/how-docker-containers-work/ #docker #container

Multiple Environments in Frontend Applications https://dev.to/ramgoel/multiple-environments-in-frontend-applications-2k07 #frontend #env

HTMLCollection vs NodeList – What's the Difference? https://www.freecodecamp.org/news/dom-manipulation-htmlcollection-vs-nodelist/ --- A CSS-only game playable with keyboard! 🤯 (No, you are not dreaming) https://dev.to/afif/a-css-only-game-playable-with-keyboard-no-you-are-not-dreaming-480n --- The Ultimate Guide For Designing A Professional Responsive Website https://dev.to/mroman7/the-ultimate-guide-for-designing-a-professional-responsive-website-46ig #html #nodelist #responsive #css #dom

Understanding the Basics of HTTP Status Codes https://dev.to/vidyarathna/understanding-the-basics-of-http-status-codes-40b9 #http #code

JavaScript Unlocked: Effortlessly Master React, Vue, and Angular https://dev.to/bilelsalemdev/javascript-unlocked-effortlessly-master-react-vue-and-angular-4773 --- How to Create Animations in React 18 https://www.freecodecamp.org/news/create-animations-in-react/ --- How to Add Rate Limiting to Your Next.js App Router https://dev.to/sh20raj/how-to-add-rate-limiting-to-your-nextjs-app-router-22fa --- React 19 – New Hooks Explained with Examples https://www.freecodecamp.org/news/react-19-new-hooks-explained-with-examples/ --- #react #nextjs #hooks #animation

How to push code from VS Code to GitHub https://dev.to/techielass/how-to-push-code-from-vs-code-to-github-fh2 --- 2 Colors Extensions to make Visual Studio Code even better! https://dev.to/this-is-learning/2-colors-extensions-to-make-visual-studio-code-even-better-49a0 #vscode #extension #github

CSS Card Hover Effects | HTML & CSS https://www.youtube.com/watch?v=J8QB0_sMmp4 —- 6 Secrets About “null” and “undefined” That You Should Know as a Front-End Developer https://fatfish.medium.com/6-secrets-about-null-and-undefined-that-you-should-know-as-a-front-end-developer-7416ad0aa163 #css #hover #null #undefined

Exploring Basic Data Types in TypeScript https://dev.to/nahidulislam/exploring-basic-data-types-in-typescript-34fo #typescript #type #data

A Guide to the Node.js Event Loop https://www.freecodecamp.org/news/a-guide-to-the-node-js-event-loop/ #nodejs #eventloop

Event Bubbling and Event Capturing in JavaScript – Explained with Examples https://www.freecodecamp.org/news/event-bubbling-and-event-capturing-in-javascriptu/ --- How to Manipulate the DOM in JavaScript – Most Commonly Used Techniques https://www.freecodecamp.org/news/javascript-document-object-model-explained/ --- JavaScript Spread and Rest Operators – Explained with Code Examples https://www.freecodecamp.org/news/javascript-spread-and-rest-operators/ --- How to Get a Perfect Deep Copy in JavaScript? https://dev.to/zacharylee/how-to-get-a-perfect-deep-copy-in-javascript-1b9f --- Understanding JavaScript Debounce vs Throttle for Better App Efficiency https://dev.to/dev_diaries_by_varun/understanding-javascript-debounce-vs-throttle-for-better-app-efficiency-115p --- Javascript Boxing and Unboxing https://dev.to/ikbalarslan/javascript-boxing-and-unboxing-4o9g --- #event #bubble #boxing #unboxing #debounce #throttle #spread #throttle #dom

Nuxt API Routes: Integrate Server-Side Logic Easily https://www.youtube.com/watch?v=ve0LiUtCNME #nuxt #vue #router

Go and React Full Stack App – Go Tutorial for Node Developers https://www.youtube.com/watch?v=lNd7XlXwlho #react #golang #fullstack

Auto Scroll with React Intersection Observer | Next.js https://www.youtube.com/watch?v=j4u5MaA_veM #react #nextjs

The different types of JavaScript functions explained https://www.youtube.com/watch?v=cMt9U6kCWsM —- Master JavaScript Drag and Drop with Chess Example! https://www.youtube.com/watch?v=EFJg4nUg9sM —- 7 Must Know JavaScript Tips & Tricks https://medium.com/@mukhopadhyaypushan42/7-must-know-javascript-tips-tricks-905668e09f48 —- Handling Dates in Javascript the Wrong Way https://medium.com/@raphael.moutard/handling-dates-in-javascript-the-wrong-way-d98cb2835200 —- #functions #dates #tips #drag #drop

structuredClone(): The Easiest Way to Deep Clone Objects in JavaScript https://fatfish.medium.com/structuredclone-the-easiest-way-to-deep-clone-objects-in-javascript-c503b536266b #clone #deepClone

20 Essential Browser Extensions For Web Developers https://www.traversymedia.com/blog/20-browser-extensions?ref=dailydev —- API Design 101: From Basics to Best Practices https://levelup.gitconnected.com/api-design-101-from-basics-to-best-practices-a0261cdf8886 —- #api #design #browser #extension

Beyond CSS Media Queries https://www.smashingmagazine.com/2024/05/beyond-css-media-queries/ —— Modern CSS Layouts: You Might Not Need A Framework For That https://www.smashingmagazine.com/2024/05/modern-css-layouts-no-framework-needed/ —- Switching It Up With HTML’s Latest Control https://www.smashingmagazine.com/2024/05/switching-it-up-html-latest-control/ —- Understanding The Holy Grail Layout Pattern In CSS https://blog.openreplay.com/understanding-the-holy-grail-layout-pattern-in-css/ #css #html #mediaQuery #flexbox