Memasang HTTPS ada server development local
https://auth0.com/blog/using-https-in-your-development-environment/
---
#https #ssl #local #nodejs
https://auth0.com/blog/using-https-in-your-development-environment/
---
#https #ssl #local #nodejs
Auth0 - Blog
Why and How to Use HTTPS in Your Local Development Environment
Learn why you should use HTTPS even for development and how to set up your localhost with that secure protocol.
Beberapa fitur ES2015 yang perlu digunakan dan dipelajari
https://javascript.plainenglish.io/my-boss-you-know-es6-but-why-dont-you-use-it-5e0316f14c67
---
Kumpulan shorthand atau pintasan kode JavaScript yang sering digunakan
https://dev.to/smartgaurav0074/powerful-javascript-shorthands-that-you-should-know-1k66
---
#es2015 #shorthand
https://javascript.plainenglish.io/my-boss-you-know-es6-but-why-dont-you-use-it-5e0316f14c67
---
Kumpulan shorthand atau pintasan kode JavaScript yang sering digunakan
https://dev.to/smartgaurav0074/powerful-javascript-shorthands-that-you-should-know-1k66
---
#es2015 #shorthand
Medium
My Boss: You Know ES6, But Why Don’t You Use It? 😠
10 complaints from my boss that helped me learn a lot.
Beberapa tools untuk membuat placeholder element di dalam desain aplikasi
https://javascript.plainenglish.io/15-useful-placeholder-tools-for-designers-and-developers-deea3c410b6b
#placeholder #tools
https://javascript.plainenglish.io/15-useful-placeholder-tools-for-designers-and-developers-deea3c410b6b
#placeholder #tools
Medium
15 Useful Placeholder Tools for Designers and Developers 🤩🚀
Have you ever worked on a layout design and came across thinking if only I knew some generator to create some temporary samples for me? This can be attributed to anything — sample text, images, brand…
Tips migrasi dari Angular CLI ke Nx Tools
https://dev.to/this-is-angular/why-and-how-we-migrated-to-nx-from-angular-cli-5a61
#angular #nx #tools
https://dev.to/this-is-angular/why-and-how-we-migrated-to-nx-from-angular-cli-5a61
#angular #nx #tools
DEV Community
Why and How we migrated to Nx from Angular CLI
Photo by Luca Bravo on Unsplash Note: Due to NDA, we won't mention the client's name. We finished...
Kumpulan contekan kode atau cheatsheet untuk JavaScript Modern
https://dev.to/j471n/javascript-cheat-sheet-you-needed-2id
—-
Membuat Postman Clone dengan menggunakan HTML, CSS, dan JavaScript
https://akj07.hashnode.dev/postman-clone-using-html-css-and-javascript
—-
Tips dan trik dalam menggunakan fitur javaScript Modern
https://medium.com/dhiwise/11-useful-modern-javascript-tips-9736962ed2cd
—-
Membuat design pattern yang bersih di dalam JavaScript
https://dev.to/codewithahsan/8-techniques-to-write-cleaner-javascript-code-369e
—-
#cheatsheet #pattern #postman #clone
https://dev.to/j471n/javascript-cheat-sheet-you-needed-2id
—-
Membuat Postman Clone dengan menggunakan HTML, CSS, dan JavaScript
https://akj07.hashnode.dev/postman-clone-using-html-css-and-javascript
—-
Tips dan trik dalam menggunakan fitur javaScript Modern
https://medium.com/dhiwise/11-useful-modern-javascript-tips-9736962ed2cd
—-
Membuat design pattern yang bersih di dalam JavaScript
https://dev.to/codewithahsan/8-techniques-to-write-cleaner-javascript-code-369e
—-
#cheatsheet #pattern #postman #clone
DEV Community
JavaScript Cheat Sheet that you should bookmark
This is the Cheat Sheet of JavaScript. It contains explanations, code examples, basic and important...
Latihan membuat fitur drag and drop untuk upload file dengan Vue JS 3
https://www.smashingmagazine.com/2022/03/drag-drop-file-uploader-vuejs-3/
#vue #upload #drag #drop
https://www.smashingmagazine.com/2022/03/drag-drop-file-uploader-vuejs-3/
#vue #upload #drag #drop
Smashing Magazine
How To Make A Drag-and-Drop File Uploader With Vue.js 3 — Smashing Magazine
Building on a previous article on How to Build a Drag-and-Drop File Uploader, we’ll be adding some new features, but more importantly (maybe), we’ll be learning how to build it in Vue 3 and learn some best practices for Vue along the way.
Menggunakan parameter keyof di dalam TypeScript
https://blog.logrocket.com/how-to-use-keyof-operator-typescript/
---
Latihan menggunakan decorator di TypeScript
https://javascript.plainenglish.io/introduction-to-parameter-decorators-in-typescript-b0042b5474ed
#typescript #decorator #typeof
https://blog.logrocket.com/how-to-use-keyof-operator-typescript/
---
Latihan menggunakan decorator di TypeScript
https://javascript.plainenglish.io/introduction-to-parameter-decorators-in-typescript-b0042b5474ed
#typescript #decorator #typeof
LogRocket Blog
How to use the keyof operator in TypeScript - LogRocket Blog
Use the TypeScript keyof operator with features like generics, mapped types, and template literal types to improve type safety in your code.
Contoh implementasi skeleton loading di Angular
https://netbasal.com/implementing-a-loading-skeleton-in-angular-7490ffdecc1b
#angular #skeleton
https://netbasal.com/implementing-a-loading-skeleton-in-angular-7490ffdecc1b
#angular #skeleton
Medium
Implementing a Loading Skeleton in Angular
Skeletons are placeholder elements that are displayed before the actual content is loaded on a webpage. A skeleton is usually a light gray…
Komparasi beberapa generator untuk CSS Grid
https://blog.logrocket.com/comparing-best-css-grid-generators/
#cssGrid #generator
https://blog.logrocket.com/comparing-best-css-grid-generators/
#cssGrid #generator
LogRocket Blog
Comparing the best CSS grid generators - LogRocket Blog
Compare the best CSS grid generators that will help you experiment with an editor to generate your desired layout.
Beberapa ekstensi VS Code untuk membantu produktivitas developer aplikasi web
https://www.freecodecamp.org/news/vs-code-extensions-to-increase-developer-productivity/
#vscode #extension
https://www.freecodecamp.org/news/vs-code-extensions-to-increase-developer-productivity/
#vscode #extension
freeCodeCamp.org
VS Code Extensions to Increase Developer Productivity
Visual Studio Code is one of the most popular code editors used by software developers. While it has many great features built-in, there are a lot of extensions you can install to increase your productivity. We just published a video on the freeCodeCamp.org…
Membuat fungsi generator PDF pada Next JS dan Node JS dengan Puppeteer
https://dev.to/jordykoppen/turning-react-apps-into-pdfs-with-nextjs-nodejs-and-puppeteer-mfi
---
#nest #pdf
https://dev.to/jordykoppen/turning-react-apps-into-pdfs-with-nextjs-nodejs-and-puppeteer-mfi
---
#nest #pdf
DEV Community
Turning React apps into PDFs with Next.js, NodeJS and puppeteer
Hey everyone, let me preface this by saying: This is NOT a production ready implementation. There's...
Memperkenalkan library Node JSON Db, library untuk menyimpan data berbentuk JSON pada Node JS
https://github.com/Belphemur/node-json-db
#nodejs #json #db
https://github.com/Belphemur/node-json-db
#nodejs #json #db
GitHub
GitHub - Belphemur/node-json-db: A simple "database" that use JSON file for Node.JS.
A simple "database" that use JSON file for Node.JS. - Belphemur/node-json-db
Tips untuk memperbarui versi Next JS untuk peningkatan performa dan fitur
https://vercel.com/blog/upgrading-nextjs-for-instant-performance-improvements
---
Beralih dari React CLI biasa ke Next JS
https://javascript.plainenglish.io/migrate-from-create-react-app-to-next-js-bff5fd7a1b6
#nextjs #react
https://vercel.com/blog/upgrading-nextjs-for-instant-performance-improvements
---
Beralih dari React CLI biasa ke Next JS
https://javascript.plainenglish.io/migrate-from-create-react-app-to-next-js-bff5fd7a1b6
#nextjs #react
Vercel
How to improve performance with Next.js - Vercel
Learn how Next.js provides a toolkit to improve site performance, improve the developer experience, and decrease build times with every upgrade.
Traversy Media merilis latihan panjang dan penting tentang penggunaan Webpack 5 dan penggunaan beberapa fitur di dalamnya
https://youtu.be/IZGNcSuwBZs
#traversyMedia #webpack #course
https://youtu.be/IZGNcSuwBZs
#traversyMedia #webpack #course
YouTube
Webpack 5 Crash Course | Frontend Development Setup
In this video, we will create a Webpack dev environment from scratch including...
Webpack setup
Webpack Dev Server
HTML Webpack Plugin
Sass Compiling
Babel Transpiling
Asset Resource Loaders
Analyzer Plugin
Source Maps
💻 Webpack Starter Repo:
https://g…
Webpack setup
Webpack Dev Server
HTML Webpack Plugin
Sass Compiling
Babel Transpiling
Asset Resource Loaders
Analyzer Plugin
Source Maps
💻 Webpack Starter Repo:
https://g…
Latihan menggunakan Streams API di Node JS
https://fauna.com/blog/how-to-use-node-js-streams
—-
Implementasi Jest untuk E2E Testing di Node JS
https://www.digitalocean.com/community/tutorials/how-to-write-end-to-end-tests-in-node-js-using-puppeteer-and-jest
—-
Node JS Event Loop dan Custom Event
https://medium.com/@yg17381/node-js-event-loop-and-custom-event-4c8cec457272
#stream #nodejs #e2e #jest #testing #eventloop
https://fauna.com/blog/how-to-use-node-js-streams
—-
Implementasi Jest untuk E2E Testing di Node JS
https://www.digitalocean.com/community/tutorials/how-to-write-end-to-end-tests-in-node-js-using-puppeteer-and-jest
—-
Node JS Event Loop dan Custom Event
https://medium.com/@yg17381/node-js-event-loop-and-custom-event-4c8cec457272
#stream #nodejs #e2e #jest #testing #eventloop
Fauna
How to use streams in Node.js
Streams are a fundamental part of working in Node.js, allowing you to read or write data in a continuous fashion.
Beberapa fungsi one liner JavaScript yang sering dipakai
https://medium.com/weekly-webtips/12-extremely-practical-javascript-one-line-codes-35b95c2d21a8
#oneliner #function
https://medium.com/weekly-webtips/12-extremely-practical-javascript-one-line-codes-35b95c2d21a8
#oneliner #function
Medium
12 Extremely Practical JavaScript One-Line Codes
Extremely short, beautiful, and practical JavaScript tricks
Course sederhana untuk pengenalan Next JS
https://nextjs.org/learn/foundations/about-nextjs
---
Membuat aplikasi web sederhana dengan Vite JS dan React
https://developer.okta.com/blog/2022/03/14/react-vite-number-converter
---
Beberapa pertanyaan interview seputar React JS
https://www.freecodecamp.org/news/react-interview-questions-to-know/
---
Mengenal Nexus plugin, visualizer untuk susunan Component Tree di React
https://levelup.gitconnected.com/introducing-nexus-a-component-tree-visualizer-for-next-js-1109f31e118e
—-
Sample project aplikasi pengingat Reminder App dengan Vite bundler, Electron JS, TypeScript, Tailwind CSS, dan React
https://reactjsexample.com/reminder-app-electron-11-typescript-4-0-vite-2-react-17-tailwind-2-twstyled-starter/
#react #nextjs #vite #interview #tailwind
https://nextjs.org/learn/foundations/about-nextjs
---
Membuat aplikasi web sederhana dengan Vite JS dan React
https://developer.okta.com/blog/2022/03/14/react-vite-number-converter
---
Beberapa pertanyaan interview seputar React JS
https://www.freecodecamp.org/news/react-interview-questions-to-know/
---
Mengenal Nexus plugin, visualizer untuk susunan Component Tree di React
https://levelup.gitconnected.com/introducing-nexus-a-component-tree-visualizer-for-next-js-1109f31e118e
—-
Sample project aplikasi pengingat Reminder App dengan Vite bundler, Electron JS, TypeScript, Tailwind CSS, dan React
https://reactjsexample.com/reminder-app-electron-11-typescript-4-0-vite-2-react-17-tailwind-2-twstyled-starter/
#react #nextjs #vite #interview #tailwind
nextjs.org
React Foundations
Learn the fundamental JavaScript and React concepts that'll help you get started with Next.js.
Catatan rilis tools prototyping berbasis Vue JS yaitu Overvue 6.x
https://medium.com/@bebart87/overvue-6-0-vues-most-popular-prototyping-tool-just-got-better-4f4d706d2a65
#vue
https://medium.com/@bebart87/overvue-6-0-vues-most-popular-prototyping-tool-just-got-better-4f4d706d2a65
#vue
Medium
OverVue 6.0: Vue’s Most Popular Prototyping Tool Just Got Better
Expedite the development of your next Vue application — now with TypeScript, Vite and a revamped UI
Melihat beberapa attribute HTML yang jarang diketahui tapi berguna
https://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/
---
Mengenal element CSS :where dan contoh penggunaannya
https://blog.logrocket.com/deep-dive-css-where-function/
#html #css #where #attribute
https://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/
---
Mengenal element CSS :where dan contoh penggunaannya
https://blog.logrocket.com/deep-dive-css-where-function/
#html #css #where #attribute
Smashing Magazine
Those HTML Attributes You Never Use — Smashing Magazine
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects.
Latihan penting tentang penggunaan command chmod untuk mengatur permission di Linux
https://www.freecodecamp.org/news/how-to-change-file-permissions-with-the-chmod-command-on-linux/
#chmod #linux
https://www.freecodecamp.org/news/how-to-change-file-permissions-with-the-chmod-command-on-linux/
#chmod #linux
freeCodeCamp.org
Chmod Command – How to Change File Permissions in Linux
One of the first commands I learned on Linux was the touch command that creates a file using the command line. If you ever try to create, for instance, a text file, all you have to do is type touch filename.txt, press Enter, and the file is created