JavaScript Indonesia Channel

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

Angular 18: The Power of Standalone Components https://medium.com/@vishalini.sharma/angular-18-the-power-of-standalone-components-0880edd98c25

How ts-pattern can improve your code readability? https://dev.to/tauantcamargo/how-ts-pattern-can-improve-your-code-readability-37dd #typescript

Do You Still Use Git in the Terminal? https://dev.to/jimmymcbride/do-you-still-use-git-in-the-terminal-2n7a #git

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/ — 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/ —- How to Use Chart js for Interactive Data Visualization https://www.freecodecamp.org/news/how-to-use-chart-js-for-interactive-data-visualization/ —- How to Build an Expense Tracker with HTML, CSS, and JavaScript https://www.freecodecamp.org/news/how-to-build-an-expense-tracker-with-html-css-and-javascript/ —- How to Handle Side Effects in Jest – A Guide to Effective Mocking https://www.freecodecamp.org/news/how-to-handle-side-effects-in-jest/ —- Enhancing Web Performance with Event Delegation https://blog.openreplay.com/enhancing-web-performance-with-event-delegation/ —-

Securing Node.js in Production https://medium.com/@modywmbadr/securing-node-js-in-production-f11822ab20b7 —- New: Built-In TypeScript Support In Node.js — Finally https://medium.com/coding-beauty/new-node-typescript-support-e0cfcdede6ac —- 10 Advanced JavaScript Tricks You Don’t Know https://medium.com/@bjprajapati381/10-advanced-javascript-tricks-you-dont-know-f1929e40703d —— ECMAScript 2024 (ES15) is Coming: 5 New JS Features You Can’t Miss https://javascript.plainenglish.io/ecmascript-2024-es15-is-coming-5-new-js-features-you-cant-miss-0d2833a53cfc

The Future of Front-End Development: 🚀🎨 Not Just Buttons and CSS https://medium.com/nerd-for-tech/the-future-of-front-end-development-not-just-buttons-and-css-4fe4691dc8b7 #css #button

7 BEST VS Code Extensions for Faster Development — 2024 Edition https://dev.to/best_codes/7-best-vs-code-extensions-for-faster-development-2024-edition-3j56 #vscode #extension