JavaScript Indonesia Channel

Solar system with Three.js https://dev.to/cookiemonsterdev/solar-system-with-threejs-3fe0 --- How to Use Variables and Data Types in JavaScript – Explained With Code Examples https://www.freecodecamp.org/news/how-to-use-variables-and-data-types-in-javascript/ --- How to Make a Phone Vibrate Using JavaScript https://dev.to/free_programmers/how-to-make-a-phone-vibrate-using-javascript-585n #threejs #phone #variable

Optimizing React Applications for Maximum Performance https://dev.to/surajondev/optimizing-react-applications-for-maximum-performance-5epm --- React is (becoming) a Full-Stack Framework https://www.robinwieruch.de/react-full-stack-framework/ --- React Context API: A Comprehensive Guide https://dev.to/kada/react-context-api-a-comprehensive-guide-1008 --- Beginner Web Dev Tutorial – Build a Weather App with Next.js & TypeScript https://www.freecodecamp.org/news/beginner-web-dev-tutorial-build-a-weather-app-with-next-js-typescript/ #react #typescript #nextjs #optimize

Git Cheat Sheet – Helpful Git Commands with Examples https://www.freecodecamp.org/news/git-cheat-sheet-helpful-git-commands-with-examples/ #git #cheatsheet

Modern API Development with Node.js, Express, and TypeScript using Clean Architecture https://dev.to/dipakahirav/modern-api-development-with-nodejs-express-and-typescript-using-clean-architecture-1m77 --- Build Your Own Discord Bot: A Node.js Journey from Scratch https://dev.to/akramsakib/build-your-own-discord-bot-a-nodejs-journey-from-scratch-2l0e --- How to Read and Write Files with Node.js https://www.freecodecamp.org/news/how-to-read-and-write-files-with-nodejs/ #nodejs #bot #discord #express #mongodb #file #read

My Favorite JavaScript Method - Element closest() in 2 Minutes https://www.youtube.com/watch?v=5rup0pNcygU —- Drag and Drop with JavaScript https://www.youtube.com/watch?v=HBwTM9Ty32I #element #drag #drop #closest #array

Common Mistakes in Vue.js and How to Avoid Them | VueConf US 2024 https://www.youtube.com/watch?v=irX9XrrBIlc —- Image Optimization With Nuxt Image | Nuxt Course #8 https://www.youtube.com/watch?v=NptyUaPqxHY #vue #nuxt #image

Navigating Pages With NuxtLink | Nuxt Course #7 https://www.youtube.com/watch?v=dR8LCV6zt3c #vue #nuxtjs

DevOps Project: Production Level CI/CD Pipeline Project https://dev.to/prodevopsguytech/devops-project-production-level-cicd-pipeline-project-1iek #ci #cd #pipeline

An AI copilot for React and Next.js developers https://useglass.ai/ —- Getting Started with React Query: Efficient Data Fetching in React https://javascript.plainenglish.io/getting-started-with-react-query-efficient-data-fetching-in-react-517568fabe91 —- Tailwind Component Library https://www.tailbits.com/ —- React 19’s use Hook: The developer’s magic wand for handling async tasks https://blog.stackademic.com/react-19s-use-hook-the-developer-s-magic-wand-for-handling-async-tasks-aeffffd21131 —- Build a Semantic Search App with ONE simple function! | Next.js SingleStoreDB https://www.youtube.com/watch?v=bV3_u0p0cik —- #react #nextjs #glassjs

How To Setup Fingerprint Auth In JavaScript https://www.youtube.com/watch?v=viZs1iVsLpA —- Circular Navigation using CSS & Javascript https://www.youtube.com/watch?v=vYDWtGBhwPI -- How to Create A Color Picker Tool Using HTML, CSS, and JavaScript https://www.freecodecamp.org/news/create-color-picker-using-html-css-and-javascript/ --- How to Use Variables and Data Types in JavaScript – Explained With Code Examples https://www.freecodecamp.org/news/how-to-use-variables-and-data-types-in-javascript/ #fingerprint #auth #css #nav

How to Secure a Next.js AI Application Deployed on Vercel https://www.freecodecamp.org/news/how-to-secure-a-nextjs-ai-application-deployed-on-vercel/ --- Unlocking the Power of React 19: Grasp the New 'use' API https://dev.to/vyan/unlocking-the-power-of-react-19-grasp-the-new-use-api-4bdg --- Using Zod with TypeScript: A Guide for Frontend Developers https://dev.to/codeparrot/using-zod-with-typescript-a-guide-for-frontend-developers-3hfm --- Optimizing React Applications for Maximum Performance https://dev.to/surajondev/optimizing-react-applications-for-maximum-performance-5epm #react #nextjs #zod #typescript #vercel #performance

45 Visual Studio Code Shortcuts for Boosting Your Productivity https://www.sitepoint.com/visual-studio-code-keyboard-shortcuts/ #vscode #shortcuts

New in Chrome 128: line-breaks for the ruby element, Promise.try, and more https://www.youtube.com/watch?v=gpwdLX86wD8 #chrome #release

Modern API Development with Node.js, Express, and TypeScript using Clean Architecture https://dev.to/dipakahirav/modern-api-development-with-nodejs-express-and-typescript-using-clean-architecture-1m77 --- 7 Free APIs for Your Next Projects https://dev.to/vyan/7-free-apis-for-your-next-projects-50n3 --- Top 11 Open-Source API Documentation Tools https://dev.to/apilover/top-11-open-source-api-documentation-tools-272i --- Screw it! I've Developed My Own Static Site Generator! https://dev.to/shazin/screw-it-ive-developed-my-own-static-site-generator-27cd #nodejs #express #api

Node.js Toolbox Find actively maintained and popular libraries in the Node.js ecosystem https://nodejstoolbox.com/ #nodejs #toolbox

Next.js School Management Dashboard UI Design Tutorial | React Next.js Responsive Admin Dashboard https://www.youtube.com/watch?v=myYlGLFxZas #nextjs #react #school #management

What's the Difference between React and Next.js? https://www.freecodecamp.org/news/whats-the-difference-between-react-and-nextjs/ --- Exploring React: Unlocking the Power of Next.js https://dev.to/vyan/exploring-advanced-react-unlocking-the-power-of-nextjs-5e4m --- #react #nextjs

structuredClone(): The easiest way to deep copy objects in JavaScript https://medium.com/coding-beauty/structuredclone-js-c2180bf7900a —- Drop The If-Else If You Want Better Code Quality and Higher Flexibility https://medium.com/the-better-software-initiative/drop-the-if-else-if-you-want-better-code-quality-and-higher-flexibility-8a466fa49771 — javasTurbocharging Your JavaScript: Advanced Performance Optimization Techniques https://medium.com/@asierr/turbocharging-your-javascript-advanced-performance-optimization-techniques-9e93557d847e —- Vanilla Javascript Scratch Effects https://www.youtube.com/watch?v=WIsM2h6im1E —- #clone #performance #scratch

Tech Parents Do's and Don'ts for Teaching Your Kids Programming | VueConf US 2024 https://www.youtube.com/watch?v=kn4UZ80Lv3g —- Layouts | Nuxt Course #5 https://www.youtube.com/watch?v=olB9LkOVRXA —- My new favorite way to build apps https://www.youtube.com/watch?v=hlmPqDkc3_s #vue #nuxt #tips #component

Create a Custom Loading Screen in Your Angular App https://medium.com/@mrbriantreese/angular-tutorial-creating-a-custom-loading-screen-28c0f9dca098 —— Introducing @let in Angular https://blog.angular.dev/introducing-let-in-angular-686f9f383f0f #angular #loading #screen