JavaScript Indonesia Channel

JavaScript to React — Full Beginner Project https://www.youtube.com/watch?v=BHsM7EBrH80 —- #react #course

Guide to image overlays in CSS https://blog.logrocket.com/guide-image-overlays-css/ --- Using CSS Houdini to extend styling and layout capabilities https://blog.logrocket.com/css-houdini-extend-styling-layout-capabilities/ #css #overlay #houdini

How to Build a Stepper Component in React https://www.freecodecamp.org/news/build-a-stepper-component-in-react/ --- Analog.js vs. Next.js vs. SolidStart: Comparing modern meta-frameworks https://blog.logrocket.com/analog-js-next-js-solidstart-modern-meta-frameworks/ --- A Modern Approach to Next.js Development https://blog.bitsrc.io/a-modern-approach-to-next-js-development-0cf7d4357350 --- Dependency Handling Best Practices in a React Components https://blog.bitsrc.io/dependency-handling-in-react-e596c4567c89 --- #react #component #stepper #nextjs

Optimize Next.js with React Server Components: Best Practices & Pitfalls by Fernando Doglio https://www.youtube.com/watch?v=GHjSJ9OqdtQ #react #nextjs #server

Typescript for Angular developers https://dev.to/miasalazar/typescript-for-angular-developers-14ki --- Angular's Templates Don't Work the Way You Think They Do https://unicorn-utterances.com/posts/angular-templates-dont-work-how-you-think --- Leveraging TypeScript for domain-driven design https://blog.logrocket.com/typescript-domain-driven-design/ --- How to use import attributes in TypeScript and JavaScript https://blog.logrocket.com/import-attributes-typescript-javascript/ --- Objects Mapping 🤹 in JavaScript and TypeScript: Simplifying Data 🔡 Transformations ♻️ https://bootcamp.uxdesign.cc/objects-mapping-in-javascript-and-typescript-simplifying-data-transformations-%EF%B8%8F-8394892fecab —- Types vs. interfaces in TypeScript https://medium.com/@Evelyn.Taylor/types-vs-interfaces-in-typescript-1b306644ebb6 —- My Favorite TypeScript Trick/Pattern https://medium.com/@jakehockey10/my-favorite-typescript-trick-pattern-2664b2b3e28e —- What’s Fresh in TypeScript 5.3: Let’s Dive In! https://medium.com/@Evelyn.Taylor/whats-fresh-in-typescript-5-3-let-s-dive-in-cc2cf822012c —— #angular #typescript

CSS CheatSheet https://htmlcheatsheet.com/css/?ref=dailydev #css #cheatsheet

Building a Local Development Environment: Running a Next.js Full-Stack App with PostgreSQL and Minio S3 Using Docker https://dev.to/alexefimenko/building-a-local-development-environment-running-a-nextjs-full-stack-app-with-postgresql-and-minio-s3-using-docker-1e6m --- How Work with RESTful APIs in React https://www.freecodecamp.org/news/how-work-with-restful-apis-in-react-simplified-steps-and-practical-examples/ --- How to Use React Context in Your Project – Beginner's Guide https://www.freecodecamp.org/news/how-to-use-react-context/ --- A simple React template with Parcel and Bootstrap https://dev.to/lucassul/a-reactjs-template-with-parceljs-and-bootstrap-5-1pm5 --- 8 Tips for Debugging Next.js Applications https://levelup.gitconnected.com/8-tips-for-debugging-next-js-applications-73dc86bc3005 --- #react #nextjs #parcel #context

The JavaScript DOM Manipulation Handbook https://www.freecodecamp.org/news/the-javascript-dom-manipulation-handbook/ --- Understanding DOM Events and JavaScript Event Listeners https://www.freecodecamp.org/news/dom-events-and-javascript-event-listeners/ --- #dom #handbook

How to Code with AI https://www.freecodecamp.org/news/learn-to-code-without-being-a-coder/ #code #ai

Time Management and Productivity for Developers https://dev.to/ryrden/time-management-and-productivity-for-developers-3hp0 #time #productivity

Dcode - How to Create Your Own Context Menu with Icons Using HTML, CSS & JavaScript https://www.youtube.com/watch?v=3jMykB29rOI —- Kevin Powell - Create a clean, modern navigation with HTML & CSS https://www.youtube.com/watch?v=SkML640BcoA —- James Quick - ESSENTIAL JavaScript Extensions for VS Code in 2024 https://www.youtube.com/watch?v=oDlagfQ6HGs #extension #html #css #dcode #contextmenu #nav

How to Use New CSS Features to Build a Progress Indicator https://www.freecodecamp.org/news/use-new-css-features-to-build-a-progress-indicator/ --- How to Use CSS Flexbox to Break Elements Out of Their Containers https://www.freecodecamp.org/news/break-out-elements-from-containers-using-flexbox/ #css #flexbox #progress

From MidJourney V1 to V6: The Insane AI Evolution in Just 2 Years! https://levelup.gitconnected.com/from-midjourney-v1-to-v6-the-insane-ai-evolution-in-just-2-years-da0a74febc14 #ai #midjourney

Using Node File Router for file-based routing in Node.js https://blog.logrocket.com/using-node-file-router-file-based-routing-node-js/ --- Multithreading in Node.js with worker threads https://blog.logrocket.com/multithreading-node-js-worker-threads/ --- Solve The Asynchronous Exercises in a Simple Way https://javascript.plainenglish.io/solve-the-asynchronous-exercises-in-a-simple-way-a376cfb6e72a --- Top 9 JavaScript Concepts for Node Developers (2024) https://medium.com/@nicoletjunior/top-9-javascript-concepts-for-node-developers-2024-d09f07b1b0a3 —- How to Optimize Your Node.js API https://medium.com/@r.sipchenko/how-to-optimize-your-node-js-api-22b3d46334cc —- 8 Advanced Uses Of Promises You Should Know https://javascript.plainenglish.io/8-advanced-uses-of-promises-you-should-know-64a4f2341651 —- Why does the code in Promise execute before setTimeout? https://javascript.plainenglish.io/why-does-the-code-in-promise-execute-before-settimeout-96061b96b439 #nodejs #workerThread #router #async

Syncing Across Tabs: The JavaScript Magic You Didn't Know Existed! https://dev.to/bhumit070/syncing-across-tabs-the-javascript-magic-you-didnt-know-existed-a84 --- forEach() vs map() in JavaScript https://dev.to/codewithsharma/foreach-vs-map-in-javascript-41p6 --- JavaScript Clean Code: Best Practice https://javascript.plainenglish.io/javascript-clean-code-best-practice-000ebc23b435 --- 10 Interview Questions Every JavaScript Developer Should Know in 2024 https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-in-2024-c1044bcb0dfb --- How to Use Template Literals in JavaScript https://www.freecodecamp.org/news/template-literals-in-javascript/ --- Understanding the Signal Construct in JavaScript https://blog.bitsrc.io/signals-in-javascript-da119a632f6c --- #tabs #localstorage #async #template #literal #array #foreach #maps

10 common mistakes with the Next.js App Router https://www.youtube.com/watch?v=RBM03RihZVs #nextjs #router

How to Make a Clickable SVG Map With HTML and CSS https://www.freecodecamp.org/news/how-to-make-clickable-svg-map-html-css/ #html #css #svg

How to Build an Image Search App Using React – An In-Depth Tutorial https://www.freecodecamp.org/news/how-to-build-an-image-search-app-using-react/ --- How to Create Dynamic API Routes in Next.js https://www.freecodecamp.org/news/next-js-dynamic-api-routes/ --- An Introduction to React and the JAMstack Architecture https://javascript.plainenglish.io/an-introduction-to-react-and-the-jamstack-architecture-c5a90ee64756 --- How to Use React Context in Your Project – Beginner's Guide https://www.freecodecamp.org/news/how-to-use-react-context/ --- #react #image #nextjs #jamstack

Free WebDev and JS Bootcamps for 2024 – Learn HTML, CSS, and JavaScript https://www.freecodecamp.org/news/free-webdev-and-js-bootcamps/ --- Why I Personally Decided to Bet on JavaScript https://dev.to/gabriel-palhares/why-i-personally-decided-to-bet-on-javascript-fm2 --- Collect.js Tutorial – How to Work with JavaScript Arrays and Objects https://www.freecodecamp.org/news/work-with-javascript-arrays-objects-with-collect-js/ --- How to Use Template Literals in JavaScript https://www.freecodecamp.org/news/template-literals-in-javascript/ --- How to Create Links in HTML – Tutorial with Examples https://www.freecodecamp.org/news/html-links-explained-with-examples/ #bootcamp #webdev #book #handbook #learning #template #string

Gitting Things Done – A Visual and Practical Guide to Git https://www.freecodecamp.org/news/gitting-things-done-book/ #git #handbook