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
https://javascript.plainenglish.io/7-css-shadow-generators-to-add-depth-to-your-designs-22b294f52e16
#css #shadow
Medium
7 CSS Shadow Generators to Add Depth to Your Designs 🎨😍
Ever wondered why your designs miss some depth? Adding modern-looking shadows can often improve that, especially for separate components like buttons and cards. Creating shadows directly in CSS…
Latihan penggunaan CSS Grid Dev Tools pada Google Chrome
https://youtu.be/M8SlBgul8ao
#chrome #devtools #cssGrid
https://youtu.be/M8SlBgul8ao
#chrome #devtools #cssGrid
YouTube
CSS Grid debugging tools #DevToolsTips
Tips on debugging CSS Grid with Chrome DevTools.
Chapters:
0:00 - Intro
0:20 - Highlight grid with badge
0:40 - Extend grid lines
1:10 - Use grid line numbers
1:54 - Visualize grid line names
2:33 - Visualize grid area names
3:11 - Show track sizes
3:39…
Chapters:
0:00 - Intro
0:20 - Highlight grid with badge
0:40 - Extend grid lines
1:10 - Use grid line numbers
1:54 - Visualize grid line names
2:33 - Visualize grid area names
3:11 - Show track sizes
3:39…
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
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
Medium
33 JavaScript Projects For Beginners
Beginner-friendly JavaScript projects to handle some common problems in web development.
Beberapa tools untuk membantu pengembangan aplikasi berbasis Vue JS
https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573
#vue #tools
https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573
#vue #tools
Medium
Best 27 Vue.js Development Tools For Developers
An Introduction to Vue.js development tools for web design and web development.
Menggunakan job scheduler di Node JS dengan Agenda JS
https://blog.logrocket.com/job-scheduling-node-js-agenda-js/
#nodejs #agendajs #job #scheduler
https://blog.logrocket.com/job-scheduling-node-js-agenda-js/
#nodejs #agendajs #job #scheduler
LogRocket Blog
Job scheduling in Node.js using Agenda.js - LogRocket Blog
Agenda.js is both lightweight and robust in terms of its feature set and can be used in Node.js for job scheduling.
Latihan sederhana membuat animasi dengan sumber gambar SVG
https://javascript.plainenglish.io/simple-svg-animation-2d80e1188f13
#svg #animation
https://javascript.plainenglish.io/simple-svg-animation-2d80e1188f13
#svg #animation
Medium
Create a Simple SVG Animation
A guide on how to create a simple SVG animation.
Library PSD buatan webtoon untuk preview gambar berektensi Adobe PSD di web browser
https://webtoon.github.io/psd/
#psd
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
https://blog.appsignal.com/2022/03/09/a-complete-guide-to-nodejs-process-management-with-pm2.html
#nodejs #pm2
Appsignal
A Complete Guide to Node.js Process Management with PM2 | AppSignal Blog
This in-depth guide runs you through the key features of Node.js process manager 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
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...