JavaScript Indonesia Channel
@Indonesia_Javascript
12K subscribers
589 photos
6 videos
3 files
16.1K links
Channel yang berisi kumpulan berita atau konten seputar JavaScript, Typescript, HTML, CSS, Library, Framework JS, Node.js , dan juga engine-nya

Untuk pencarian artikel,gunakan fitur pencarian di channel ini,dan bisa juga dicari berdasarkan hashtag #
Download Telegram
About
Blog
Apps
Platform
Join
JavaScript Indonesia Channel
12K subscribers
JavaScript Indonesia Channel
Latihan bersama Programming With Erik tentang routing dalam Nuxt JS

https://youtu.be/-mJj_5ISNO8

---

Mendeteksi event mouse hover pada Vue JS

https://javascript.plainenglish.io/vue-hover-c8b8eb786814

---

#vue #nuxt #routing #event #mouseHover
YouTube
Nuxt 3 Routing Crash Course
In this video we'll deep dive into Nuxt3 routing and how to use it. Including dynamic routes, NuxtPage, and we'll create a TV Search app, that lists episodes. #nuxt3 #vuejs #vue3

👉Check out my last video on lawers as developers
https://youtube.com/short…
1.0K views
JavaScript Indonesia Channel
Cara mengirim events di Node JS dari backend ke front end

https://javascript.plainenglish.io/server-sent-events-with-nodejs-bbdc9a9584cb

---

Membuat aplikasi CLI dengan Node JS

https://javascript.plainenglish.io/how-to-create-your-own-cli-with-node-js-9004091a64d5

---

#nodejs #cli #event
Medium
Server-Sent Events with Node.js
Receive regular updates from your backend without spamming with HTTP requests
806 views
JavaScript Indonesia Channel
Latihan dari Web Dev Simplified tentang penggunaan Pointer Events untuk mendeteksi timeline video yang sedang diputar

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

#webdevSimplified #pointer #event
YouTube
Learn Pointer Events In 15 Minutes
Almost everyone defaults to using mouse events such as mousedown and mouseup, but this is not ideal. Mouse events do not include things like touch and pen interactions and duplicating all your mouse events into touch events is not ideal either. This is where…
527 views
JavaScript Indonesia Channel
Penjelasan konsep server backend mengirim event ke front end dengan menggunakan Nest JS

https://youtu.be/ylFrG4m7FjU

---

Cara implementasi pengecekan kestabilan sistem Node JS di server

https://blog.logrocket.com/how-to-implement-a-health-check-in-node-js/

---

Implementasi File splitter untuk membagi file menjadi beberapa bagian sebelum dibaca dan dikirim.

https://levelup.gitconnected.com/implementation-of-a-file-splitter-using-node-js-c9373c5dd9af

---

#nest #nodejs #event #health #check
YouTube
Server-Sent Events with NestJS
In this super quick tutorial we are going to look at how to allow a server to send data to a client at any time using server-sent events. We'll also take a quick look at the EventSource API which is the interface that we're use to connect the client to the…
921 views
JavaScript Indonesia Channel
Mengenal beberapa event JavaScript yang biasa dipakai dalam aplikasi web, bersama channel Dcode

https://youtu.be/Vu60OLyLa-w

#event #dcode
YouTube
5 POWERFUL JavaScript Events You Didn't Know
Let's have a look at 5 super powerful JavaScript events that you probably didn't know.

🎓 COMPLETE JAVASCRIPT CRASH COURSE FOR BEGINNERS 👇:
https://www.udemy.com/course/the-ultimate-javascript-dom-crash-course/?referralCode=DC343E5C8ED163F337E1

Chapters:…
652 views
JavaScript Indonesia Channel
Pendaftaran Healthkathon yang diselenggarakan oleh BPJS Kesehatan dibuka. Healthkathon 2022 merupakan Event Hackathon tahunan yang diselenggarakan oleh BPJS Kesehatan untuk menyasar mahasiswa Indonesia dan masyarakat umum dalam menemukan Ide, Inovasi dan Rekomendasi terbaik dalam meningkatkan pelayanan kepada lebih dari 200 juta peserta BPJS Kesehatan melalui Teknologi Digital.

Pendaftaran diakses disini
https://healthkathon.bpjs-kesehatan.go.id/
https://bpjs-kesehatan.1337hackathon.id/

Untuk info lainnya bisa diakses disini
https://linktr.ee/healthkathonbpjs

Jangan lupa isi form ini ya, bagi anggota grup / follower channel JavaScript Indonesia yang mendaftar Healthackton
https://docs.google.com/spreadsheets/d/1ojUlse_av1RHoOt4pYYdiU2yfxuwrlMtZ3k2yeGP6xk/edit?usp=sharing


#event #hackathon #bpjs #health
1.6K viewsedited  
JavaScript Indonesia Channel
Forwarded from JavaScript Indonesia Channel
Pendaftaran Healthkathon yang diselenggarakan oleh BPJS Kesehatan dibuka. Healthkathon 2022 merupakan Event Hackathon tahunan yang diselenggarakan oleh BPJS Kesehatan untuk menyasar mahasiswa Indonesia dan masyarakat umum dalam menemukan Ide, Inovasi dan Rekomendasi terbaik dalam meningkatkan pelayanan kepada lebih dari 200 juta peserta BPJS Kesehatan melalui Teknologi Digital.

Pendaftaran diakses disini
https://healthkathon.bpjs-kesehatan.go.id/
https://bpjs-kesehatan.1337hackathon.id/

Untuk info lainnya bisa diakses disini
https://linktr.ee/healthkathonbpjs

Jangan lupa isi form ini ya, bagi anggota grup / follower channel JavaScript Indonesia yang mendaftar Healthackton
https://docs.google.com/spreadsheets/d/1ojUlse_av1RHoOt4pYYdiU2yfxuwrlMtZ3k2yeGP6xk/edit?usp=sharing


#event #hackathon #bpjs #health
492 views
JavaScript Indonesia Channel
Penjelasan tentang Lifecycle Hooks di Vue JS untuk created dan mounted

https://nikakharebava.medium.com/created-or-mounted-explanation-of-lifecycle-hooks-in-vuejs-11916cdb94c9

—-

Penjelasan tentang teknik komunikasi antar component di Vue JS

https://csdigitalnomad.medium.com/the-complete-vue-js-event-system-guide-that-the-official-doc-didnt-explain-in-detail-part-1-83464a0e9b30

—-

Melakukan refactoring dari Vue JS 2 ke Vue JS 3 ke dalam Composition API

https://fadamakis.medium.com/from-vue-2-options-api-to-vue-3-composition-api-fe6d6a738c2f

——

Membuat forms builder di Vue JS secara sederhana

https://medium.com/@brandonlostboy/5-minute-form-builder-using-vue-js-9e0f7d925d1d


#vue #lifecycle #event #form #composition
Medium
Created or Mounted? Explanation of Lifecycle Hooks in VueJs
If you have just started to learn VueJs or you are already a little bit familiar with its structure, you might have heard about the…
619 views
JavaScript Indonesia Channel
Cara sederhana untuk mengetahui event form submit yang dieksekusi dengan menggunakan JavaScript

https://javascript.plainenglish.io/how-to-listen-to-the-form-submit-event-in-javascript-f991b6dac01a

#form #submit #event
Medium
How to Listen to the Form Submit Event in JavaScript
Sometimes, we want to listen to the form submit event with JavaScript so that we can do something with the form data on client-side.
487 views
JavaScript Indonesia Channel
Pengenalan tentang event delegation di JavaScript

https://www.freecodecamp.org/news/event-delegation-javascript/

—-

Membuat clear button di dalam input element

https://javascript.plainenglish.io/how-to-put-a-clear-button-inside-an-html-text-input-box-2b392864e87b

---

#event #delegation #input #button
freeCodeCamp.org
Event Delegation in JavaScript –Explained with an Example
By Dillion Megida Event Delegation is a pattern based upon the concept of Event Bubbling. It is an event-handling pattern that allows you to handle events at a higher level in the DOM tree other than the level where the event was first received. Ther...
583 views
JavaScript Indonesia Channel
Latihan membuat data Array pada JavaScript

https://www.freecodecamp.org/news/how-to-declare-an-array-in-javascript-creating-an-array-in-js/

---

Beberapa metode untuk manipulasi Array JavaScript

https://javascript.plainenglish.io/20-javascript-array-methods-every-developer-should-know-763a67e6a3d

—-

Pengenalan tentang recursion pada JavaScript

https://www.freecodecamp.org/news/recursion-in-javascript/

---

Pengenalan tentang events di JavaScript

https://blog.openreplay.com/all-about-javascript-events/

#array #event #recursion
freeCodeCamp.org
How to Declare an Array in JavaScript – Creating an Array in JS
By Joel Olawanle In JavaScript, an array is one of the most commonly used data types. It stores multiple values and elements in one variable. These values can be of any data type — meaning you can store a string, number, boolean, and other data type...
567 views
JavaScript Indonesia Channel
Pengenalan event drag and drop pada JavaScript

https://blog.openreplay.com/drag-and-drop-events-in-javascript/

---

Pengenalan inheritance pada Object JavaScript

https://blog.openreplay.com/inheritance-in-javascript-object-oriented-programming/

#oop #object #drag #drop #event
Openreplay
Drag-and-drop events in JavaScript
A complete introduction to working with drag-and-drop events
2.1K views
JavaScript Indonesia Channel
Cara membuat warna dengan kode warna tertentu menggunakan JavaScript

https://www.freecodecamp.org/news/generate-colors-in-javascript/

—-

Bereaksi dengan event dari aksi pengguna menggunakan JavaScript

https://www.freecodecamp.org/news/reacting-to-actions-with-javascript/

#color #event #action
freeCodeCamp.org
How to Generate Colors in JavaScript
In this article, we'll build a random color generator in JavaScript. Along the way, we will explore general topics in programming like functions and randomization. We will build a project called Change The Background Color to illustrate these concep...
785 views
JavaScript Indonesia Channel
Pengenalan tentang keyboard event di JavaScript bersama channel Dcode

https://youtu.be/Q3ktcptd2yI

#keyboard #event #dcode
YouTube
How to Interact with the Keyboard - JavaScript Tutorial for Beginners
In today's video, we're going to have a look at interacting with the keyboard using JavaScript within the browser. More specifically, I'm going to take you through the different available keyboard events such as 'keydown' and 'keypress' as well as the keyboard…
765 views
JavaScript Indonesia Channel
Creating a 13kb Game in JavaScript

https://dev.to/justaguyfrombr/creating-a-13kb-game-in-javascript-42g5

---

Using JavaScript Gantt Chart in SharePoint Web Parts for Effective Project Management: Part 2

https://www.syncfusion.com/blogs/post/using-javascript-gantt-chart-in-sharepoint-web-part-for-effective-project-management-part-2.aspx

---

Event Bubbling and Event Capturing in JavaScript – Explained with Examples

https://www.freecodecamp.org/news/event-bubbling-and-event-capturing-in-javascript/

---

#game #event
DEV Community
Creating a 13kb Game in JavaScript
Creating a javascript game with just 13kb!
564 views
JavaScript Indonesia Channel
Building a desktop app with JavaScript

https://dev.to/opensourcee/building-a-desktop-app-with-javascript-4lge

---

Master the JavaScript Event Propagation

https://javascript.plainenglish.io/master-the-javascript-event-propagation-7080736cda6f

---

Learn JavaScript by Building 21 Projects – a Major freeCodeCamp Curriculum Upgrade

https://www.freecodecamp.org/news/learn-javascript-with-new-data-structures-and-algorithms-certification-projects/

---

Design Systems with Web Components

https://dev.to/codingcatdev/design-systems-with-web-components-cog

#desktop #freecodecamp #event #propagation #webComponents
DEV Community
Building a desktop app with JavaScript
GitHub Repo: https://github.com/webcrumbs-community/webcrumbs Ever wondered how Visual Studio Code,...
766 views
JavaScript Indonesia Channel
Event Bubbling and Event Capturing in JavaScript – Explained with Examples

https://www.freecodecamp.org/news/event-bubbling-and-event-capturing-in-javascriptu/

---

How to Manipulate the DOM in JavaScript – Most Commonly Used Techniques

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

---

JavaScript Spread and Rest Operators – Explained with Code Examples

https://www.freecodecamp.org/news/javascript-spread-and-rest-operators/

---

How to Get a Perfect Deep Copy in JavaScript?

https://dev.to/zacharylee/how-to-get-a-perfect-deep-copy-in-javascript-1b9f

---

Understanding JavaScript Debounce vs Throttle for Better App Efficiency

https://dev.to/dev_diaries_by_varun/understanding-javascript-debounce-vs-throttle-for-better-app-efficiency-115p

---

Javascript Boxing and Unboxing

https://dev.to/ikbalarslan/javascript-boxing-and-unboxing-4o9g

---

#event #bubble #boxing #unboxing #debounce #throttle #spread #throttle #dom
336 views
JavaScript Indonesia Channel
Learn Event Delegation In 10 Minutes
https://www.youtube.com/watch?v=cOoP8-NPLSo

—-

45 JavaScript Super Hacks Every Developer Should Know
https://blog.devgenius.io/45-javascript-super-hacks-every-developer-should-know-92aecfb33ee8

—-

I Fixed Error Handling in JavaScript
https://levelup.gitconnected.com/i-fixed-error-handling-in-javascript-4e3c1a28a292

#event #delegation #tips #errorhandler
YouTube
Learn Event Delegation In 10 Minutes
JavaScript Simplified Course: https://javascriptsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-cOoP8-NPLSo

Event listeners seem like a simple concept at first, but as you dive deeper in you may run into a ton of issues…
355 views
JavaScript Indonesia Channel
Code a Downloadable Desktop Game in JavaScript
https://www.youtube.com/watch?v=fyqRSaSJf0I

—-

Quick Guide: JavaScript Array Includes Method in 2 Minutes
https://www.youtube.com/watch?v=xQLOe-ORy1A

—-


Mastering JavaScript Event Handling — A Comprehensive Guide to Event Handlers and addEventListener
https://javascript.plainenglish.io/mastering-javascript-event-handling-a-comprehensive-guide-to-event-handlers-and-addeventlistener-3807c2046aba

—-

Quick Guide: Understanding IIFEs in JavaScript - 2 Minute Tutorial
https://www.youtube.com/watch?v=XzFFLWSUpxs

#learning #game #desktop #event #array #includes #iife
YouTube
Code a Downloadable Desktop Game in JavaScript
Learn how to make a game in JavaScript with the KAPLAY library and how to use Tauri to make it installable on PC.

Try the game: https://jslegend.itch.io/kriby
Code: https://github.com/JSLegendDev/Desktop-JS-Game-Tauri

✏️ Course created by @JSLegendDev …
514 views
JavaScript Indonesia Channel
Understanding Web Storage: LocalStorage, SessionStorage, and Cookies

https://dev.to/abhay1kumar/understanding-web-storage-localstorage-sessionstorage-and-cookies-1384

---

JavaScript in the Browser – How the Document Object Model (DOM) and Events Work

https://www.freecodecamp.org/news/javascript-in-the-browser-dom-and-events/

---

#dom #localstorage #webstorage #event #dom
DEV Community
Understanding Web Storage: LocalStorage, SessionStorage, and Cookies
In modern web development, managing data on the client side has become an essential skill. Developers...
265 views