JavaScript Indonesia Channel

Debouncing in JavaScript – Explained by Building Auto-Complete Functionality in React https://www.freecodecamp.org/news/deboucing-in-react-autocomplete-example/ --- 7 React Projects to Build in 2024 https://dev.to/codebootcamp/7-react-projects-to-build-in-2024-1mhd --- Animations in React with Framer Motion https://dev.to/techcheck/animations-in-react-with-framer-motion-44jo --- #react #debounce #learning

Skills to become a backend developer in 6 months https://dev.to/codewithshahan/skills-to-become-a-backend-developer-in-6-months-roadmap-4li3 #backend #learning

HTMLCollection vs NodeList – What's the Difference? https://www.freecodecamp.org/news/dom-manipulation-htmlcollection-vs-nodelist/ #html #dom

Scroll Animation Effect in Javascript | Reveal Text on Scroll https://www.youtube.com/watch?v=6I72RFLDojA —- 21 Mind-Blowing JavaScript Hacks You Didn’t Know Existed! https://medium.com/@adarshrai3011/21-mind-blowing-javascript-hacks-you-didnt-know-existed-b136ec6afd68 —— You're Using Tailwind CSS The Wrong Way! A look at reuse https://www.youtube.com/watch?v=M-oYhJlILbY —- #html #css #animation #tailwind #tips

How to Compare Two Dates in JavaScript – Techniques, Methods, and Best Practices https://www.freecodecamp.org/news/compare-two-dates-in-javascript/ --- How Does Short-Circuiting Work in JavaScript? https://www.freecodecamp.org/news/short-circuiting-in-javascript/ --- What is the querySelector() Method and How Does it Work in JavaScript? https://www.freecodecamp.org/news/queryselector-method-javascript/ --- JavaScript Promises https://dev.to/narenmnp/javascript-promises-3lgm --- Improve your JavaScript skills by building a snake game inspired by the iconic Nokia Snake game! https://www.freecodecamp.org/news/javascript-beginners-project-snake-game/ --- #date #compare #promise #queryselector #shortcircuit #snake

Querying Made Easy: Exploring Angular’s Query Signals https://netbasal.com/querying-made-easy-exploring-angulars-query-signals-ca850b5db892 —- Reduce Angular Boilerplate with Decorators https://medium.com/@timju/reduce-angular-boilerplate-by-95-with-decorators-ef4bb916cd86 #angular #query #decorator

Relaying Rendering in Next.js by Eric Burel, IBKE Founder and Maintainer https://www.youtube.com/watch?v=XsU3lEFSXcs #react #nextjs

Learn SvelteKit – Full Course for Beginners https://www.youtube.com/watch?v=vb7CgDcA_6U #svelte #course

How to Create Animations in React 18 https://www.freecodecamp.org/news/create-animations-in-react/ --- Master React by Building 25 Projects https://www.freecodecamp.org/news/master-react-by-building-25-projects/ --- How to Work with useMemo in React – with Code Examples https://www.freecodecamp.org/news/how-to-work-with-usememo-in-react/ #react #animation #useMemo #hooks

How to make Gradient Text Stroke Effects in CSS | Tricks https://www.youtube.com/watch?v=XYZ8m6IZZg4 #html #css #stroke #effects

How to create a good README.md file https://dev.to/yuridevat/how-to-create-a-good-readmemd-file-4pa2 #readme

JavaScript Spread and Rest Operators – Explained with Code Examples https://www.freecodecamp.org/news/javascript-spread-and-rest-operators/ --- How to Work with the Console Object in JavaScript https://www.freecodecamp.org/news/how-to-work-with-the-console-object-in-javascript/ --- How Destructuring Works in JavaScript – Explained with Code Examples https://www.freecodecamp.org/news/destructuring-in-javascript/ --- 100+ JavaScript Projects With Source Code https://dev.to/shantanu_jana/100-javascript-projects-with-source-code-59lo --- How to Use the JavaScript insertAdjacentHTML() method for Efficient DOM Manipulation https://www.freecodecamp.org/news/javascript-insertadjacenthtml-method-efficient-dom-manipulation/ --- Async and Await in JavaScript: A Comprehensive Guide https://dev.to/mktheitguy/async-and-await-in-javascript-a-comprehensive-guide-1oka --- #spread #rest #async #await #dom #object #console #destructuring

A Simple Explanation of Recursion https://www.youtube.com/watch?v=LU_QkpvuyYk #recursive #recursion

Google actually beat GPT-4 this time? Gemini Ultra released https://www.youtube.com/watch?v=ucd63nIZZ60 #gemini #gpt

How to Create Responsive Image Slider using HTML and CSS https://www.youtube.com/watch?v=_0mkCrQsOOw #imageSlider #html #css #slider #image

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 Avoid Breaking Your React Application in Production https://www.freecodecamp.org/news/how-to-avoid-breaking-your-react-app-in-production/ --- Mastering JSX: Unveiling the Secrets for JavaScript, React, and Frontend Brilliance https://medium.com/front-end-weekly/demystifying-jsx-a-beginners-guide-to-understanding-its-harmony-with-javascript-5f0c78ba1ebc --- #nextjs #react #router

Documentation Libraries to Help You Write Good Docs https://www.freecodecamp.org/news/documentation-libraries-to-help-you-write-good-docs/ #docs #library

How to Learn Web Development and Land a Job Faster in 2024 (Beginners' Guide With Free Resources) https://dev.to/chaoocharles/how-to-learn-web-development-and-land-a-job-faster-in-2024-beginners-guide-with-free-resources-3074 #webdev #resources #learning

Short and Sweet JavaScript One-Liners for Mastery https://dev.to/arjuncodess/short-and-sweet-javascript-one-liners-for-mastery-m74 --- How Array.reduce() could replace other array methods https://dev.to/oussamabouyahia/how-arrayreduce-could-replace-other-array-methods-ej4 --- What is Strict Mode in JavaScript? Explained with Examples https://www.freecodecamp.org/news/how-to-use-strict-mode-in-javascript/ --- #reduce #strict #oneliner

What is box-sizing: border-box in CSS? https://www.freecodecamp.org/news/what-is-box-sizing-border-box-css/ #css #sizing