JavaScript Indonesia Channel

How to Code Using AI – ChatGPT Programming Course https://www.freecodecamp.org/news/learn-to-code-without-being-a-coder/ #chatgpt #ai

Learn SvelteKit and Tailwind CSS by Building a Web Portfolio https://www.freecodecamp.org/news/learn-sveltekit-and-tailwind-css-by-building-a-web-portfolio/ #svelte #portfolio

Taking on HTML & CSS challenges https://www.youtube.com/watch?v=wUZaFFMjVQw —- 3D Creative Menu Hover Effects using CSS & Vanilla-tilt.js https://www.youtube.com/watch?v=vnUNUU8ujio —- #html #css

5 Books Every Beginner Programmer Should Read https://blog.jetbrains.com/education/2024/07/19/5-books-every-beginner-programmer-should-read/ #book #learning

How to Use Template Literals in JavaScript https://www.freecodecamp.org/news/template-literals-in-javascript/ --- How to Learn JavaScript: Your Step-by-Step Guide for Beginners https://blog.jetbrains.com/webstorm/2024/07/how-to-learn-javascript/ --- #learning #template #literal

How I built a custom image file uploader https://dev.to/bolajibolajoko51/how-i-built-a-custom-image-file-uploader-5aje --- Understanding Javascript Closures (Without Breaking a Sweat!) https://dev.to/i-sultan0/understanding-javascript-closures-without-breaking-a-sweat-1d6d --- Better ways to use async functions in Javascript https://dev.to/adityabhattad/better-way-to-make-async-calls-calls-in-javascript-dag --- undefined vs not defined in JavaScript https://medium.com/front-end-weekly/undefined-vs-not-defined-in-javascript-8f4b41aeca54 --- #image #upload #undefined #notdefined #async #closure

Build a Real-time Voting App with React https://www.youtube.com/watch?v=aaMfTpow_X0 —- Fullstack Drag & Drop Notes App with React https://www.youtube.com/watch?v=yBThHM2pBbE —- Build Your Own Full-Stack ChatGPT App for Free with React, Express, MongoDB, and Google Gemini AI https://www.youtube.com/watch?v=8iAQ1h30n5I —- React Design Patterns https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb #react #nextjs #notes #voting #chatgpt #express #mongo

9 Software Architecture Patterns for Distributed Systems https://dev.to/somadevtoo/9-software-architecture-patterns-for-distributed-systems-2o86 #pattern #design

JavaScript Tutorial — Confirm Dialog on Webpage Close https://www.youtube.com/watch?v=WIgEEGfhOiQ #dcode #dialog #confirm

Top 6 React Hook Mistakes Beginners Make https://dev.to/markliu2013/top-6-react-hook-mistakes-beginners-make-1135 #react

Memcached Crash Course https://www.freecodecamp.org/news/memcached-crash-course/ #memcached #cache

How to Optimize Next.js App Performance With Lazy Loading https://www.freecodecamp.org/news/next-js-performance-optimization/ --- How to Use React's Context API – Tutorial with Examples https://www.freecodecamp.org/news/react-context-api-tutorial-examples/ --- How to Use React Context in Your Project – Beginner's Guide https://www.freecodecamp.org/news/how-to-use-react-context/ --- Learn React – A Guide to the Key Concepts https://www.freecodecamp.org/news/learn-react-key-concepts/ --- Building a Secure Employee Dashboard with Facial Authentication: A Comprehensive Next.js Tutorial https://dev.to/vyan/building-a-secure-employee-dashboard-with-facial-authentication-a-comprehensive-nextjs-tutorial-2c4g --- JWT Refresh with Axios Interceptors in React https://dev.to/ayon_ssp/jwt-refresh-with-axios-interceptors-in-react-2bnk --- #react #nextjs #axios #optimize #context #hook

Ambient Light Effects | CSS 3D Glowing Icon Animation Effects https://www.youtube.com/watch?v=6X6Hcq_xRGQ #html #css

Create a New Array of Objects — Array Fill — JavaScript In 2 Minutes https://www.youtube.com/watch?v=Xywztc3eupc #array #object

How To Debug React Apps Like A Senior Developer https://www.youtube.com/watch?v=l8knG0BPr-o —- Build and Deploy a Realtime Next.js App with Permissions and Notifications | TypeScript, Tailwind https://www.youtube.com/watch?v=y5vE8y_f_OM —- How to Create a Date and Time Picker Form | Next.js & Shadcn https://www.youtube.com/watch?v=NJRvABjsE6E —- Understanding SSR with Hydration: Pros, Cons, and Scenarios for Software Architects https://www.workingsoftware.dev/understanding-ssr-with-hydration-for-software-architects/ —- How Zustand Was Born https://blog.axlight.com/posts/how-zustand-was-born/ —- React Form Button https://www.robinwieruch.de/react-form-button —- #react #debug #zustand #ssr #timepicker #notification

Create 24 CSS Projects https://www.freecodecamp.org/news/create-24-css-projects/ --- How to Create Links in HTML – Tutorial with Examples https://www.freecodecamp.org/news/html-links-explained-with-examples/ #css #html

JavaScript Event Loop: A Deep Dive https://dev.to/mdhassanpatwary/javascript-event-loop-a-deep-dive-2289 --- Advanced JavaScript Operators – Nullish Coalescing, Optional Chaining, and Destructuring Assignment https://www.freecodecamp.org/news/javascript-advanced-operators/ --- How to Implement Pagination with JavaScript https://dev.to/huericnan/how-to-implement-pagination-with-javascript-5066 --- Learn JavaScript Reactivity: How to Build Signals from Scratch https://www.freecodecamp.org/news/learn-javascript-reactivity-build-signals-from-scratch/ --- What's new in Web Dev this month? https://dev.to/mursalfk/whats-new-in-web-dev-this-month-1al8 --- Detecting Browser DevTools: A Guide to devtools-detect https://dev.to/sh20raj/detecting-browser-devtools-a-guide-to-devtools-detect-4kgd --- ChatPlus is an Open Source PWA that provides the experience of using a mobile app. https://dev.to/aladinyo/chatplus-is-an-open-source-pwa-that-provides-the-experience-of-using-a-mobile-app-22nk --- #eventloop #devtools #signals #pagination #eventloop

How to build a full stack blog application using NodeJS MongoDB ExpressJS https://dev.to/codewithsadee/how-to-build-a-full-stack-blog-application-using-nodejs-mongodb-expressjs-4mkj --- How to Use Server-Side Rendering in Next.js Apps for Better SEO https://www.freecodecamp.org/news/server-side-rendering-in-next-js-for-improved-seo/ --- Form-based Dataverse Web Resources with React, Typescript and FluentUI https://dev.to/_neronotte/form-based-dataverse-web-resources-with-react-typescript-and-fluentui-1d44 --- Mastering React: A Developer's Guide to Structuring Your Frontend Code https://dev.to/vyan/mastering-react-a-developers-guide-to-structuring-your-frontend-code-45a5 --- Top 15 Animation Libraries for React & Modern Javascript Apps https://dev.to/syakirurahman/top-15-animation-libraries-for-react-modern-javascript-apps-2i9m ---- How to Create Tables Using the React-Data-Table-Component Library in React & TypeScript https://www.freecodecamp.org/news/create-tables-using-the-react-datatable-component-library/ --- 8 Game-Changing ReactJS Shortcuts for Writing Clean Code in 2024 https://dev.to/vyan/8-game-changing-reactjs-shortcuts-for-writing-clean-code-in-2024-5a21 --- #mern #nodejs #react #nextjs #cleancode #table #datatable #ssr #mongodb

Create a Spotify Playlist Generator with Arcjet Protection https://dev.to/arindam_1729/create-a-spotify-playlist-generator-with-arcjet-protection-2j93 --- Mastering NestJS: Building Robust Applications with Core Concepts https://dev.to/vyan/mastering-nestjs-building-robust-applications-with-core-concepts-5gm3 #nodejs #nest #playlist

How to Structure Your Backend Code in Node.js (Express.js) https://dev.to/vyan/how-to-structure-your-backend-code-in-nodejs-expressjs-2bdd?context=digest #nodejs #express #structure