JavaScript Indonesia Channel

Tips dan trik penggunaan Reduce untuk manipulasi data Array

https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-fd9e34a99721

---

Beberapa kelebihan Maps dibandingkan Object untuk menyimpan data dalam bentuk key value

https://dev.to/gustavupp/5-reasons-to-choose-javascript-maps-over-objects-for-storing-key-value-pairswith-examples-39dd

---

#reduce #maps #key #object

841 views23:25

Latihan dari Dcode cara melakukan parsing data XML dengan JavaScript

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

#xml #parse #dcode

YouTube

The Easiest Way to Parse XML with JavaScript

In this video, I'll show you how easy it is to parse XML strings using JavaScript - no libraries or frameworks are required to do this 🙂

Towards the end I'll also show a Fetch example where an XML document is retrieved from a file and then parsed to access…

871 views00:08

JavaScript Indonesia Channel

Menggunakan library vue-clamp untuk memotong text di Vue JS

https://blog.logrocket.com/vue-clamp-truncate-text-vue-apps/

—-

Membuat aplikasi Electron JS dengan Vue JS 3

https://metered.hashnode.dev/build-electron-app-with-vue-in-3-easy-steps

—-

Melakukan matching pattern URL routing di Nuxt JS 3

https://blog.logrocket.com/matching-static-dynamic-patterns-nuxt-3/

#vue #nuxt #routing

LogRocket Blog

Using vue-clamp to truncate text in Vue apps - LogRocket Blog

Use the vue-clamp library to truncate text in your Vue app, which improves the readability and layout of your content.

778 views00:43

JavaScript Indonesia Channel

Beberapa tools untuk membantu produktivitas pengembang

https://javascript.plainenglish.io/17-productivity-tools-to-improve-your-developer-workflow-fc43a153b64b

#tools #productivity

Medium

17 Productivity Tools to Improve your Developer Workflow 🚀⚡

In the fast-paced world of tech, developing an effective workflow has become more important than ever. Productivity has emerged as one of the most critical metrics to improve in order to beat the…

753 views01:26

JavaScript Indonesia Channel

Latihan pengenalan Next JS 13 bersama DevelopedByEd

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

#nextjs #react

YouTube

Next.js 13 Crash Course | Learn How To Build Full Stack Apps!

Check out my courses to become a PRO!
https://developedbyed.com/

In today's episode we are going to start off a series where we are going to build loads of stuff with Next.js. I am going to give you a full rundown of the main features included in Next 13…

771 views02:23

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

Javascript Weekly 622
01/24/2023

• News Why Not document.write()?
• News The WebAssembly JavaScript Promise Integration API
• News Break the Programming Mold with Dependency Injection
• News Why Is My Jest Suite So Slow?
• News Bun v0.5 Released
• News Building an Accessible Theme Picker
• News Fixing a Memory Leak in a Production Node.js App
• News Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API
• News A Beginner’s Guide to Chrome Tracing
• News Handling Errors Like a Pro in TypeScript
• News RoughNotation: Cute Animated 'Rough' Text Annotations
• News Free Website Speed Test: Does Your Site Meet Google's Core Web Vitals?
• News Modern Errors: Handle Errors in a Simple, Stable, Consistent Way
• News Shifty: A Small, Fast Tweening Engine
• News Barba.js: For Smooth Visual Transitions Between Pages
• News Rete.js 1.5: A Framework for Visual Programming
• News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut
• News gpu-io: GPU-Accelerated Computing Library

Tags: #weekly #javascript

583 views11:37

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

502 views11:37

JavaScript Indonesia Channel

Pengenalan routing di Next JS

https://blog.openreplay.com/routing-in-next-js/

#react #nextjs

Openreplay

Routing in Next.js

How to create and use routes in Next.js.

468 views23:30

JavaScript Indonesia Channel

Tips dan trik dalam penggunaan TypeScript

https://itnext.io/mastering-typescript-21-best-practices-for-improved-code-quality-2f7615e1fdc3

—-

Membuat path alias di TypeScript

https://medium.com/@naubit/path-aliases-in-typescript-and-why-you-should-use-them-c41344e0d0

—-

Membuat error handling di TypeScript dengan benar

https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991

#typescript #alias #path #errorHandling

Medium

🔥 Mastering TypeScript: 20 Best Practices for Improved Code Quality

Achieve Typescript mastery with a 20-steps guide, that takes you from Padawan to Obi-Wan.

655 views23:46

JavaScript Indonesia Channel

Tips penggunaan CSS Grid dari Kevin Powell untuk mempermudah membuat tampilan layout

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

#kevinPowell #css #grid

YouTube

Simplify your CSS with these 3 grid layout solutions

🔥Simple Grid Layouts Cheatsheet: https://simple-grid-layout.kevinpowell.co/

Grid is often seen as useful for really large layouts that have a lot of different pieces, but there are other simple things that it can be super handy for as well!

🔗 Links
✅ How…

719 views00:11

JavaScript Indonesia Channel

Membuat aplikasi konversi suhu sederhana dengan JavaScript, HTML dan CSS

https://javascript.plainenglish.io/building-a-temperature-converter-app-using-html-css-and-javascript-52097d9d3e98

#converter #temperature #css

Medium

Building a Temperature Converter App using HTML, CSS, and JavaScript

How to build a temperature converter app using HTML, CSS, and JavaScript.

795 views01:32

JavaScript Indonesia Channel

Komparasi deploy aplikasi web front end dengan Netlify dan Surge sh

https://blog.openreplay.com/deploying-front-end-apps--netlify-vs-surge/

#deploy #netlify #surge

Openreplay

Deploying Front End Apps: Netlify vs. Surge

A comparison between two options for deploying JAMstack sites.

👍2

611 views23:04

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

Medium

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

DEV Community

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

CSS-Tricks

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

YouTube

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

Medium

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

Medium

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

Medium

Deploy REST API on Heroku using NodeJS

537 views00:21

About

Blog

Apps

Platform