JavaScript Indonesia Channel – Telegram

JavaScript Indonesia Channel

@Indonesia_Javascript

10.8K subscribers

638 photos

7 videos

3 files

18.9K 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

JavaScript Indonesia Channel

10.8K subscribers

JavaScript Indonesia Channel

Memperbarui parameter di URL dengan URLSearchParams API JavaScript

https://www.jackfranklin.co.uk/blog/url-search-params/

#url #search #params

622 views23:33

JavaScript Indonesia Channel

Beberapa kelebihan menggunakan Lodash untuk aplikasi web

https://javascript.plainenglish.io/5-reasons-why-you-should-be-using-lodash-in-your-javascript-projects-fd08bdfbfe27

---

Menghapus element yang duplikat di dalam Array JavaScript

https://javascript.plainenglish.io/remove-duplicate-objects-from-the-array-with-javascript-3a4e61fb2ff8

#lodash #array #duplicate

5 Reasons Why You Should be Using Lodash in Your JavaScript Projects

Lodash provides a wide range of utility functions that makes working with arrays, objects, and functions a breeze.

👍3

638 views00:17

JavaScript Indonesia Channel

Kumpulan beberapa kode fungsi one liner atau sebaris yang berguna untuk aplikasi JavaScript

https://dev.to/rammcodes/20-killer-javascript-one-liners-thatll-save-you-hours-of-coding-o14

—-

Beberapa library penting di JavaScript yang dapat dicoba

https://javascript.plainenglish.io/7-useful-javascript-libraries-you-can-use-in-your-next-project-b88ae3af56d

—-

Pengenalan tentang timer dan delay di JavaScript

https://blog.bitsrc.io/javascript-101-all-about-timers-cec07db55b86

—-

Beberapa cara membuat fungsi Singleton di JavaScript

https://itnext.io/7-ways-to-create-singleton-in-javascript-db95a75fbb76

—-

Beberapa cara untuk manipulasi data Array di JavaScript

https://ishratumar.medium.com/javascript-array-methods-cheatsheet-81b12dafd350

—-

Kumpulan beberapa repository untuk belajar JavaScript

https://dev.to/gaelgthomas/10-github-repositories-you-should-know-as-a-javascript-developer-2ji6

#oneliner #repository #timer #singleton #array #delay #setTimeout

20 Killer JavaScript One-Liners That’ll Save You Hours of Coding 🤯🔥

Take your JavaScript skills to the next level with these essential one-liners that will also save you...

👍1

652 views22:55

JavaScript Indonesia Channel

Latihan dasar menggunakan Svelte Kit

https://css-tricks.com/getting-started-with-sveltekit/

#svelte #svelteKit

Getting Started With SvelteKit | CSS-Tricks

SvelteKit is the latest of what I'd call next-gen application frameworks. It, of course, scaffolds an application for you, with the file-based routing,

580 views23:20

JavaScript Indonesia Channel

Membuat navigation menu berbentuk tab dengan HTML, CSS, dan JavaScript

https://www.youtube.com/watch?v=1-U4s6oW0qw

#tabs #onlineTutorials #navigation

Tab Navigation Menu using CSS & Javascript | Download Source Code

Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…

👍1

864 views00:11

JavaScript Indonesia Channel

Mendeteksi tampilan layar mobile dengan Next JS

https://javascript.plainenglish.io/the-right-way-to-detect-mobile-breakpoints-in-nextjs-301ccb1976bd

#nextjs #mobile #display #breakpoint

The Right Way to Detect Mobile Breakpoints in Next.js

The solution to that annoying problem

1K views00:21

JavaScript Indonesia Channel

Latihan integrasi Chat GPT dan Open AI ke dalam aplikasi Next JS dan Node JS

https://medium.com/codingthesmartway-com-blog/a-beginners-guide-to-building-a-next-js-app-with-the-openai-api-f020e51e7cdf

#nextjs #nodejs #openAI #chatGPT #react

A Beginner’s Guide to Building a Next.js App with the OpenAI API

Welcome to our beginner’s guide to building a Next.js app with the OpenAI API. In this tutorial, we will walk you through the process of…

🔥1

902 views23:01

JavaScript Indonesia Channel

Beberapa perbandingan operator persamaan untuk membandingkan Object di JavaScript

https://www.freecodecamp.org/news/javascript-comparison-operators-how-to-compare-objects-for-equality-in-js/

---

Beberapa cara menggunakan fungsi Array includes untuk operasi Array JavaScript

https://javascript.plainenglish.io/mastering-the-javascript-includes-method-426b42e41229

#comparison #operator #include #array

freeCodeCamp.org

JavaScript Comparison Operators – How to Compare Objects for Equality in JS

While coding in JavaScript, there may be times when you need to compare objects for equality. The thing is, comparing objects in JavaScript is not that straightforward. In this article, you learn three ways to compare objects for equality in JavaScri...

535 views23:38

JavaScript Indonesia Channel

Deploy aplikasi Node JS backend ke layanan Heroku

https://javascript.plainenglish.io/deploy-rest-api-on-heroku-using-nodejs-b757b525b3ce

---

Membuat backend REST API dengan Node JS

https://javascript.plainenglish.io/how-to-create-a-rest-api-in-node-js-4f8538b3fa9c

---

Referensi beberapa library Node JS yang dapat dicoba

https://javascript.plainenglish.io/7-useful-node-js-libraries-you-should-use-in-your-next-project-f6b2f5cfb43c

#nodejs #rest #heroku #deploy #library

Deploy REST API on Heroku using NodeJS

Node.js is a popular JavaScript runtime that is commonly used for building web applications and APIs. One of the most popular ways to build…

537 views00:21

JavaScript Indonesia Channel

Optimasi gambar saat dimuat di HTML

https://dev.to/builderio/optimal-images-in-html-5bg9

#html #images #loading

Optimal Images in HTML

So you've got your nice page and you're adding your background image and… .hero { /* 🚩 */ ...

667 views01:02

JavaScript Indonesia Channel

Mengenal build tools Next JS yang bernama Turbopack

https://medium.com/codingthesmartway-com-blog/how-to-activate-turbo-mode-for-blazing-fast-next-js-13-performance-783c2894d64

#turbopack #nextjs #react

How To Activate Turbo Mode for Blazing-Fast Next.js 13 Performance

Next.js 13 comes with a new build tool: Turbopack. Turbopack is a successor of Webpack and is built with Rust for blazing-fast build…

👍1

909 views01:04

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

Javascript Weekly 623
01/31/2023

• News Astro 2.0: The Next-Gen 'Islands'-Oriented Web Framework
• News Deep Cloning Objects in JavaScript, The Modern Way
• News Go From Professional Web Developer to Lead Engineer
• News Announcing TypeScript 5.0 Beta
• News AlaSQL.js 3.0: Isomorphic JavaScript SQL Database
• News Getting Started with SvelteKit
• News Using .NET Code from JavaScript using WebAssembly
• News JavaScript Scratchpad for VS Code (2m+ Downloads)
• News scrollend: A New JavaScript Event
• News Packaging Rust Apps for the npm Registry
• News Making Sense of TypeScript using Set Theory
• News React Authentication, Simplified
• News Accessible Hamburger Buttons without JavaScript
• News Uppy 3.4: Powerful, Modular JavaScript File Uploader
• News Nut.js 3.0: Desktop Automation from Node
• News Optimize Your Systems' Performance With TelemetryHub - Real-Time Data Monitoring & Analysis
• News Eleventy v2.0: First Beta of the Popular Site Generator
• News Mock Service Worker 1.0: API Mocking Library for Browser and Node
• News Drift: A Self-Hostable Gist-Like / Pastebin Service

Tags: #weekly #javascript

581 views03:38

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

571 views03:38

JavaScript Indonesia Channel

Beberapa perintah networking dengan menggunakan Terminal di Linux

https://www.freecodecamp.org/news/linux-networking-commands-for-beginners/

#linux #terminal #networking

freeCodeCamp.org

Linux Networking Commands You Should Know as a Beginner

Can you imagine what it would be like to have a laptop but not to be able to access the internet? If you're a developer (or an aspiring one), you'll likely use the internet every day. So you should learn a few useful networking commands. To learn ne...

👍2

466 views22:36

JavaScript Indonesia Channel

Pengenalan library Nuxt JS i18n untuk lokalisasi bahasa

https://www.youtube.com/watch?v=GBfenxj0-FY

——

Penggunaan plugin useFetch di Vue JS dan Nuxt JS 3

https://medium.com/comsystoreply/nuxt-3-usefetch-reactive-vue-at-its-best-14729f6f5be7

—-

#vue #nuxt #fetch #i18n

This Stack Makes i18n EASY

CHECK OUT STORYBLOK https://go.learnvue.co/storyblok

RESOURCES
Nuxt i18n docs (nuxt 3 beta) - https://v8.i18n.nuxtjs.org/
My previous video with Nuxt + Storyblok - https://youtu.be/zVISvGMz6xc

✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get…

674 views22:44

JavaScript Indonesia Channel

Analisis bundle yang dibuat oleh Next JS

https://blog.logrocket.com/how-analyze-next-js-app-bundles/

---

Latihan menggunakan React Hooks useReducer

https://www.freecodecamp.org/news/usereducer-hook-react/

#react #nextjs #hooks #reducer

How to analyze your Next.js app bundles - LogRocket Blog

Analyze your Next.js app bundles with @next/bundle-analyzer to identify areas for optimization, reduce your codebase, and improve performance.

691 views23:11

JavaScript Indonesia Channel

Rekapitulasi latihan dari Online Tutorials tentang pembuatan efek animasi dan hover dengan JavaScript dan CSS

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

#html #css #hover

Html CSS & Javascript Animation & Hover Effects | December 2022

Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…

414 views00:42

JavaScript Indonesia Channel

Penyetelan Headless chrome pada Node JS

https://blog.logrocket.com/setting-headless-chrome-node-js-server-docker/

---

Penerapan skema CQRS di Node JS

https://itnext.io/simple-cqrs-in-nodejs-with-typescript-6da6d3e8a420

#nodejs #cqrs #chrome #server

Setting up a Headless Chrome Node.js server in Docker - LogRocket Blog

In this tutorial, we’ll demonstrate how to create a Dockerfile to set up a Headless Chrome browser in Node.js.

398 views01:08

JavaScript Indonesia Channel

Menggunakan TypeScript di React JS

https://www.freecodecamp.org/news/using-typescript-in-react-apps/

---

Melakukan debugging TypeScript di Chrome

https://blog.logrocket.com/how-to-debug-typescript-chrome/

---

Pengenalan operator baru di TypeScript 4.9

https://javascript.plainenglish.io/typescript-4-9-satisfies-operator-is-so-useful-5f57e6ef4221

---

#react #typescript #debugging #chrome

freeCodeCamp.org

How to Use TypeScript in React Apps

Hi everyone! A while ago I wrote an article about TypeScript, explaining its main features and why it's a good idea to use it in large projects. Today we're going to take a quick look at how we can use TypeScript in a React app, so you can get an

👍1

845 views01:09

JavaScript Indonesia Channel

Membuat Docker Container untuk Adonis JS

https://www.freecodecamp.org/news/how-to-dockerize-an-adonisjs-application/

---

Panduan membuat web scrapping dengan JavaScript dan Node JS

https://javascript.plainenglish.io/web-scraping-with-javascript-a-beginners-guide-989988368666

#webScrapping #nodejs #docker #adonis

freeCodeCamp.org

How to Dockerize an AdonisJS Application

By Solomon Eseme Creating software is hard. So you want to build it once and run it everywhere without adjusting configurations for different operating systems and machines every time. Well, this is one problem that dockerizing your application can h...

839 views01:15

JavaScript Indonesia Channel

Cara membaca data JSON di JavaScript

https://blog.openreplay.com/how-to-read-and-write-json-in-javascript/

—-

Menjalankan Promise secara paralel

https://blog.openreplay.com/promises-in-parallel/

#json #promise #parallel

How to Read and Write JSON in JavaScript

Everything you need to use JSON in JavaScript.

👍2

565 views23:11