Beberapa layanan untuk generator CSS Shadow yang dapat digunakan

https://javascript.plainenglish.io/7-css-shadow-generators-to-add-depth-to-your-designs-22b294f52e16

#css #shadow

Latihan penggunaan CSS Grid Dev Tools pada Google Chrome

https://youtu.be/M8SlBgul8ao

#chrome #devtools #cssGrid

Beberapa project contoh untuk dipakai belajar bagi pemula JavaScript

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

---

Menggunakan fungsi reject di dalam Promise dalam fungsi async await

https://javascript.plainenglish.io/how-to-reject-a-promise-with-the-javascript-async-await-syntax-d71c8870ceca

---

#sample #async #await #reject

Beberapa tools untuk membantu pengembangan aplikasi berbasis Vue JS

https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573

#vue #tools

Menggunakan job scheduler di Node JS dengan Agenda JS

https://blog.logrocket.com/job-scheduling-node-js-agenda-js/

#nodejs #agendajs #job #scheduler

Latihan sederhana membuat animasi dengan sumber gambar SVG

https://javascript.plainenglish.io/simple-svg-animation-2d80e1188f13

#svg #animation

Library PSD buatan webtoon untuk preview gambar berektensi Adobe PSD di web browser

https://webtoon.github.io/psd/

#psd

Panduan menggunakan PM2 sebagai process manager di Node JS

https://blog.appsignal.com/2022/03/09/a-complete-guide-to-nodejs-process-management-with-pm2.html

#nodejs #pm2

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

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

https://youtu.be/DKxS3IkduWQ

#vscode #settings

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

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

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

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

Latihan menulis Markdown bersama channel Devaslife

https://youtu.be/-qBavwqc_mY

#markdown #devaslife

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

Beberapa ekstensi VS Code yang menarik dicoba dari referensi John Komarnicky

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

#vscode #extension

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

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

#dcode #concept

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

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