JavaScript Indonesia Channel

Learn Accessibility - Full a11y Tutorial https://www.youtube.com/watch?v=e2nkq3h1P68 #a11y #learn

JavaScript Game Dev Tutorial – Build Gorillas with HTML Canvas + JavaScript https://www.freecodecamp.org/news/gorillas-game-in-javascript/ --- What are Falsy Values in JavaScript? Explained with Examples https://www.freecodecamp.org/news/what-are-falsey-values-in-javascript/ --- Learn JavaScript Basics by Building a Counter Application https://www.freecodecamp.org/news/learn-javascript-by-building-a-project/ --- The Power of Optional Chaining in JavaScript https://javascript.plainenglish.io/the-power-of-optional-chaining-in-javascript-a2fda6b33ea9 --- JavaScript Basics – How to Work with Strings, Arrays, and Objects in JS https://www.freecodecamp.org/news/javascript-basics-strings-arrays-objects/ --- 3 fundamental concepts in Javascript OOP https://dev.to/junlow/3-fundamental-concepts-in-javascript-oop-12fn —- Why Developers Should Stop Using ISO 8601 for Date-Time https://robinpokorny.medium.com/why-developers-should-stop-using-iso-8601-for-date-time-e6ee5fc8ad87 —- #gamedev #game #canvas #date #iso #falsy

In January 2024, we added more than 10 new features – read more on our blog: https://telegram.org/blog/new-saved-messages-and-9-more January Features 1 • 2 • 3 • 4 • 5 • 6 • 7 • 8 • More

Saved in Shared Media. Every chat has a shared media section on its profile page. This update adds a 'Saved' tab to shared media, containing any messages that you've forwarded to your Saved Messages. January Features 1 • 2 • 3 • 4 • 5 • 6 • 7 • 8 • More

How To Actually Get Hired In 2024 https://www.youtube.com/watch?v=a6IIhwZv4ls #webdevsimplified

How To Create Responsive Image Slider In HTML CSS & Javascript https://www.youtube.com/watch?v=tthIRPzN61Y —- nth-child() vs nth-of-type() Selectors in CSS – What’s the Difference? https://www.freecodecamp.org/news/nth-child-vs-nth-of-type-selector-in-css/ —- How to Use the <input> Element to Access a Mobile Device's Camera https://www.freecodecamp.org/news/how-to-use-input-element-to-access-camera-on-mobile/ —- #css #image #slider #html #input #selector

9 best Git-based CMS platforms for your next project https://blog.logrocket.com/9-best-git-based-cms-platforms/ #git #cms

Most Common Software Architecture Styles https://medium.com/@techworldwithmilan/most-common-software-architecture-styles-86881d779683 #architecture #style

How to Build an Admin Dashboard with React https://www.freecodecamp.org/news/build-admin-dashboard-react/ --- Building a custom compositional API with React Aria https://blog.logrocket.com/custom-compositional-api-react-aria/ —- Developing a responsive mega menu in React https://blog.logrocket.com/developing-responsive-mega-menu-react/ —— Authentication with React Router v6: A complete guide https://blog.logrocket.com/authentication-react-router-v6/ —- Creating an AI photo generator and editing app with React https://blog.logrocket.com/creating-ai-photo-generator-editing-app-react/ —- How to Implement Dynamic Segments with useParams in React Router https://www.freecodecamp.org/news/use-dynamic-segments-in-react-router/ —- #react #nextjs #router #editing #image

The Dark Side of React Data Loading https://www.youtube.com/watch?v=PeaDEbfYKz4 —- How I Handle Code Reviews in React: Code Review Checklist https://javascript.plainenglish.io/how-i-handle-code-reviews-in-react-code-review-checklist-a106a16fb172 —- #react #codereview

Build an off-canvas menu with <dialog> and web components https://blog.logrocket.com/build-off-canvas-menu-web-components/ —- #menu #dialog #html

Recommend 10 Awesome Web Resources to Frontend Colleagues https://levelup.gitconnected.com/recommend-10-awesome-web-resources-to-frontend-colleagues-ff4ac39a5040 #resource #assets

Creating an AI photo generator and editing app with React https://blog.logrocket.com/creating-ai-photo-generator-editing-app-react/ —- React onClick event handlers: A complete guide https://blog.logrocket.com/react-onclick-event-handlers-guide/ —- Developing a responsive mega menu in React https://blog.logrocket.com/developing-responsive-mega-menu-react/ —- Building An Infinite Select Dropdown Component With React https://blog.openreplay.com/infinite-select-dropdown-select-component-with-react/ #react #AI #select #dropdown #megamenu

How to Add Scrolling & Sticky Headers to HTML Tables with CSS https://www.youtube.com/watch?v=uMtyxRSqxIk —- Learn how to use Media queries & Container queries https://www.youtube.com/watch?v=2rlWBZ17Wes —- #css #html #container #query #table

All About Dynamic Routing In Single Page Applications (SPAs) https://blog.openreplay.com/dynamic-routing-in-single-page-applications/ #spa #routing #dynamic

Mastering Web Animations: Common Mistakes And Best Practices https://blog.openreplay.com/mastering-web-animations/ #css #animation #mistake

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/ —- 10 lesser known CSS tricks https://medium.com/@creativebyte/10-lesser-known-css-tricks-259197d9aced —- Less Common HTML Tags You Should Know – With Example Code https://www.freecodecamp.org/news/less-common-html-tags/ —- Mastering Tailwind CSS: Overcoming Common Challenges And Doing Debugging https://blog.openreplay.com/mastering-tailwind-css/ —- Responsive Design On Steroids: CSS Container Queries https://blog.openreplay.com/container-queries-for-responsive-design/ —- How to make Perfect Rounded Corner Border-radius | CSS tips https://www.youtube.com/watch?v=75CoeFpO374 #css #html #container #query #tailwind #onlineTutorials

This Vue 3 Component Pattern is Fire 🔥🔥🔥 (and you should use it!) https://www.youtube.com/watch?v=zBhAtGt8FDk —- Understanding Layouts In Nuxt.Js https://blog.openreplay.com/layouts-in-nuxt/ —- Improving Vue.Js Drag-And-Drop File Uploading https://blog.openreplay.com/vue-custom-drag-and-drop-file-uploading/ —- #vue #nuxtjs

How to Sort an Array of Objects by Property Name in JavaScript https://www.freecodecamp.org/news/how-to-sort-array-of-objects-by-property-name-in-javascript/ —- Unraveling JavaScript Prototype Pollution: Understanding and Prevention https://javascript.plainenglish.io/unraveling-javascript-prototype-pollution-understanding-and-prevention-0c44a26a9df5 —- JavaScript — What’s new with ECMAScript® 2024 (ES15) — In Depth Guide https://medium.com/@yourfuse/javascript-whats-new-with-ecmascript-2024-es15-ef056d2f4bf1 —- Master JavaScript Generators: 5 Practical Use Cases https://javascript.plainenglish.io/javascript-generators-e4cdaa02839a —- How to Set Up Authentication in Your Apps with Supabase Auth https://www.freecodecamp.org/news/set-up-authentication-in-apps-with-supabase/ —- Forever Functional: Optimizing JavaScript... Which Way? https://blog.openreplay.com/forever-functional-optimizing-js/ —- #array #functional #supabase #auth #generators #sort #array #es2024

Beginner Web Dev Tutorial – Build a Weather App with Next.js & TypeScript https://www.freecodecamp.org/news/beginner-web-dev-tutorial-build-a-weather-app-with-next-js-typescript/ —- Build a Real-Time Miro Clone With Nextjs, React, Tailwind (2024) https://www.youtube.com/watch?v=ADJKbuayubE —- Build and Deploy an Ecommerce Site with Next.js, Tailwind CSS, Prisma, Vercel, and daisyUI https://www.freecodecamp.org/news/ecommerce-site-with-next-js-tailwind-daisyui-course/ --- Code and Deploy an Instagram Clone with React and Firebase https://www.freecodecamp.org/news/code-and-deploy-an-instagram-clone-with-react-and-firebase/ --- Vite vs Create React App in 2024 https://blog.bitsrc.io/vite-vs-create-react-app-326e8cc2c46b --- #nextjs #react #vite #firebase #weather #instagram #clone #tailwind