JavaScript Indonesia Channel

A Smart Way to Loop Over Arrays - JavaScript For Of in 2 Minutes https://www.youtube.com/watch?v=TOE8Ncs-HLA —- Next Level Lightsaber | Glowing Neon Light Text Reveal Animation Effects https://www.youtube.com/watch?v=ljg7LbRdZmk #array #css #neon

Tailwind Generator https://tailwind-generator.com/generators #css #tailwind

Beginner's Guide: Creating a Real-Time Chat App with Next.js and WebSockets https://dev.to/manjushsh/beginners-guide-creating-a-real-time-chat-app-with-nextjs-and-websockets-1fol --- Relative Vs Dynamic Routing in React – Different Routing Methods with Examples https://www.freecodecamp.org/news/relative-vs-dynamic-routing-in-react/ --- Custom React hook to sync state with the URL https://dev.to/mr_mornin_star/custom-react-hook-to-sync-state-with-the-url-4b6p #hooks #routing #nextjs #react #socket

Nuxt Course #2 | Creating a Nuxt App & File Directory Structure https://www.youtube.com/watch?v=Uo59GMJusUI #vue #nuxtjs #course

Boolean() vs !! in JavaScript: The Ultimate Guide to Truthy and Falsy https://www.youtube.com/watch?v=wIOhWeJ1X1E --- How to Match Parentheses in JavaScript without Using Regex https://www.freecodecamp.org/news/how-to-match-parentheses-in-javascript-without-using-regex/ --- JavaScript design patterns guide https://dev.to/logrocket/javascript-design-patterns-guide-3p8k --- Learn JavaScript Basics by Building a Counter Application https://www.freecodecamp.org/news/learn-javascript-by-building-a-project/ --- #boolean #learn #design #pattern #regex

Machine Learning in JavaScript with ml5.js https://www.youtube.com/watch?v=ECotpcPCTaU #machine #learning #nodejs

Nuxt Course #1 | What is Nuxt? https://www.youtube.com/watch?v=vq94izZSRb0 —- Improving the Performance of Vue Sites with Tree Shaking https://blog.openreplay.com/improving-performance-of-vue-sites-with-tree-shaking/ #vue #nuxtjs

Cursor Trail Effect using JavaScript https://www.youtube.com/watch?v=BdA39BaoNgU —- Understanding the Difference Between reverse() and toReversed() in JavaScript https://javascript.plainenglish.io/understanding-the-difference-between-reverse-and-toreversed-in-javascript-595b4a7eacbd —- #cursor #reverse #toReversed

I Built an Event Scheduler in NodeJs using Google Calendar API https://dev.to/arindam_1729/i-built-an-event-scheduler-in-nodejs-using-google-calendar-api-4c5b --- Learn WebSockets with Socket.IO https://www.freecodecamp.org/news/learn-websockets-socket-io/ --- How CORS actually works behind the scenes https://dev.to/shanu001x/how-cors-actually-works-behind-the-scenes-5304 --- How to Perform CRUD Operations – JavaScript and SQL Example https://www.freecodecamp.org/news/how-to-perform-crud-operations-js-and-sql/ #nodejs #cors #calendar #sql

Ultimate Guide To Web Scraping - Node.js & Python (Puppeteer & Beautiful Soup) https://www.youtube.com/watch?v=XMu46BRPLqA #traversyMedia #nodejs #python

How To Write Better Tests In 6 Easy Steps https://www.youtube.com/watch?v=FcHUPqKRvxQ #testing #unit

Vue.js Hydration Demystified | VueConf US 2024 https://www.youtube.com/watch?v=LdbHmSKp-88 #vue #vueconf #hydration

Master CSS Overflow/Text Wrapping Like A Senior Developer https://www.youtube.com/watch?v=6m3ZmlgfZlA —- 3 CSS Animation Effects https://www.youtube.com/watch?v=tdO_xM8Q9Xo —- #css #overflow #text #animation

Top 10 Flutter Repositories On GitHub In 2024 https://medium.com/solute-labs/top-10-flutter-repositories-on-github-in-2024-423807d1213b

How to Optimize Your CSS Code for Faster Web Pages https://www.freecodecamp.org/news/how-to-optimize-your-css-code-for-faster-web-pages/ #css #webpage

How to Host Your Project on GitHub – Explained With Examples https://www.freecodecamp.org/news/host-your-first-project-on-github/ --- Writing meaningful Git commit messages with semantic tags https://dev.to/ghostaram/writing-meaningful-git-commit-messages-with-semantic-tags-1dim #github #commit

How to Use JavaScript Arrow Functions – Explained in Detail https://www.freecodecamp.org/news/javascript-arrow-functions-in-depth/ --- How to Create HTML Accordion Elements With and Without JavaScript https://www.freecodecamp.org/news/create-html-accordions-with-and-without-javascript/ --- Top design patterns for frontend https://dev.to/superviz/top-design-patterns-for-frontend-1bk5 --- 12 Best JavaScript Animation Libraries to Supercharge Your Web Projects in 2024 https://dev.to/vyan/12-best-javascript-animation-libraries-to-supercharge-your-web-projects-in-2024-21ka #arrow #animation #library #function #design #pattern

101 React Tips & Tricks For Beginners To Experts https://dev.to/_ndeyefatoudiop/101-react-tips-tricks-for-beginners-to-experts-4m11 —- 8 Great React Project Startup Tools Recommended! https://javascript.plainenglish.io/8-great-react-project-startup-tools-recommended-ce59a3f631b5 —- Part 2/3: How to Integrate Refresh Tokens in React https://rabbitbyte.club/how-to-integrate-refresh-tokens-in-react-app —- Data visualization in React with D3.js https://javascript.plainenglish.io/data-visualization-in-react-with-d3-js-fcac6ac8c0b1 —- #react #d3 #visualization #tips #learning #token

Common React Mistakes to Avoid https://www.freecodecamp.org/news/react-common-mistakes/ --- How to Dockerize a React Application https://dev.to/sh20raj/how-to-dockerize-a-react-application-19kc #react #docker

Learn TypeScript – A Comprehensive Guide for Beginners https://www.freecodecamp.org/news/typescript-for-beginners-guide/ #typescript #guide