JavaScript Indonesia Channel

Web Scraping Fundamentals with Puppeteer and Node https://dev.to/tomiloba2/web-scraping-fundamentals-with-puppeteer-and-node-49ke --- How to Use OpenTelementry to Trace Node.js Applications https://www.freecodecamp.org/news/how-to-use-opentelementry-to-trace-node-js-applications/ --- Asynchronous Programming in JavaScript – Callbacks, Promises, & Async/Await Examples https://www.freecodecamp.org/news/asynchronous-programming-in-javascript-examples/ --- How to document your JavaScript package https://deno.com/blog/document-javascript-package --- #nodejs #puppeteer #deno #async #await

Next.js E-Commerce App Full Tutorial with the Best Headless Solution https://www.youtube.com/watch?v=I0BOUiFe9WY —- How To Generate PDFs In A React App https://blog.openreplay.com/how-to-generate-pdfs-in-a-react-app/ —- Monitoring Third Party Dependencies In React Projects https://blog.openreplay.com/monitoring-third-party-dependencies-in-react-projects/ —- Understand React Hooks With These Visual Guide Cheatsheets https://blog.openreplay.com/understand-react-hooks-with-these-visual-guide-cheatsheets/ —- Using the ResizeObserver API in React for responsive designs https://blog.logrocket.com/using-resizeobserver-react-responsive-designs/ —- htmx vs. React: Choosing the right library for your project https://blog.logrocket.com/htmx-vs-react/ —- Exploring Remix Vite support and other v2.20 and v7 changes https://blog.logrocket.com/exploring-remix-vite-other-breaking-changes/ —- Caching in Next.js with unstable_cache https://blog.logrocket.com/caching-next-js-unstable-cache/ —- How to Secure Routes in Next.js 13 – Client-Side, Server-Side, and Middleware-Based Protection https://www.freecodecamp.org/news/secure-routes-in-next-js/ --- How to Use React Hooks – useEffect, useState, and useContext Code Examples https://www.freecodecamp.org/news/react-hooks-useeffect-usestate-and-usecontext/ --- Unlocking how Socket.io can boost your React app's real-time capabilities https://dev.to/gboladetrue/unlocking-how-socketio-can-boost-your-react-apps-real-time-capabilities-1542 #nextjs #ecommerce #nodejs #react #hooks #routes

Playwright vs Puppeteer: Choosing the Right Browser Automation Tool in 2024 https://medium.com/front-end-weekly/playwright-vs-puppeteer-choosing-the-right-browser-automation-tool-in-2024-d46d2cbadf71 —- Hot Interview Question: Node.js is Single-Threaded or Multithreaded? https://javascript.plainenglish.io/hot-interview-question-node-js-is-single-threaded-or-multithreaded-37145ce818bc #nodejs #puppeteer #playwright

@ProgrammerHumor Microsoft is evil

Learn JavaScript with Clear Explanations https://www.freecodecamp.org/news/learn-javascript-with-clear-explanations/ --- Javascript Patterns in ES6 https://medium.com/front-end-weekly/javascript-patterns-in-es6-872d7fa18e14 --- How to Comment Your JavaScript Code https://www.freecodecamp.org/news/comment-your-javascript-code/ --- What are Falsy Values in JavaScript? Explained with Examples https://www.freecodecamp.org/news/what-are-falsey-values-in-javascript/ --- Implement Advanced Chart Types like Heatmaps and Contour Plots https://dev.to/tooljet/implement-advanced-chart-types-like-heatmaps-and-contour-plots-3h1f --- #learning #chart #falsy

Reverting File Changes in Git: A Comprehensive Guide https://dev.to/mochafreddo/reverting-file-changes-in-git-a-comprehensive-guide-80i #git

How to Join the freeCodeCamp Discord Server and Chat with Fellow Campers https://www.freecodecamp.org/news/how-to-join-the-freecodecamp-discord-server-and-chat-with-fellow-campers/ #discord #freecodecamp

How to Use Shadcn with Next.js 14 https://www.freecodecamp.org/news/shadcn-with-next-js-14/ --- How to Implement Dynamic Segments with useParams in React Router https://www.freecodecamp.org/news/use-dynamic-segments-in-react-router/ --- Zustand vs useState – How to Manage State in React Apps https://www.freecodecamp.org/news/zustand-vs-usestate-how-to-manage-state-in-react/ --- How to Handle Errors in React Applications https://www.freecodecamp.org/news/effective-error-handling-in-react-applications/ -- Getting Started with React-Helmet: A Beginner's Guide https://dev.to/nnnirajn/getting-started-with-react-helmet-a-beginners-guide-1pcd --- #react #nextjs #shadcdn #error #segment #url

Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion https://www.youtube.com/watch?v=FTH6Dn3AyIQ —- Why is Setting Up Next.js with Supabase So Easy with the Founder of Mindroid, Malith Priyashan https://www.youtube.com/watch?v=OhhRMyYz2Ec #nextjs #react #portfolio #javascriptMastery #supabase

5 Ways to Create Arrays in JavaScript https://www.youtube.com/watch?v=U2kEfLKMYsU —- Understanding SOLID Principles in JavaScript and Node.js https://codewithpawan.medium.com/understanding-solid-principles-in-javascript-and-node-js-9abb09760049 —— Learn JavaScript with Clear Explanations https://www.freecodecamp.org/news/learn-javascript-with-clear-explanations/ —- Blood Text Effects | CSS & Javascript https://www.youtube.com/watch?v=jGrIqCK-umA #css #array #javascript #learning #solid

17 Best Developer Productivity Tools to Try https://dev.to/shohams/17-best-developer-productivity-tools-to-try-1a2a #dev #tools

20+ DOM Projects: Your Frontend Breakthrough! https://dev.to/jisan/20-dom-projects-your-frontend-breakthrough-1h8a --- Creating Global Styles for your Web App https://dev.to/mirzaleka/creating-global-styles-for-your-web-app-3gcc --- Web Animation Techniques – CSS vs JavaScript https://www.freecodecamp.org/news/web-animation-css-vs-javascript/ --- innerHTML vs innerText vs textContent – What's the Difference? https://www.freecodecamp.org/news/innerhtml-vs-innertext-vs-textcontent/ --- nth-child() vs nth-of-type() Selectors in CSS – What’s the Difference? https://www.freecodecamp.org/news/nth-child-vs-nth-of-type-selector-in-css/ --- #html #css #dom

How to Create a React Chatbot – a Step by Step Guide https://www.freecodecamp.org/news/how-to-create-a-react-chatbot/ —— Zustand vs useState – How to Manage State in React Apps https://www.freecodecamp.org/news/zustand-vs-usestate-how-to-manage-state-in-react/ —- How to Handle Events in React – Explained with Code Examples https://www.freecodecamp.org/news/how-to-handle-events-in-react-19/ —- #react #nextjs #chatbot #state

37 Tips from a Senior Frontend Developer https://dev.to/_ndeyefatoudiop/37-tips-from-a-senior-frontend-developer-251b #tips #dev

JavaScript — What’s new with ECMAScript® 2024 (ES15) — In Depth Guide https://medium.com/@yourfuse/javascript-whats-new-with-ecmascript-2024-es15-ef056d2f4bf1 —- 25 JavaScript One-Liner that will help you code like a pro 🎯 !! https://medium.com/@sharadokey/25-javascript-one-liner-that-will-help-you-code-like-a-pro-267843d66d67 —- #es2024 #oneliner

Avoid these 5 beginner CSS mistakes https://www.youtube.com/watch?v=P4oOR4frV_4 #css #mistakes

Meme Monday https://dev.to/ben/meme-monday-hc2

Advanced Secure Password Generation https://blog.openreplay.com/advanced-secure-password-generation-with-javascript/ #password #generator

Git Config: A Beginner's Guide with Advanced Tips https://dev.to/mrtrom/git-config-a-beginners-guide-with-advanced-tips-393f #git #config

New in Chrome 125: CSS anchor positioning, Compute Pressure API and more https://www.youtube.com/watch?v=-mHx9MlXdIw #chrome #release