JavaScript Indonesia Channel

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 Master JavaScript Performance Optimization https://thenewstack.io/how-to-master-javascript-performance-optimization/ --- Working with Date in Javascript: new Date() vs Day.js vs Moment.js https://dev.to/syakirurahman/working-with-date-in-javascript-new-date-vs-dayjs-vs-momentjs-k01 --- Understanding target="_blank" https://dev.to/bridget_amana/understanding-targetblank-m12 --- How to Prevent Web API Attacks with Data Validation – Web API Security Guide https://www.freecodecamp.org/news/web-api-security-guide/ --- Web Storage API – How to Store Data on the Browser https://www.freecodecamp.org/news/web-storage-api-how-to-store-data-on-the-browser/ --- #array #object #webstorage #security

Angular Directive composition API + Signals = 💛 https://medium.com/@bmfyfz/angular-directive-composition-api-signals-ff5b87374a14 #angular #signals

Announcing RealWorld Angular https://dev.to/geromegrignon/announcing-realworld-angular-11l9 #angular #realworld

You Should Know These 7 CSS Responsive Sizing Features https://www.youtube.com/watch?v=1AyiCquK8zY —- Ink Cursor | CSS & JavaScript Unique Cursor Effects https://www.youtube.com/watch?v=BhevWwCkyoE #css #html #cursor

20 Super Useful CSS Animation Libraries https://dev.to/hosseinyazdi/20-super-useful-css-animation-libraries-59pc --- How to Create Custom CSS Animations with Examples https://www.freecodecamp.org/news/how-to-create-custom-css-animations/ #library #css #animation

How to Use pnpm – Installation and Common Commands https://www.freecodecamp.org/news/how-to-use-pnpm/ --- Improved error messaging for require(ESM) in Node.js https://www.zachleat.com/web/future-friendly-esm/ #nodejs #pnpm #esm

The Ultimate Guide to Frontend Development: Best Practices for Building Stellar Websites https://dev.to/vyan/the-ultimate-frontend-developers-playbook-8-game-changing-practices-for-killer-websites-n1b #learning #frontend

How to Optimize Next.js App Performance With Lazy Loading https://www.freecodecamp.org/news/next-js-performance-optimization/ --- Data Fetching with Server Actions in Next.js https://www.robinwieruch.de/next-server-actions-fetch-data/ #react #nextjs

Create a Chatbot in 30 Lines of JavaScript https://javascript.plainenglish.io/create-a-chatbot-in-30-lines-of-javascript-d8a345e09e36 #chatbot #ui

How to design user-friendly forms https://medium.com/yld-blog/how-to-design-user-friendly-forms-f71b37ec959e —- #forms

3 cool open-source UI Frontend Components Libraries https://dev.to/shreyvijayvargiya/3-cool-open-source-ui-frontend-components-libraries-eh8 #component #library

Meteor.js 3 is officially here! https://dev.to/meteor/meteor-3-is-officially-here-3gml #meteor #release

Mastering React Router DOM: Your Guide to Building Slick Single-Page Apps https://dev.to/vyan/mastering-react-router-dom-your-guide-to-building-slick-single-page-apps-5g3o --- Mind-blowing Features of React v19: All You Need To Know in 2024 https://javascript.plainenglish.io/mind-blowing-features-of-react-v19-all-you-need-to-know-in-2024-4ffb52767cef --- How to build a Private Link Sharing App Using Next.js https://dev.to/priyankarpal/how-to-build-a-private-link-sharing-app-using-nextjs-nap --- Writing Testable Code in React https://dev.to/marmariadev/writing-testable-code-in-react-jci --- Animating React Components with Framer Motion: A Comprehensive Guide https://dev.to/raajaryan/animating-react-components-with-framer-motion-a-comprehensive-guide-gle --- How to Build Synchronized Charts in React for Trade Analysis [Webinar Show Notes] https://www.syncfusion.com/blogs/post/synchronized-charts-react/amp?utm_source=jskicks&utm_medium=cpc&utm_campaign=react_tradeanalysis_bpnews #react #router #dom

Build Your Own Component Library, With Shadcn-vue | Vue.js Live 2024 https://www.youtube.com/watch?v=LtEvGQr7AZI #vue #shadcdn

Gitting Things Done – A Visual and Practical Guide to Git [Full Book] https://www.freecodecamp.org/news/gitting-things-done-book/ --- Good Commit ✔ VS. Bad Commit ❌: Best Practices for Git https://dev.to/sheraz4194/good-commit-vs-bad-commit-best-practices-for-git-1plc #git

Docs as Code: The Best Guide for Technical Writers https://dev.to/dumebii/docs-as-code-the-best-guide-for-technical-writers-97c #docs #guide #code

DevOps Monitoring and Automation Tool using Jenkins, Prometheus, Grafana and Docker https://dev.to/nigel_bomett/devops-monitoring-and-automation-tool-using-jenkins-prometheus-grafana-and-docker-m8n #devops #monitoring #grafana

8 Frontend Tools to Become a Better Developer https://medium.com/@hii_mohit/8-essential-tools-for-frontend-developers-in-2024-f2bdefe2f253 —- Kickstart your next website in minutes https://mambaui.com/?ref=dailydev —- #tools #ui

Preventing Clickjacking Attacks in JavaScript https://dev.to/rigalpatel001/preventing-clickjacking-attacks-in-javascript-39pj --- The JavaScript DOM Manipulation Handbook https://www.freecodecamp.org/news/the-javascript-dom-manipulation-handbook/ --- How to Build a Simple Bitcoin-to-USD Calculator https://www.freecodecamp.org/news/build-a-bitcoin-to-usd-calculator/ --- #clickjacking #dom #calculator

How To Remove From The Start of Arrays - JavaScript Shift (In 2 Mins) https://www.youtube.com/watch?v=FeeUiRHPsnU —- Why I *Almost* NEVER Use LET in JavaScript https://www.youtube.com/watch?v=w24IOYxtjxQ —- I Bet I Don’t Know How to Create a Deep Clone Without Mutation in JS/TS https://javascript.plainenglish.io/i-bet-i-dont-know-how-to-create-a-deep-clone-without-mutation-in-javascript-1b54428872f4 —- New Design | CSS Curve Outside Card UI Design with Hover Effect https://www.youtube.com/watch?v=s2RUx5X1tAo —- #array #clone #css #html