JavaScript Indonesia Channel

Membuat fungsi Pagination data pada React JS

https://blog.logrocket.com/react-pagination-scratch-hooks/

---

Latihan dasar menggunakan Next JS dengan Firebase

https://javascript.plainenglish.io/master-building-an-app-with-next-js-and-firebase-64ca4867a202

#nextjs #firebase #react #pagination

LogRocket Blog

React pagination from scratch using hooks - LogRocket Blog

Create a reusable pagination component from scratch using React Hooks and avoid heavy libraries that may harm your app's performance.

917 views01:33

JavaScript Indonesia Channel

Tips dan trik dalam konfigurasi VS Code bersama channel Web Dev Simplified

https://youtu.be/DKxS3IkduWQ

#vscode #settings

YouTube

How To Get Started With VSCode

VSCode is the most popular text editor for web development and for good reason. It is fast and full of features, but it can be overwhelming. In this video I go over everything you need to know to get up and running with VSCode.

📚 Materials/References:
…

816 views01:35

JavaScript Indonesia Channel

Forwarded from JavaScript Indonesia Channel (Rian YW)

Beri warna tampilan text editor VS Code / Codium kalian dengan tema tampilan Mayukai Theme yang menarik dan pewarnaan yang mudah dibaca. Varian yang tersedia ada banyak pilihan seperti Mayukai Mirage, Mayukai Semantic Mirage, Mayukai Dark, Mayukai Mirage Gruvbox Darktooth, Mayukai Mono, Mayukai Alucard, Mayukai Sunset, dan Mayukai Reversal. Cek preview dan instalasinya disini
https://marketplace.visualstudio.com/items?itemName=GulajavaMinistudio.mayukaithemevsc

Untuk instalasi di VS Code/Codium, cukup cari di menu Marketplace, dan search "mayukai" .

—-

Tidak lupa kami menyediakan variant custom dari font Iosevka yang kami beri nama Iosevka Mayukai. Font ini merupakan gabungan dari beberapa style font Iosevka dengan tambahan Glyph dan Ligature yang lengkap. Spesimen font, instalasi, dan pemasangan dapat dilihat disini.
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai

Untuk unduh font, langsung saja ke Github Release Page berikut
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai/releases

#promosi

🔥3

485 views23:07

JavaScript Indonesia Channel

Penjelasan beberapa design pattern yang dapat dipakai pada project berbasis JavaScript dan TypeScript bersama channel Fireship

https://www.youtube.com/watch?v=tv-_1er1mWI

#fireship #designpattern

YouTube

10 Design Patterns Explained in 10 Minutes

Software design patterns help developers to solve common recurring problems with code. Let's explore 10 patterns from the famous Gang of Four book and implement them with JavaScript and TypeScript https://fireship.io/lessons/typescript-design-patterns

#programming…

473 views23:33

JavaScript Indonesia Channel

Membuat dokumentasi API dengan menggunakan library TypeScript Doc

https://itnext.io/generating-api-documentation-for-typescript-packages-with-typedoc-9e0061108548

—-

Contoh implementasi hot reload pada image docker yang menggunakan TypeScript Node JS

https://medium.com/@kartikio/setup-node-ts-local-development-environment-with-docker-and-hot-reloading-922db9016119

#typescript #nodejs #reload #docs

Medium

Generating API documentation for TypeScript packages with TypeDoc

Better documentation to better serve users of your package

735 views23:34

JavaScript Indonesia Channel

Konfigurasi server Linux untuk mempersiapkan menjalankan Docker dan NGINX

https://towardsdev.com/6-steps-to-set-up-linux-server-with-nginx-docker-ssl-ef501860610b

#nginx #server #docker

Medium

6 steps to set up linux server with Nginx Docker & SSL

You’ve written web app dockerized between a few containers? Here’s a quick guide how to spin it up

510 views00:41

JavaScript Indonesia Channel

Latihan menulis Markdown bersama channel Devaslife

https://youtu.be/-qBavwqc_mY

#markdown #devaslife

YouTube

How to take notes in Markdown efficiently with Inkdrop

The instruction details and links can be found in this video description below.
▶ Get Inkdrop - Markdown note-taking app
https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=-qBavwqc_mY

🎬 Chapters
00:00 Intro
00:46…

806 views03:32

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

Javascript Weekly 580
03/14/2022

• News An ECMAScript Proposal for Type Annotations in JavaScript (That Are Ignored at Runtime)
• News Wallaby.js: 15x Faster JavaScript/Jest Testing and Debugging
• News React 18 Release Candidate Released
• News Twitter Thread on Stripe Converting from Flow to TypeScript
• News WebGPU — All of the Cores, None of the Canvas
• News Naming Conflicts – or How Existing Code Can Force Proposed Features to Be Renamed
• News A Lightweight GitHub REST API in 34 Lines of Code
• News Project Management for Today's (And Tomorrow's) Software Team
• News Building Serverless Multi-Region WebSocket APIs on AWS
• News My Experience Building a Chess App in React
• News Creating Native Web Components
• News The Tools that Developers Need–and Don't Need–to Build Great Chatbots
• News LemonadeJS V2: A Reactive JavaScript Library with Zero Transpiling Needed
• News striff: Real Simple String Diffing
• News PSD: A Zero-Dependency PSD (Photoshop) Parser
• News Studio 3T Manages Your Data, While You Wrestle Your App into Shape
• News Tygo: Generate TypeScript Types from Go(lang) Source Code
• News Reason: Write Fast, Type Safe Code in OCaml, But for the JS Ecosystem
• News Ultra: A Modern Streaming React Framework for Deno
• News micropolisJS: A JavaScript Clone of a SimCity-Like Game

Tags: #weekly #nodejs
JavaScript Indonesia Community

616 views03:45

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

598 views03:45

JavaScript Indonesia Channel

Beberapa ekstensi VS Code yang menarik dicoba dari referensi John Komarnicky

https://www.youtube.com/watch?v=9Qxfn-4jFgw

#vscode #extension

YouTube

Best VS Code Extensions I Wish I Knew Before | Top 10 Extensions For Web Development

In this video we cover 10 vs code extensions that can help increase your productivity while developing and just make life a little easier!
-----------------------------------------------------------------------------------------------------
Extensions:
1.…

635 views23:06

JavaScript Indonesia Channel

Latihan sederhana memahami beberapa fungsi yang sering dipakai di JavaScript bersama Dcode channel

https://www.youtube.com/watch?v=8VQ9s4TG0kA

#dcode #concept

YouTube

5 EASY WAYS to Get BETTER at JavaScript

For your reference, check this out:

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - https://discord.gg/TXMQyvbpcA…

👍2🔥1

619 views23:07

JavaScript Indonesia Channel

Latihan panjang tentang konfigurasi Firebase SDK dan Firebase Functions di Node JS

https://medium.com/enappd/firebase-admin-sdk-setup-and-functions-using-node-js-39e71fd6d254

#firebase #nodejs

Medium

Firebase Admin SDK setup and functions using Node JS

We will learn Admin SDK of firebase and will setup and use various functions in Node JS script and finally deploy on Heroku cloud.

391 views23:12

JavaScript Indonesia Channel

Cara menghapus file di Linux dengan aman menggunakan command shred

https://www.freecodecamp.org/news/securely-erasing-a-disk-and-file-using-linux-command-shred/

#linux #shred

freeCodeCamp.org

How to Securely Erase a Disk and File using the Linux shred Command

Removing files and formatting disks is a common task for users. And Linux provides a number of utilities to delete files and folders from the command line. The most common command to delete files and folders is rm and rmdir, respectively. You can re...

408 views23:21

JavaScript Indonesia Channel

Mengenal konfigurasi Git dengan Git config

https://www.freecodecamp.org/news/git-config-how-to-configure-git-settings/

#git #config

freeCodeCamp.org

git config – How to Configure Git Settings to Improve Your Development Workflow

By Dillion Megida git config is a powerful command in Git. You can use the Git configuration file to customize how Git works. This file exists in the project level where Git is initialized (/project/.git/config) or at the root level (~/.gitconfig). ...

465 views23:58

JavaScript Indonesia Channel

Latihan sederhana menggunakan Nest TS bersama TypeORM dan PostgreSQL

https://betterprogramming.pub/nest-js-project-with-typeorm-and-postgres-ce6b5afac3be

#nodejs #postgresql #nest

Medium

Build a NestJS App With TypeORM and Postgres

Create scalable apps with Nest.js & TypeORM

👍1

649 views00:51

JavaScript Indonesia Channel

Menerapkan responsive image pada aset gambar di aplikasi web

https://levelup.gitconnected.com/what-are-responsive-images-and-why-you-should-use-them-ac1042d6d1ff

#image #web #responsive

Medium

What Are Responsive Images And Why You Should Use Them

Hint: They offer excellent performance benefits.

👍1

751 views01:01

JavaScript Indonesia Channel

Forwarded from Dicoding Indonesia

Menilik Kontribusi dan Peluang Karier Perempuan di Dunia IT

Sabtu, 19 Maret 2022 pukul 09:00-10:30 WIB.
Daftar di dicoding.com/events/4388

Kontribusi dan peluang karier perempuan di bidang IT akan semakin besar! 👩🏻‍💻👩🏻‍🏫

Persembahan Dicoding dan IDCamp, untuk mengapresiasi kontribusi sekaligus membuka harapan para talenta digital perempuan Indonesia yang siap bersaing di level global. 😍

Yuk kawan-kawan cewek, ajak juga yang lain! bagikan yaa.. 🤟

571 views06:29

JavaScript Indonesia Channel

Latihan menggunakan operasi CRUD dengan Angular dan Node JS

https://www.freecodecamp.org/news/how-to-perform-crud-operations-using-angular-13/

#angular #crud #nodejs

freeCodeCamp.org

How to Perform CRUD Operations using Angular 13

By Nishant Kumar Building a full-stack application can be tough. And the base of building such an application is learning how to perform CRUD operations – Create, Read, Update, and Delete. It's by using these operations that we manage the data flow ...

613 views23:11

JavaScript Indonesia Channel