JavaScript Indonesia Channel

553 views01:49

How to Improve the Accessibility of Strapi-Powered Websites
https://strapi.medium.com/how-to-improve-the-accessibility-of-strapi-powered-websites-86a865df1a2a

#strapi #accessibility

Medium

How to Improve the Accessibility of Strapi-Powered Websites

Learn how to make your website accessible using accessibility plugins in Strapi. By Victoria Nduka.

558 views00:01

JavaScript Indonesia Channel

12 Best Practices for Writing Asynchronous JavaScript Like a Pro
https://javascript.plainenglish.io/12-best-practices-for-writing-asynchronous-javascript-like-a-pro-5ac4cb95d3c8

#async #await

664 views01:22

JavaScript Indonesia Channel

CSS Units – When to Use rem, em, px, and More

https://www.freecodecamp.org/news/css-units-when-to-use-each-one/

---

Building Responsive Design Using Viewport CSS Units

https://dev.to/antonmartyniuk/building-responsive-design-using-viewport-css-units-4gne

---

Stunning HTML & CSS Card Animation Tutorial on Hover

https://dev.to/robsonmuniz16/stunning-html-css-card-animation-tutorial-on-hover-1lci

#css #unit #viewport #responsive #animation #card

freeCodeCamp.org

CSS Units – When to Use rem, em, px, and More

CSS units allow you to measure and specify different property values. You use them to modify CSS properties such as margins, padding, height, and width to make them compatible with devices of all screen sizes. CSS units have two basic types: Absolut...

505 views23:21

JavaScript Indonesia Channel

5 AI coding tools that every programmer needs to boost programming efficiency | - Times of India
https://timesofindia.indiatimes.com/technology/tech-tips/5-ai-coding-tools-that-every-programmer-needs-to-boost-programming-efficiency/articleshow/109432538.cms

The Times of India

5 AI coding tools that every programmer needs to boost programming efficiency | - Times of India

TECH TIPS News: AI coding assistants leverage machine learning to simplify work. GitHub Copilot, Codeium, Cody, and CodeGPT offer various tools like AI autocomplete,

446 views05:20

JavaScript Indonesia Channel

How to Deploy Next.js Apps to Github Pages

https://www.freecodecamp.org/news/how-to-deploy-next-js-app-to-github-pages/

---

Optimising React Apps

https://dev.to/yashmahalwal/optimising-react-apps-56c6

---

#react #nextjs #github #optimize

freeCodeCamp.org

How to Deploy Next.js Apps to Github Pages

In this article, I will walk you through the process of publishing a Next.js application on GitHub Pages. What makes this guide particularly helpful is that I'll teach you how to integrate with GitHub Actions, too. This means your application will b...

639 views23:20

JavaScript Indonesia Channel

Quick CSS Tricks | Transparent Round Corner Cut

https://www.youtube.com/watch?v=hiOLgVx6W7w

#css #onlineTutorials

YouTube

Quick CSS Tricks | Transparent Round Corner Cut

All Source Code : https://www.patreon.com/onlinetutorials
Get now more than 1000+ source code just by clicking on this link
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation…

657 views23:48

JavaScript Indonesia Channel

How To Create An AI Chatbot with Google GEMINI using Node.js

https://dev.to/devarshishimpi/how-to-create-an-ai-chatbot-with-google-gemini-using-nodejs-pn6

---

How to Implement Rate Limiting in Express for Node.js

https://dev.to/appsignal/how-to-implement-rate-limiting-in-express-for-nodejs-1e5h

---

How to Implement Passkey Authentication with the Web Authentication API

https://www.freecodecamp.org/news/passkey-authentication-web-authentication-api/

---

How to Debug Node.js Applications Using the debugger; Statement

https://www.freecodecamp.org/news/how-to-debug-node-js-applications/

---

Caching RESTful API requests with Heroku’s Redis Add-on

https://dev.to/heroku/caching-restful-api-requests-with-herokus-redis-add-on-3bg8

#nodejs #chatbot #gemini #debug #passkey #redis #cache

DEV Community

How To Create An AI Chatbot with Google GEMINI using Node.js

Introduction Generative AI has become a popular topic in the field of technology over the...

812 views00:15

JavaScript Indonesia Channel

Angular Drag and Drop Files Upload Made Simple

https://dev.to/tabernerojerry/angular-drag-and-drop-files-upload-made-simple-jb6

---

Angular Signals: Streamline Data Flow and Boost Maintainability

https://dev.to/keshavkhatri/angular-signals-streamline-data-flow-and-boost-maintainability-1ogc

#angular #upload #dragdrop #signal

DEV Community

Angular Drag and Drop Files Upload Made Simple

NO drag and drop dependency and directives needed. Simple just input file that's it! ...

636 views01:20

JavaScript Indonesia Channel

Node.js Crash Course 2024
https://www.youtube.com/watch?v=32M1al-Y6Ag

—-

#nodejs #traversyMedia

YouTube

Node.js Crash Course

This is an intro to Node.js. No frameworks or libraries. We will look at a bunch of the core modules including building a server with the http module.

Code:
https://github.com/bradtraversy/nodejs-crash-2024

Express Crash Course:
https://www.youtube.com…

386 views22:59

JavaScript Indonesia Channel

How JavaScript Promises Work – Tutorial for Beginners

https://www.freecodecamp.org/news/javascript-promise-object-explained/

---

Check if a key exists in JavaScript object?

https://dev.to/developerhub/level-up-your-javascript-mastering-object-property-checks-1d4h

---

#promise #property #key

freeCodeCamp.org

How JavaScript Promises Work – Tutorial for Beginners

Hi everyone! In this article, I’m going to teach you one of the most confusing JavaScript topics, which is the Promise object. Promises may seem difficult at first, but they're actually quite simple once you understand how they work. Here's what we'l...

316 views23:08

JavaScript Indonesia Channel

How to Style a React Application
https://alexkondov.com/full-stack-tao-styling

—-

The React Framework for B2B Apps
https://marmelab.com/react-admin/

—-

Zustand and React Context
https://tkdodo.eu/blog/zustand-and-react-context

—-

How to Build a Chat App with React, Strapi & Firebase
https://strapi.medium.com/how-to-build-a-chat-app-with-react-strapi-firebase-3a7bd1243a23

——

#react #zustand #style #chat #strapi #firebase

Alexkondov

How to Style a React Application

We don’t build web applications the same way we did a decade ago. We don’t think of pages, we think of components. We don’t pass data to the template to render…

483 views23:44

JavaScript Indonesia Channel

Build a Google Photos Clone with Next.js and Cloudinary – Tutorial
https://www.youtube.com/watch?v=l71rTm_0260

—-

3D Scroll Animations Have Never Been Easier! React Fiber + Next.js 14 Tutorial
https://www.youtube.com/watch?v=QzPuWB9Pius

—-

Type-Safe Fetch with Next.js, Strapi, and OpenAPI
https://medium.com/strapi/type-safe-fetch-with-next-js-strapi-and-openapi-4375fb924655

—-

Send Email Through Forms Without Server Code: React JS & EmailJS
https://medium.com/nerd-for-tech/send-email-through-forms-without-server-code-react-js-emailjs-ea2dd8592c47

—-

#react #nextjs #cloudinary #clone #freecodecamp #emailjs #openapi #strapi

YouTube

Build a Google Photos Clone with Next.js and Cloudinary – Tutorial

Learn how to use Next.js and Cloudinary to build a Google Photos Clone. Your app will be able to transform and enhance the images.

✏️ Colby Fayock created this course.
https://colbyfayock.com/

🔗 Starter Template: https://github.com/colbyfayock/demo-photo…

668 views00:01

JavaScript Indonesia Channel

Quick CSS Tricks | Transparent Round Corner Cut

https://www.youtube.com/watch?v=hiOLgVx6W7w

—-

Write less CSS by taking advantage of inheritence
https://www.youtube.com/watch?v=OEUGRIjS08w

—-

#css #round #corner #inheritance

YouTube

Quick CSS Tricks | Transparent Round Corner Cut

824 views01:03

JavaScript Indonesia Channel

Navigating Angular Apps: A Guide to RedirectCommand
https://netbasal.com/navigating-angular-apps-a-guide-to-redirectcommand-1675e890349d

—-

Stop Using TypeScript Interfaces
https://levelup.gitconnected.com/stop-using-typescript-interfaces-973401f99920

#angular

Medium

Navigating Angular Apps: A Guide to RedirectCommand

Since Angular introduced the capability to return a UrlTree in router guards, it has become a preferred method for implementing redirects…

650 views01:32

JavaScript Indonesia Channel

Top 5 NodeJS Framework di 2024
https://www.youtube.com/watch?v=nFnOv8yLEyo

—-

Tutorial Bun Dasar (Bahasa Indonesia)
https://www.youtube.com/watch?v=XzxhvNDNBgY

#nodejs #bun #pzn

YouTube

Top 5 NodeJS Framework di 2024

Top 5 NodeJS Framework di 2024

Artikel : https://blog.bitsrc.io/top-5-nodejs-frameworks-in-2024-32c7fe9d49c6

JOIN PREMIUM : https://www.youtube.com/ProgrammerZamanNow/join

DISCORD PREMIUM : https://www.youtube.com/post/UgxBHnvjdwwAioDHe0x4AaABCQ

Donasi…

747 views23:23

JavaScript Indonesia Channel

What are Classes and How to Use Them in JavaScript ?

https://dev.to/aarushnautiyal/what-are-classes-and-how-to-use-them-in-javascript--3hp9

---

Learn JavaScript Basics by Building a Counter Application

https://www.freecodecamp.org/news/learn-javascript-by-building-a-project/

---

JavaScript Basics – How to Work with Strings, Arrays, and Objects in JS

https://www.freecodecamp.org/news/javascript-basics-strings-arrays-objects/

---

Deep Dive into Functional Programming in Javascript

https://dev.to/alexmercedcoder/deep-dive-into-functional-programming-in-javascript-851

---

#class #functional #basic #string #array #object

DEV Community

What are Classes and How to Use Them in JavaScript ? 🤔🤔

JavaScript, prior to ES6 (ECMAScript 2015), relied on constructor functions to mimic object-oriented...

359 views23:38

JavaScript Indonesia Channel

Make HTML 5 Games — Isometric Board Game Tutorial

https://levelup.gitconnected.com/make-html-5-games-isometric-board-game-tutorial-439783c1d35d

—-

How to Add Media to Your HTML Email Template
https://www.freecodecamp.org/news/how-to-add-media-to-your-html-email-template/

#html5 #games #email #template

Medium

Make HTML 5 Games — Isometric Board Game Tutorial

In this tutorial and matching video tutorial, we will go through the steps to code an isometric board game using the HTML 5 Canvas and…

709 viewsedited 23:41

JavaScript Indonesia Channel

Angular Drag and Drop Files Upload Made Simple https://dev.to/tabernerojerry/angular-drag-and-drop-files-upload-made-simple-jb6 --- Angular Signals: Streamline Data Flow and Boost Maintainability https://dev.to/keshavkhatri/angular-signals-streamline-data…

The Best Way to Create a Web Developer Resume That Gets You Hired

https://javascript.plainenglish.io/the-best-way-to-create-a-web-developer-resume-that-gets-you-hired-56f35024d8df

#resume #portfolio

Medium

The Best Way to Create a Web Developer Resume That Gets You Hired

Let’s be real: the web development world is a competitive jungle. You have the skills and have been working on personal projects, but how…

476 views00:04

JavaScript Indonesia Channel

How To Make Beautiful Charts In Next.js
https://www.youtube.com/watch?v=15qMh8C1Wzo

—-

#react #nextjs #chart

YouTube

How To Make Beautiful Charts In Next.js

Building beautiful charts in React/Next.js is not easy, but in this video I will show you exactly how to build a robust and beautiful chart system with Next.js.

📚 Materials/References:

Starting GitHub Code: https://github.com/WebDevSimplified/next-js-ecommerce…

726 views00:29

JavaScript Indonesia Channel

Mastering Asynchronous Error Handling with Promises in JavaScript
https://mysteryweevil.medium.com/mastering-asynchronous-error-handling-with-promises-in-javascript-473f424c333d

—-

Stop Using find() Method in JavaScript
https://medium.com/@enestalayy/stop-using-find-method-in-javascript-dfdb40b10821

—-

10 Must-Know JavaScript Tricks & Tips About Reduce
https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-2bc7e5809c27

—-

#async #handler #error #tips #trick #array #reduce #find

Medium

Mastering Asynchronous Error Handling with Promises in JavaScript

Learn How to Effectively Handle Errors in Asynchronous JavaScript Code Using Promises

401 views23:24

About

Blog

Apps

Platform