JavaScript Indonesia Channel

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

Vanilla JavaScript Infinite Scrolling Image Slider https://www.youtube.com/watch?v=-VHF1Gxku7E #scroll #infinite #slider

15 crazy new JS framework features you don’t know yet https://www.youtube.com/watch?v=466U-2D86bc —- This New React Feature Will Make Your App 20% Faster https://www.youtube.com/watch?v=bMTauDvGu9Y —- Implementing Infinite Scroll in Next.js Using Server Actions https://www.youtube.com/watch?v=AUJmaaPCJrU #react #nextjs #infiniteScroll #candDev #optimize

How To Generate PDFs In A React App https://blog.openreplay.com/how-to-generate-pdfs-in-a-react-app/ —- Authentication And Authorization With SSR In Next.Js https://blog.openreplay.com/authentication-and-authorization-with-ssr-in-nextjs/ —- #react #nextjs #ssr #pdf

How to Manipulate Strings in JavaScript – With Code Examples https://www.freecodecamp.org/news/how-to-manipulate-strings-in-javascript/ #string #manipulation #code

How to Make Slider Controllable with Mouse Wheel https://www.youtube.com/watch?v=H8y9u0hc3U0 #css #slider #html

Uncomplicating SVG in Next.js https://dev.to/brohvis/uncomplicating-svg-in-nextjs-4j3l --- Mastering React: A Deep Dive into Memoization and Component Optimization https://dev.to/bilelsalemdev/mastering-react-a-deep-dive-into-memoization-and-component-optimization-675 --- https://dev.to/paripsky/build-your-own-react-state-management-library-in-under-40-lines-of-code-with-typescript-support-hji #react #nextjs #svg

Meet the NEW Canva | Canva Create 2024 Updates https://www.youtube.com/watch?v=Q2L1Y65VxBI

The JavaScript Interview Prep Handbook – Essential Topics to Know + Code Examples https://www.freecodecamp.org/news/js-interview-prep-handbook/ --- How to Manipulate Strings in JavaScript – With Code Examples https://www.freecodecamp.org/news/how-to-manipulate-strings-in-javascript/ --- Best JavaScript One Liners that You Must Know https://dev.to/shubhsharma19/best-javascript-one-liners-that-you-must-know-3740 --- Recursion in JavaScript https://dev.to/shehzadhussain/recursion-in-javascript-2kh3 --- How to use Async/Await in Promise. https://dev.to/makoto0825/how-to-use-asyncawait-in-promise-38hc --- The long path of JavaScript - from ES6 until today. https://dev.to/fsh02/the-long-path-of-javascript-from-es6-until-today-3gc3 --- How Destructuring Works in JavaScript – Explained with Code Examples https://www.freecodecamp.org/news/destructuring-in-javascript/ --- How to Use the JavaScript insertAdjacentHTML() method for Efficient DOM Manipulation https://www.freecodecamp.org/news/javascript-insertadjacenthtml-method-efficient-dom-manipulation/ --- #handbook #interview #dom #destructuring

20 VS Code Extensions to INCREASE Productivity 2024 + Themes, Icons, & Shortcuts https://levelup.gitconnected.com/20-vs-code-extensions-to-increase-productivity-2024-themes-icons-shortcuts-8a40e4eaced1 —- 10 Cutting-Edge Web Dev Resources You Should Be Using Now https://javascript.plainenglish.io/10-cutting-edge-web-dev-resources-you-should-be-using-now-b8853f383852 —- #vscode #code #dev #resources

Magnetic Mousemove Effect using Javascript https://www.youtube.com/watch?v=jfbUAonTRjI —- 3D infinite Image Slider using CSS & Javascript https://www.youtube.com/watch?v=f7Ot2xYnvNc #css #html #mousemove #hover

Dynamic Github profile with Bun and Typescript https://tduyng.com/blog/dynamic-github-profile-with-bun-typescript/ #github #bun #typescript