JavaScript Indonesia Channel – Telegram

JavaScript Indonesia Channel

@Indonesia_Javascript

11.2K subscribers

598 photos

7 videos

3 files

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

11.2K subscribers

JavaScript Indonesia Channel

Contob penggunaan Recoil untuk State Management React JS

https://blog.bitsrc.io/manging-state-with-recoil-in-react-application-aecdbfd371b7

---

Sinkronisasi warna tema aplikasi web dengan warna tema sistem operasi pada React JS

https://blog.bitsrc.io/how-to-sync-your-react-app-with-the-system-color-scheme-78c0ad00074b

#recoil #react #color #scheme

Managing States with Recoil in React Applications

Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with…

406 viewsRian YW, 23:47

JavaScript Indonesia Channel

Latihan membuat Hamburger Menu yang dapat ber animasi ketika disentuh

https://css-tricks.com/line-animated-hamburger-menu/

---

Beberapa trik dalam penggunaan CSS yang penting untuk dipakai

https://dev.to/scorpionedge/the-top-5-css-tricks-i-learned-this-year-23ai

---

Beberapa teknik penggunaan warna dengan CSS

https://medium.com/javascript-in-plain-english/advanced-css-coloring-techniques-a11fd2ab0365

#css #hamburger #tips #trick #color

Line-Animated Hamburger Menu | CSS-Tricks

This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the "three lines" thing you're well familiar

731 viewsRian YW, 00:12

JavaScript Indonesia Channel

Membuat generator warna acak dengan Javascript

https://dev.to/dailydevtips1/vanilla-javascript-random-colours-2nnp

---

Membuat aplikasi kalkulator sederhana dengan HTML CSS Javascript

https://medium.com/javascript-in-plain-english/how-to-create-a-basic-calculator-using-html-css-and-javascript-7e01e41a00e0

#color #generator #calculator

Vanilla JavaScript random colours

Ever wondered how you can create random colours using Vanilla JavaScript? The other day we made a Ja...

788 viewsRian YW, 03:34

JavaScript Indonesia Channel

Memperkenalkan Hex Palette, layanan web gratis untuk membuat kumpulan warna atau Palette Generator untuk pewarnaan tampilan aplikasi

https://hexpalette.com/

#color #palette #generator

827 viewsRian YW, 01:09

JavaScript Indonesia Channel

Pengenalan Object dan Array Destructuring di JavaScript dari channel Fireship

https://youtu.be/UgEaJBz3bjY

---

Referensi beberapa library Color Picker untuk Javascript

https://blog.logrocket.com/color-picker-libraries-to-use-in-2021/

---

Error handling di JavaScript dengan try dan catch

https://www.freecodecamp.org/news/try-catch-in-javascript/

---

Latihan menggunakan operator RxJS dengan single page app

https://dev.to/noprod/build-single-page-app-with-rx-from-scratch-227g

---

Latihan menggunakan Fetch API pada JavaScript modern

https://www.freecodecamp.org/news/javascript-fetch-api-tutorial-with-js-fetch-post-and-header-examples/

#errorHandling #fetch #rxjs #color #picker #destructuring

JS Destructuring in 100 Seconds

Make your code more concise and readable by learning destructuring assignment in JavaScript in 100 seconds https://fireship.io/courses/javascript/

#webdev #js #100SecondsOfCode

MDN Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

1.01K viewsRian YW, 23:54

JavaScript Indonesia Channel

Daftar beberapa layanan yang bersumberkan dari referensi CSS Tricks untuk membuat generator palette warna secara gratis dan mudah.

https://www.smashingmagazine.com/2021/03/css-generators/
—-

Happy Hues
https://happyhues.co/palettes/17
-
Data Vis + Accessible Color Palettes
https://learnui.design/tools/data-color-picker.html
-
Coolors
https://coolors.co
-
CSS Gradient
https://cssgradient.io

#color #palette

Smashing Magazine

CSS Generators — Smashing Magazine

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. This time Iris Lješnjanin brings you CSS Generators: from CSS shadows to easing gradients to CSS overlays to CSS doodles.

1.66K viewsRian YW, 01:06

JavaScript Indonesia Channel

Membuat fungsi pengurut warna atau Color Sorting dengan JavaScript

https://tomekdev.com/posts/sorting-colors-in-js

#color #sorting #es2015

Sorting colors in JavaScript

Journey on how to sort colors in JavaScript. It's surprisingly hard thing to do but there are solutions.

397 viewsRian YW, 00:47

JavaScript Indonesia Channel

Latihan penggunaan warna RGB pada CSS dan HTML element

https://www.freecodecamp.org/news/rgb-color-html-and-css-guide/

---

Latihan dasar penggunaan Flexbox CSS

https://dev.to/theodorusclarence/back-to-basic-mental-model-to-understand-flexbox-5c7k

#css #rgb #color #flexbox

freeCodeCamp.org

RGB Color – HTML and CSS Guide

Choosing the right color for your web design project is a serious endeavour. A color scheme can often make or break a site's overall appearance. Different colors create a different feel for your designs. The right choice of colors can make your desig...

👍1

858 viewsRian YW, 23:44

JavaScript Indonesia Channel

Konfigurasi Apache sebagai web service untuk Node JS

https://blog.logrocket.com/configuring-apache-for-node-js/

---

Menambahkan warna console debugging dengan library Chalk JS pada Node JS

https://blog.logrocket.com/using-console-colors-node-js/

---

Cara mengganti ganti versi Node JS dengan Node Version Manager atau NVM

https://blog.logrocket.com/how-switch-node-js-versions-nvm/

#nodejs #apache #console #color #nvm

Configuring Apache for Node.js - LogRocket Blog

Learn how to configure Apache for a Node.js applications with Apache load balancing, caching, and reverse proxy.

708 views23:10

JavaScript Indonesia Channel

Latihan penting dari Dcode tentang membuat Color Picker sendiri dengan JavaScript murni, HTML, dan CSS

https://youtu.be/eGth988Sm8w

#dcode #colorPicker #color #css

Create and Deploy Your Own COLOR PICKER with JavaScript

Use code "DCODE" with Hostinger at the link below:
https://hostinger.com/dcode

View the SOURCE CODE here:
https://github.com/dcode-youtube/color-picker-with-local-storage

colorjoe library:
https://github.com/bebraw/colorjoe

In today's video we'll be creating…

👍1

577 views23:20

JavaScript Indonesia Channel

Latihan sederhana membuat Color Picker dengan JavaScript, HTML, dan CSS

https://medium.com/weekly-webtips/build-a-hexagonal-color-picker-with-css-vanilla-javascript-36e62d10527

---

Beberapa project contoh untuk belajar menggunakan JavaScript

https://javascript.plainenglish.io/33-javascript-projects-for-beginners-a68553e9f56d

---

Pengenalan struktur data dalam Javascript

https://javascript.plainenglish.io/data-structures-in-js-9a13f7aa82b3

---

Pengenalan ES module dengan Common JS module

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

#css #color #picker #esm #data #structure #sample

Build A Hexagonal Color Picker with CSS & Vanilla JavaScript

Lightweight Color Picker Component. Full Code Implementation.

452 views23:29

JavaScript Indonesia Channel

Tips dan trik dalam menggunakan CSS Color bersama Kevin Powell

https://youtu.be/lCD4kJ4rYq8

#css #kevinPowell #color

CSS color pro tips

The color property is one of the first things we learn, and it seems really straightforward, but there is more that you can do with its values than you might have realized!

⌚ Timestamps
00:00 - Introduction
00:35 - you don't need the "a"
2:42 - rgb with…

600 views23:28

JavaScript Indonesia Channel

Cara melakukan fungsi flatten Array dengan JavaScript

https://www.freecodecamp.org/news/flatten-array-recursion/

---

Beberapa tools untuk generator warna pada JavaScript

https://blog.logrocket.com/6-javascript-tools-color-generation/

---

Implementasi sistem antrian atau Queue pada JavaScript

https://dev.to/brunoblaise/best-way-to-implement-a-queue-in-javascript-28o2

#flat #array #color #generator #queue

freeCodeCamp.org

How to Flatten an Array in JavaScript Using Recursion

By Adwaith KS In this tutorial, we'll go through a common coding problem that interviewers love to ask candidates. Hopefully this will help you understand how to think through it and solve it. Let's begin by understanding the problem. You are given a...

👍1

779 views00:37

JavaScript Indonesia Channel

Latihan dari Online Tutorials tentang membuat Color switcher di halaman Login

https://youtu.be/LKIk_aCmw0U

#onlinetutorials #color #switch

Awesome Color Switch Animated Login Page using Html CSS & Javascript

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…

744 views23:14

JavaScript Indonesia Channel

Perbedaan operator comparison == dengan === di JavaScript

https://www.scratchcode.io/difference-between-double-equals-vs-triple-equals-in-javascript/

—-

Beberapa tips penulisan kode JavaScript yang dapat dicoba

https://levelup.gitconnected.com/12-lines-of-javascript-to-make-you-look-like-a-pro-f11437df6965

—-

Beberapa library JavaScript yang dapat dicoba pada project aplikasi web

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

—-

Pengenalan RegExp di JavaScript

https://codesource.io/regular-expressions-regexp-in-javascript/

—-

Membuat fungsi color picker dengan JavaScript, HTML, dan CSS

https://javascript.plainenglish.io/how-i-wrote-a-color-picker-in-vanilla-javascript-and-css-7a6afd7618fd

#comparison #regexp #library #color #picker

Difference Between == vs === In JavaScript | Scratch Code

In this article, We will show you the difference between == vs === in JavaScript. Both == and === are used for the comparison. Let's see how both are

591 views23:07

JavaScript Indonesia Channel

Menggunakan warna HSL pada CSS

https://blog.logrocket.com/using-hsl-colors-css/

#hsl #css #color

Using HSL colors in CSS - LogRocket Blog

Using HSL in CSS is an efficient way to specify and modify colors. Let's explore use cases and why HSL stands out among other color models.

577 views23:46

JavaScript Indonesia Channel

Cara mengganti warna SVG dengan CSS Color filter

https://itnext.io/change-svg-color-with-help-from-css-filter-d978fb0d0bc9

#css #svg #color

Change SVG Color with Help from CSS Filter

We no longer need to bother designers when the SVG’s color is slightly off: just filter it.

👍1

620 views00:45

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...

791 views00:27