JavaScript Indonesia Channel
@Indonesia_Javascript
11.3K subscribers
597 photos
7 videos
3 files
17.3K 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
11.3K subscribers
JavaScript Indonesia Channel
Dcode - Code Elegance: How to Level Up with Static Factory Methods (JavaScript Example)
https://www.youtube.com/watch?v=VhQp6epVOQM

#dcode #factory
YouTube
Code Elegance: How to Level Up with Static Factory Methods (JavaScript Example)
In today's video, we'll have a look at the power of static factory methods in OOP. We'll use JavaScript as an example.

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/item…
361 views
JavaScript Indonesia Channel
How to Build a Counter Component with Web Components — JavaScript Tutorial

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

—-

New JavaScript "groupBy" feature is finally here!

https://www.youtube.com/watch?v=78blqlIDWvM

—-
8 Awesome JavaScript String Manipulation Tips
https://javascript.plainenglish.io/8-awesome-javascript-string-manipulation-tips-ad571000d172

—-


18 JavaScript One-Liners That’ll Make You Look Like a Pro
https://blog.stackademic.com/18-javascript-one-liners-thatll-make-you-look-like-a-pro-26d714dcc56b

—-

How to Use Logic in JavaScript – Operators, Conditions, Truthy/Falsy, and More
https://www.freecodecamp.org/news/logic-in-javascript/

—-

How to Fetch Data from an API Using the Fetch API in JavaScript
https://www.freecodecamp.org/news/how-to-fetch-data-from-an-api-using-the-fetch-api-in-javascript/

—-

How JavaScript Promises Work – Tutorial for Beginners
https://www.freecodecamp.org/news/javascript-promise-object-explained/

—-

What's New in JavaScript in 2023 – Changes with Code Examples
https://www.freecodecamp.org/news/the-biggest-changes-in-javascript-this-year/

—-

How to Use JavaScript's Array reduce() Method – Explained with Examples
https://www.freecodecamp.org/news/how-to-use-javascript-array-reduce-method/

—-

#dcode #array #component #reduce #groupby #es2023 #operator #oneliner
YouTube
How to Build a Counter Component with Web Components — JavaScript Tutorial
View the Source Code:
https://dcode.domenade.com/tutorials/how-to-build-a-counter-component-with-web-components

In this video, learn how to build a basic counter component with JavaScript Web Components.

If you're new to web components, this is a perfect…
512 views
JavaScript Indonesia Channel
Dcode - How to Change CSS Styles with JavaScript — Tutorial
https://www.youtube.com/watch?v=mWWMq11wIW4

—-

How to Create HTML Accordion Elements With and Without JavaScript
https://www.freecodecamp.org/news/create-html-accordions-with-and-without-javascript/

—-

How to Use JavaScript Arrow Functions – Explained in Detail

https://www.freecodecamp.org/news/javascript-arrow-functions-in-depth/

#dcode #html #css #arrow #accordion
YouTube
How to Change CSS Styles with JavaScript — Tutorial
In today's video, I'll show you how to use JavaScript to change CSS styles on an HTML element. This is crucial for building interactive websites and can be done either through inline styles or modifier classes (preferred).

For your reference, check this…
463 views
JavaScript Indonesia Channel
How to Create Reusable Buttons — HTML, CSS & JavaScript Tutorial
https://www.youtube.com/watch?v=pSsPP1UhQzU

—-

Facebook Did It Again
https://www.youtube.com/watch?v=dphmbB77W_4

#buttons #html #css #webdevsimplified #dcode
YouTube
How to Create Reusable Buttons — HTML, CSS & JavaScript Tutorial
In today's video, I'll show you how to build a function in JavaScript that you can reuse to build as many buttons as you need for your application. Once built, you can append these buttons to existing containers or other HTML elements.

Google Material Symbols…
707 views
JavaScript Indonesia Channel
Dcode - How to Sync Local or Session Storage Across Tabs — JavaScript Tutorial

https://www.youtube.com/watch?v=82EGTEqxiNA

—-

#dcode #localstorage #sessionStorage
YouTube
How to Sync Local or Session Storage Across Tabs — JavaScript Tutorial
By using the "storage" event, you're able to easily sync your Local Storage or Session Storage data between open tabs of the same origin. This means you can keep your UI in sync and updated across all open tabs 😎

For your reference, check this out:
http…
581 views
JavaScript Indonesia Channel
Dcode - The Best Way to Include JavaScript Files in Your HTML — Modules & Defer Tutorial
https://www.youtube.com/watch?v=d14vAVDCxEg

—-

Modern CSS Features That Every Web Developer Should Know
https://levelup.gitconnected.com/modern-css-features-that-every-web-developer-should-know-d601c2076406

—-

CSS trick: transition from height 0 to auto!
https://medium.com/@francescovetere1997/%EF%B8%8F-css-trick-transition-from-height-0-to-auto-30f0a45e5399

#dcode #html #js #defer #async #css
YouTube
The Best Way to Include JavaScript Files in Your HTML — Modules & Defer Tutorial
In today's video, I'll take you through a couple of problems when it comes to using the script tag and how you can get around by implementing some best practices: the defer attribute, and using modules.

For your reference, check this out:
https://develo…
384 views
JavaScript Indonesia Channel
Dcode - How to Build Icon Buttons with Web Components — JavaScript Tutorial
https://www.youtube.com/watch?v=bcnpCFIEvHk

#dcode #icons #webComponents
YouTube
How to Build Icon Buttons with Web Components — JavaScript Tutorial
Creating a Button component is a great way to get into building web components for your next website or app. In this video, I'll show you how easy it is, with the help of a great icon library called Ionicons:
https://ionic.io/ionicons

🏫 My Udemy Courses…
350 views
JavaScript Indonesia Channel
Dcode - How to Format Money and Currency

https://youtu.be/BTQgFlbq5HU?si=Mb3mdin50vShapQX

---

How to Build Search Bar with Web Components

https://youtu.be/7XlCpYa-snU?si=0BXcX94mBIrapwU_

---

Mastering the modulo operator in JavaScript: A complete guide

https://blog.logrocket.com/mastering-modulo-operator-javascript/

#dcode #modulo #format #money #currency #searchbar #searchbar
YouTube
How to Format Money and Currency — JavaScript Tutorial (No Libraries Required)
In today's video I'll show you how easy it is to format currency in JavaScript. This method doesn't require any external libraries, and can format almost (if not all) any currency, including dollars, euros and rupees.

For your reference, check this out:…
738 views
JavaScript Indonesia Channel
Dcode - How to Build a Search Bar with Web Components — JavaScript Tutorial
https://www.youtube.com/watch?v=7XlCpYa-snU

#dcode #searchbar #webcomponents
YouTube
How to Build a Search Bar with Web Components — JavaScript Tutorial
In this video, learn how easy it is to build a stylish search bar component using JavaScript Web Components. This is also great if you want to learn how to build custom elements.

Ionicons
https://ionic.io/ionicons

🏫 My Udemy Courses - https://www.udemy…
567 views
JavaScript Indonesia Channel
How to Make Selecting Elements Easier — JavaScript Tutorial
https://www.youtube.com/watch?v=y4TUJxKW0Cg

—-

Truthy and Falsy in JavaScript & How to Toggle Between?
https://mirzaleka.medium.com/truthy-and-falsy-in-javascript-how-to-toggle-between-dc5ba45bd822

—-

#falsy #elements #selector #dcode
YouTube
BOOST The POWER of Query Selector in JavaScript
In today's video, we'll be wrapping around the existing query selector methods in the JavaScript DOM to make it easier to select multiple elements.

This solution can be exported via a module and uses array destructuring, rest parameters and the map method.…
484 views