JavaScript Indonesia Channel

Button Ripple Effect on Click Using CSS3 & Vanilla Javascript https://www.youtube.com/watch?v=uNd1xutQ20g —- Implementing a Promise Polyfill in JavaScript https://javascript.plainenglish.io/implementing-a-promise-polyfill-in-javascript-060ae6c63340 —- Top 10 JavaScript Myths: Did You Believe These Too? https://levelup.gitconnected.com/top-10-javascript-myths-did-you-believe-these-too-e15b045487d0 —- 15 Essential JavaScript Array Functions https://javascript.plainenglish.io/15-essential-javascript-array-functions-7489ee23b374 —-

CSS Custom Triangle Shape Checkbox Button | Html CSS https://www.youtube.com/watch?v=XpRYYobzBV0 —- Two CSS Properties for Trimming Text Box Whitespace https://css-tricks.com/two-css-properties-for-trimming-text-box-whitespace/ —- 7 Old-School Practices in HTML Should Be Avoided https://dev.to/bogdanfromkyiv/7-old-school-practices-in-html-should-be-avoided-3o75

React 19 Cheat Sheet https://www.epicreact.dev/react-19-cheatsheeta

Why do React components need to start with capital letters? https://dev.to/bhataasim/why-do-react-components-need-to-start-with-capital-letters-4c8k --- Mastering React: A Guide to the Most Important React Hooks https://dev.to/harshanalk/mastering-react-a-guide-to-the-most-important-react-hooks-25dg --- How To Create a Progressive Web App (PWA) Using Next.js https://www.freecodecamp.org/news/how-to-create-a-nextjs-pwa/ --- How to Build an AI-enhanced Task App with React and Appwrite https://www.freecodecamp.org/news/how-to-build-a-task-app/ --- Understanding and Using the .env File in React https://dev.to/vyan/understanding-and-using-the-env-file-in-react-5f2p --- How to Use the React Context API in Your Projects https://www.freecodecamp.org/news/context-api-in-react/ ---

Appwrite Database Tutorial #1 - Intro & Setup https://www.youtube.com/watch?v=HGlBpna17LQ&list=PL4cUxeGkcC9gXxY0nrh9N4CYHtwnoHjV2&index=1 —- React 19 Cheat Sheet https://www.epicreact.dev/react-19-cheatsheeta —-

Turbocharged Javascript with hand crafted WASM | VueConf US 2024 https://www.youtube.com/watch?v=MO4zF8cKgKg —- AI and the Future of Testing | VueConf US 2024 https://www.youtube.com/watch?v=L65-etc-ko4 —-

Will Deno 2.0 Replace Node.js? https://www.youtube.com/watch?v=pjtQLQ4X4Tw —- Deno 2 is here… will it actually kill Node.js this time? https://www.youtube.com/watch?v=pcC4Dr6Wj2Q —- If You Can Answer These 7 Questions Correctly You’re Decent at JavaScript https://levelup.gitconnected.com/if-you-can-answer-these-7-questions-correctly-youre-decent-at-javascript-71e0ce9d7ac9 —- Don’t Make These Mistakes as a JavaScript Developer or Your Application Performance Will Suffer https://javascript.plainenglish.io/dont-make-these-mistakes-as-a-javascript-developer-or-your-application-performance-will-suffer-1f0293ded126 —-

Minification in JavaScript: Making Sites Lighter https://blog.openreplay.com/minification-in-javascript--making-sites-smaller/ —- The 5 most transformative JavaScript features from ES12 https://medium.com/coding-beauty/best-es12-js-features-0d45be551fac —- Level Up Coding: Write a Tic Tac Toe game in JavaScript https://javascript.plainenglish.io/level-up-coding-write-a-tic-tac-toe-game-in-javascript-b9ff8ca61076 —-

CSS in Emails: Crafting Cross-Client Compatible Layouts https://blog.openreplay.com/css-in-emails--crafting-cross-client-compatible-layouts/ —- CSS in Emails: Crafting Cross-Client Compatible Layouts https://blog.openreplay.com/css-in-emails--crafting-cross-client-compatible-layouts/

How To Create a Progressive Web App (PWA) Using Next.js https://www.freecodecamp.org/news/how-to-create-a-nextjs-pwa/ —- Style your Toast Messages with React Toastify https://blog.openreplay.com/style-your-toast-messages-with-react-toastify/ —- Clean React with TypeScript https://weser.io/blog/clean-react-with-typescript —- SPA Lazy Loading Pitfalls https://reacttraining.com/blog/spa-lazy-loading-pitfalls —- Building a Micro Frontend Application with Next.js 14.2 and Tailwind CSS — Part-IV https://javascript.plainenglish.io/building-a-micro-frontend-application-with-next-js-14-2-and-tailwind-css-part-iv-ad787ceabfc5 —-

Build a SaaS App Landing Page in 3 Hours https://www.youtube.com/watch?v=ukiGFmZ32YA —- Next.js Full-Stack School Management App Full Tutorial | Role Based School Dashboard Project https://www.youtube.com/watch?v=6sfiAyKy8Jo

Boilerplate for your Node projects with Express https://baguilar6174.medium.com/boilerplate-for-your-node-projects-with-express-add98ea89c9f

Simple, Clean Portfolio Built Using HTML, Tailwind CSS & Deployed on Vercel https://dev.to/vuelancer/simple-portfolio-using-tailwind-html-7dp --- Why HTML has both <b / i> and <strong / em>? https://dev.to/mustapha/why-html-has-both-b-i-and-strong-em-4k5c

React Mindset: How New React Developers Should Think https://dev.to/ymir/react-mindset-how-new-react-developers-should-think-2cap --- How to Set Up ESLint, Prettier, StyleLint, and lint-staged in Next.js https://www.freecodecamp.org/news/how-to-set-up-eslint-prettier-stylelint-and-lint-staged-in-nextjs/ --- Building an Interactive 3D Rocket Easter Egg with React Three Fiber https://dev.to/zerodays/building-an-interactive-3d-rocket-easter-egg-with-react-three-fiber-4pc

Rethinking CSS in JS https://dev.to/black7375/rethinking-css-in-js-5dip --- How to Use CSS to Improve Web Accessibility https://www.freecodecamp.org/news/how-to-use-css-to-improve-web-accessibility/ --- CSS Fluid Typography: A Guide to Using clamp() for Scalable Text https://dev.to/devyoma/css-fluid-typography-a-guide-to-using-clamp-for-scalable-text-293o

Best 5 Chrome Extensions for Bug Reporting in 2024 https://blog.openreplay.com/best-5-chrome-extensions-for-bug-reporting/ —- Best 5 Chrome Extensions Every Product Manager Needs https://blog.openreplay.com/best-5-chrome-extensions-for-product-managers/ —- Top 5 Collaboration Tools Every Remote Team Needs in 2024 https://blog.openreplay.com/top-5-collaboration-tools-for-remote-teams/

HTMX 2.0 is here: Everything you must know about it https://blog.openreplay.com/htmx-2-0-is-here/ #htmx

How to Use the JavaScript Selection API: Build a Rich Text Editor and Real-Time Element Detection https://www.freecodecamp.org/news/use-the-javascript-selection-api-to-build-a-rich-text-editor/ --- Understanding Local Storage in JavaScript https://javascript.plainenglish.io/understanding-local-storage-in-javascript-28058f51c181 --- JavaScript Timer – How to Set a Timer Function in JS https://www.freecodecamp.org/news/javascript-timer-how-to-set-a-timer-function-in-js/ --- JavaScript Node: A Tool for Creating Machine Learning Models https://readwrite.com/javascript-node/ --- Javascript DOM vs BOM! https://dev.to/alishgiri/javascript-dom-vs-bom-30ce --- How to Code a Simple Game and Host it on Your Website https://www.freecodecamp.org/news/how-to-code-a-simple-game/

Vitest: a powerful testing framework for Vite https://blog.openreplay.com/vite--a-powerful-testing-framework-for-vite/

10 CSS Tricks That Will Make You Look Like a Design Pro https://medium.com/@arnoldgunter/10-css-tricks-that-will-make-you-look-like-a-design-pro-06af32d02582