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
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.
Tips dan trik dalam konfigurasi VS Code bersama channel Web Dev Simplified
https://youtu.be/DKxS3IkduWQ
#vscode #settings
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:
…
📚 Materials/References:
…
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
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
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
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…
#programming…
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
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
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
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
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
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
Beberapa ekstensi VS Code yang menarik dicoba dari referensi John Komarnicky
https://www.youtube.com/watch?v=9Qxfn-4jFgw
#vscode #extension
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.…
-----------------------------------------------------------------------------------------------------
Extensions:
1.…
Latihan sederhana memahami beberapa fungsi yang sering dipakai di JavaScript bersama Dcode channel
https://www.youtube.com/watch?v=8VQ9s4TG0kA
#dcode #concept
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…
🏫 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
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
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.
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
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...
Mengenal konfigurasi Git dengan Git config
https://www.freecodecamp.org/news/git-config-how-to-configure-git-settings/
#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). ...
Latihan sederhana menggunakan Nest TS bersama TypeORM dan PostgreSQL
https://betterprogramming.pub/nest-js-project-with-typeorm-and-postgres-ce6b5afac3be
#nodejs #postgresql #nest
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
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
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
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.. 🤟
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.. 🤟
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
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 ...
Latihan membuat aplikasi backend Node JS dengan Express dan TypeScript
https://javascript.plainenglish.io/simple-typescript-project-with-node-express-nodemon-b4ed18197c03
---
Mengenal tipe di dalam TypeScript yang bernama "never"
https://www.zhenghao.io/posts/ts-never
---
Menerapkan design pattern Dependency inversion di TypeScript
https://blog.logrocket.com/understanding-dependency-inversion-principle-typescript/
#typescript #nodejs #never #design #pattern
https://javascript.plainenglish.io/simple-typescript-project-with-node-express-nodemon-b4ed18197c03
---
Mengenal tipe di dalam TypeScript yang bernama "never"
https://www.zhenghao.io/posts/ts-never
---
Menerapkan design pattern Dependency inversion di TypeScript
https://blog.logrocket.com/understanding-dependency-inversion-principle-typescript/
#typescript #nodejs #never #design #pattern
Medium
Simple TypeScript Project Using Node.js, Express, and nodemon
A guide on creating a TypeScript project using Node.js, Express, and nodemon.
Beberapa fitur JavaScript yang biasanya belum diketahui
https://javascript.plainenglish.io/10-javascript-new-features-you-might-have-missed-1c6e71fa44c0
---
Perbedaan antara function biasa dengan arrow function
https://javascript.plainenglish.io/regular-function-vs-arrow-function-a-comparative-study-abfa22391131
---
Mengenal fungsi navigasi history.back di JavaScript
https://javascript.plainenglish.io/do-you-know-history-back-in-javascript-cbc0cecc2993
---
Contoh pertanyaan interview dengan kasus membuat fungsi dari fungsi lainnya atau Currying JavaScript
https://blog.bitsrc.io/common-javascript-interview-question-create-a-function-that-returns-curried-version-of-a-function-192bcac8c55a
---
#es2020 #esm #history #currying
https://javascript.plainenglish.io/10-javascript-new-features-you-might-have-missed-1c6e71fa44c0
---
Perbedaan antara function biasa dengan arrow function
https://javascript.plainenglish.io/regular-function-vs-arrow-function-a-comparative-study-abfa22391131
---
Mengenal fungsi navigasi history.back di JavaScript
https://javascript.plainenglish.io/do-you-know-history-back-in-javascript-cbc0cecc2993
---
Contoh pertanyaan interview dengan kasus membuat fungsi dari fungsi lainnya atau Currying JavaScript
https://blog.bitsrc.io/common-javascript-interview-question-create-a-function-that-returns-curried-version-of-a-function-192bcac8c55a
---
#es2020 #esm #history #currying
Medium
10 JavaScript New Features You Might Have Missed
Let’s catch up with the highlights from ES11.
Beberapa video menarik untuk membantu belajar Node JS
https://javascript.plainenglish.io/3-youtube-videos-for-node-js-developers-7b4a98498ef7
#nodejs #learn #youtube
https://javascript.plainenglish.io/3-youtube-videos-for-node-js-developers-7b4a98498ef7
#nodejs #learn #youtube
Medium
3 YouTube Videos For Node.js Developers
YouTube Videos I recommend to every Node.js Developer