JavaScript Indonesia Channel

CSS Units – When to Use rem, em, px, and More https://www.freecodecamp.org/news/css-units-when-to-use-each-one/ --- Building Responsive Design Using Viewport CSS Units https://dev.to/antonmartyniuk/building-responsive-design-using-viewport-css-units-4gne --- Stunning HTML & CSS Card Animation Tutorial on Hover https://dev.to/robsonmuniz16/stunning-html-css-card-animation-tutorial-on-hover-1lci #css #unit #viewport #responsive #animation #card

12 Best Practices for Writing Asynchronous JavaScript Like a Pro https://javascript.plainenglish.io/12-best-practices-for-writing-asynchronous-javascript-like-a-pro-5ac4cb95d3c8 #async #await

How to Improve the Accessibility of Strapi-Powered Websites https://strapi.medium.com/how-to-improve-the-accessibility-of-strapi-powered-websites-86a865df1a2a #strapi #accessibility

30+ app ideas with complete source code https://dev.to/copilotkit/30-app-ideas-with-complete-source-code-5f76?context=digest #idea #app

Learn WebSockets with Socket.IO https://www.freecodecamp.org/news/learn-websockets-socket-io/ --- #nodejs #socketio

Build and deploy a REST API with Postgres database in TypeScript https://dev.to/encore/build-and-deploy-a-rest-api-with-postgres-database-in-typescript-2h0n?context=digest #nodejs #rest #postgre #typescript

3 Magic Text Scrolling Animation Effects using CSS & Javascript https://www.youtube.com/watch?v=8pO4u3SoYo4 —- Glassmorphism button effect with mouse tracking // HTML, CSS & JS tutorial https://www.youtube.com/watch?v=XJt2_NNnRms —- Make HTML 5 Games — Side-Scroller Game Tutorial https://levelup.gitconnected.com/make-html-5-games-side-scroller-game-tutorial-79e4fe894c8f —- #html #css #animation #glassmorphism

React DND Kit: Creating Vertical Sortable Lists Tutorial https://www.youtube.com/watch?v=wmk50PEsVrs —- Implementing Password Strength Checks, Password Recovery, and Email Handling with Next.js 14, NextAuth.js, and Resend https://javascript.plainenglish.io/implementing-password-strength-checks-password-recovery-and-email-handling-with-next-js-562504f67e24 —- #react #sort #list #nextjs #email #password

Two-Way Binding Just Got Much Simpler! https://www.youtube.com/watch?v=GzhhOfEdwZY #vue

Building Enterprise Angular Applications with Domain Driven Design https://medium.com/@jonatan.melzer/building-enterprise-angular-applications-with-domain-driven-design-a9079d6a9420 #angular #domain #driven #pattern

5 Developer Communities You Must Join in 2024 https://dev.to/arindam_1729/5-developer-communities-you-must-join-in-2024-2afa?context=digest #dev #community

How to Add Custom Buttons to a Date Picker in Flatpickr https://www.freecodecamp.org/news/how-to-add-custom-buttons-to-flatpickr/ #button #picker #date #flatpickr

How I write Commits like a pro https://dev.to/phukon/how-i-write-commits-like-a-pro-340l?context=digest #git #commit

Boost Productivity & Quality: Essential VS Code Extensions https://dev.to/saloniagrawal/boost-productivity-quality-essential-vs-code-extensions-18oj?context=digest #vscode #code #extensions

How to Build a Blog with Astro, Strapi, and Tailwind CSS https://medium.com/strapi/how-to-build-a-blog-with-astro-strapi-and-tailwind-css-010a2c4e6cf0 #astro #strapi #tailwind

Quick Tip: How to Animate Text Gradients and Patterns in CSS https://www.sitepoint.com/css-animate-text-gradients-patterns/ —- 21 HTML Tips You Must Know About https://blog.stackademic.com/21-html-tips-you-must-know-about-f771c05713c0 #html #css #animation #text #gradient

53 JavaScript Frontend Interview Questions https://medium.com/@adarshrai3011/53-javascript-frontend-interview-questions-e6013116eaa0 —- Someone finally fixed Javascript https://dev.to/almaju/someone-finally-fixed-javascript-426i?context=digest —- Implementing JavaScript Concepts from Scratch https://dev.to/antonzo/implementing-javascript-concepts-from-scratch-4623?context=digest —- #frontend #concept

Exploring Server Actions with Next.js https://www.robinwieruch.de/next-server-actions/ --- Add rate limits to NextJS APIs https://dev.to/sh20raj/add-rate-limits-to-nextjs-apis-35ma --- How to Deploy a Next.js App Using Fly.io and Tigris https://www.freecodecamp.org/news/how-to-deploy-a-nextjs-app-with-fly-io-and-tigris/ --- How to Build a Dynamic Dropdown Component in React – React Compound Component Pattern Explained https://www.freecodecamp.org/news/build-a-dynamic-dropdown-component/ #react #nextjs #dropdown #deploy #limit #date #server

How to implement HLS Video Streaming in a React App https://dev.to/indranilchutia/how-to-implement-hls-video-streaming-in-a-react-app-2cki?context=digest —- Build an AI-powered blogging platform (Next.js, Langchain & CopilotKit) https://dev.to/copilotkit/how-to-build-an-ai-powered-blogging-platform-nextjs-langchain-supabase-1hdp?context=digest —- React Crazy: This AI library transformed my app to the next level https://dev.to/github20k/react-crazy-this-ai-library-transformed-my-app-to-the-next-level-b4i?context=digest —- How to build: a v0.dev clone (Next.js, GPT4 & CopilotKit) https://dev.to/copilotkit/i-created-a-v0-clone-with-nextjs-gpt4-copilotkit-3cmb —- Organizing Code in a React Component https://dev.to/itswillt/organizing-code-in-a-react-component-4coa?context=digest —- #react #component #hls #stream #nextjs #blog