Latihan dari Dcode untuk membuat aplikasi Image Editor dengan JavaScript, HTML dan CSS
https://youtu.be/e_QGePW-GBw
#html #css #dcode #image #editor
https://youtu.be/e_QGePW-GBw
#html #css #dcode #image #editor
YouTube
Build Your Own Image Editor with JavaScript & HTML5 Canvas
VIEW THE SOURCE CODE:
https://codepen.io/dcode-software/pen/qBxJdJQ
In today's video we'll be building an image editor using HTML, CSS and JavaScript. This is an interesting project that uses the HTML5 Canvas and the "filter" property to apply filters to…
https://codepen.io/dcode-software/pen/qBxJdJQ
In today's video we'll be building an image editor using HTML, CSS and JavaScript. This is an interesting project that uses the HTML5 Canvas and the "filter" property to apply filters to…
Penggunaan teknik Abort Controller pada Node JS untuk membatalkan eksekusi Promise
https://blog.logrocket.com/complete-guide-abortcontroller-node-js/
—-
Konversi String ke Buffer dan sebaliknya dengan Node JS
https://levelup.gitconnected.com/node-js-converting-strings-to-buffers-and-vice-versa-5fd279815da7
#nodejs #abortcontroller #promise #buffer
https://blog.logrocket.com/complete-guide-abortcontroller-node-js/
—-
Konversi String ke Buffer dan sebaliknya dengan Node JS
https://levelup.gitconnected.com/node-js-converting-strings-to-buffers-and-vice-versa-5fd279815da7
#nodejs #abortcontroller #promise #buffer
LogRocket Blog
The complete guide to AbortController in Node.js - LogRocket Blog
The AbortController API in Node.js is a wonderful new development - learn all about it in this comprehensive tutorial.
Latihan membuat preview gambar sebelum gambar itu diunggah
https://levelup.gitconnected.com/preview-an-image-before-uploading-using-javascript-953557f54154
#preview #image
https://levelup.gitconnected.com/preview-an-image-before-uploading-using-javascript-953557f54154
#preview #image
Medium
Preview an Image Before Uploading Using JavaScript
Learn to display the preview of any selected image before they get uploaded.
Membuat widget waktu dengan HTML, CSS, dan JavaScript bersama Dcode
https://youtu.be/_L6vpV_3SaE
#dcode #time #widget #css
https://youtu.be/_L6vpV_3SaE
#dcode #time #widget #css
YouTube
Create a Date Time Widget with HTML, CSS & JavaScript
VIEW THE SOURCE CODE:
https://codepen.io/dcode-software/pen/abqRRqq
In today's video we'll create a date time widget using HTML, CSS and JavaScript. There will be libraries or frameworks required for this and it will update with the current time.
🏫 My Udemy…
https://codepen.io/dcode-software/pen/abqRRqq
In today's video we'll create a date time widget using HTML, CSS and JavaScript. There will be libraries or frameworks required for this and it will update with the current time.
🏫 My Udemy…
Text editor VS Code / Codium telah rilis versi 1.68 , dengan banyak tambahan fitur baru dan perbaikan. Catatan rilisnya dapat dilihat pada tautan berikut.
https://code.visualstudio.com/updates/v1_68
#code #release #vscodium
https://code.visualstudio.com/updates/v1_68
#code #release #vscodium
Alternatif penggunaan for loop dengan memakai Iterators function
https://javascript.plainenglish.io/stop-using-for-loops-use-iterators-instead-javascript-62682c74427d
#iterator #loop
https://javascript.plainenglish.io/stop-using-for-loops-use-iterators-instead-javascript-62682c74427d
#iterator #loop
Medium
Stop Using For-Loops, Use Iterators Instead
For-loops are no longer the best way to iterate arrays in JavaScript. Instead, use the Array iterator functions. Here are six array…
Latihan menggunakan Node Version Manager yang bernama Fnm
https://www.freecodecamp.org/news/fnm-fast-node-manager/
#fnm #nodejs #version #manager
https://www.freecodecamp.org/news/fnm-fast-node-manager/
#fnm #nodejs #version #manager
freeCodeCamp.org
How to Use fnm – Fast Node Manager
If you've been working with Node for a while, you will most likely discover that your projects – or one you're working on – are written for an older version of Node. That means they won't work as expected with the latest version. In that case, a Nod...
Membuat copy to clipboard component di Angular
https://netbasal.com/create-reusable-copy-to-clipboard-directive-in-angular-fc1139b9e755
—-
Membuat nested forms dan subform di dalam Angular
https://betterprogramming.pub/split-angular-nested-forms-into-subform-components-dcf32d1fb10d
#angular #forms #subform #copyToClipboard
https://netbasal.com/create-reusable-copy-to-clipboard-directive-in-angular-fc1139b9e755
—-
Membuat nested forms dan subform di dalam Angular
https://betterprogramming.pub/split-angular-nested-forms-into-subform-components-dcf32d1fb10d
#angular #forms #subform #copyToClipboard
Medium
Create Reusable Copy-To-Clipboard Directive in Angular
Including a copy button in an application is a common feature that enhances user experience, especially on mobile devices where users may…
Latihan membuat text counter pada input text area dengan JavaScript, HTML, dan CSS
https://levelup.gitconnected.com/character-counter-for-text-area-element-using-javascript-72d9a7ff5f77
---
Latihan sederhana menghapus duplikat di dalam Array
https://dev.to/jmjkim/eliminating-duplicates-in-an-array-writing-in-progress-3gl4
---
Pengenalan Higher Order function pada JavaScript
https://www.freecodecamp.org/news/higher-order-functions-in-javascript/
---
#higher #order #counter #duplicate
https://levelup.gitconnected.com/character-counter-for-text-area-element-using-javascript-72d9a7ff5f77
---
Latihan sederhana menghapus duplikat di dalam Array
https://dev.to/jmjkim/eliminating-duplicates-in-an-array-writing-in-progress-3gl4
---
Pengenalan Higher Order function pada JavaScript
https://www.freecodecamp.org/news/higher-order-functions-in-javascript/
---
#higher #order #counter #duplicate
Medium
Character Counter for Text Area Element Using JavaScript
Learn to implement the feature to count the number of characters available in a text area element using JavaScript.
Latihan penggunaan Vue JS 3 v-model untuk membuat form input yang kompleks
https://blog.logrocket.com/using-v-model-vue-3-build-complex-forms/
#vue #form #vmodel
https://blog.logrocket.com/using-v-model-vue-3-build-complex-forms/
#vue #form #vmodel
LogRocket Blog
Using v-model in Vue 3 to build complex forms - LogRocket Blog
Explore the v-model directive and learn how to use multiple v-model bindings on Vue components to simplify the creation of complex forms.
Memahami apa itu glob pada Node JS
https://blog.logrocket.com/understanding-using-globs-node-js/
---
Memahami apa itu stdin, stdout, dan stderr di Node JS
https://blog.logrocket.com/using-stdout-stdin-stderr-node-js/
---
Latihan membuat aplikasi Todo List sederhana dengan Express JS dan Redis Db
https://www.jackfranklin.co.uk/blog/node-express-todo-app-redis/
#nodejs #glob #stdin #stdout #todo #express
https://blog.logrocket.com/understanding-using-globs-node-js/
---
Memahami apa itu stdin, stdout, dan stderr di Node JS
https://blog.logrocket.com/using-stdout-stdin-stderr-node-js/
---
Latihan membuat aplikasi Todo List sederhana dengan Express JS dan Redis Db
https://www.jackfranklin.co.uk/blog/node-express-todo-app-redis/
#nodejs #glob #stdin #stdout #todo #express
LogRocket Blog
Understanding the glob pattern in Node.js - LogRocket Blog
If you’ve ever tried adding multiple files to Git to a directory using the git add *.java command, then you’ve used the glob pattern.
Panduan lengkap tentang membuat Forms di React JS
https://www.telerik.com/blogs/complete-guide-building-react-forms-2022
#react #form #guide
https://www.telerik.com/blogs/complete-guide-building-react-forms-2022
#react #form #guide
Telerik Blogs
How to Create a Form in React: Complete Guide
Forms are high risk / high reward, so it’s important for us, as developers, to approach them well prepared. Learn the steps to building great React forms.
Latihan menggunakan perintah Linux untuk menghapus folder
https://www.freecodecamp.org/news/how-to-remove-a-directory-in-linux/
#folder #delete
https://www.freecodecamp.org/news/how-to-remove-a-directory-in-linux/
#folder #delete
freeCodeCamp.org
How to Remove a Directory in Linux – Delete a Folder Command
If you're using a user interface, you can right-click on a directory and select "Delete" or "Move to Bin". But how do you do this on the terminal? I'll explain that in this article. How to Remove a Directory in Linux There are two ways to remove directories…
Latihan membuat search component, filter, dan pagination ada React JS
https://www.freecodecamp.org/news/how-to-react-components/
#react #filter #component
https://www.freecodecamp.org/news/how-to-react-components/
#react #filter #component
freeCodeCamp.org
React Components – How to Create a Search, Filter, and Pagination Component in React
I wrote the article "How to Search and Filter Components in React" exactly one year ago. > If you're building a React app, you want your users to be able to search & get exact results. And if you're getting data from an API, they need to be able to
Latihan mengganti font pada HTML dengan CSS
https://www.freecodecamp.org/news/how-to-change-font-with-html/
---
Menggunakan inline style CSS pada HTML
https://www.freecodecamp.org/news/inline-style-in-html/
#css #inline #html #font
https://www.freecodecamp.org/news/how-to-change-font-with-html/
---
Menggunakan inline style CSS pada HTML
https://www.freecodecamp.org/news/inline-style-in-html/
#css #inline #html #font
freeCodeCamp.org
How to Change Font with HTML
Back in the days of HTML4, there was a <font> tag you could use to change the font size, font family, and the color of a text. But with HTML5, the <font> tag has been deprecated. So if you want to change anything related to the font, you have to
JavaScript Mastery merilis latihan panjang tentang membuat aplikasi olahraga dengan React 18
https://www.youtube.com/watch?v=KBpoBc98BwM
#javascriptMastery #react #app
https://www.youtube.com/watch?v=KBpoBc98BwM
#javascriptMastery #react #app
YouTube
Build and Deploy a Modern React 18 Fitness Exercises App With APIs | RapidAPI
Every web developer needs to know how to use APIs in their applications. Learn how to create the best and most modern Fitness Exercises App using two separate APIs!
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code…
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code…
Referensi beberapa CSS Gradient yang dapat dipakai untuk tampilan aplikasi web
https://dev.to/devash98/15-beautiful-colour-gradients-using-css-4em1
---
#css #gradient
https://dev.to/devash98/15-beautiful-colour-gradients-using-css-4em1
---
#css #gradient
DEV Community
15 Beautiful Color Gradients using CSS
👋, I am here with another list. In this post I have enlisted 15 aesthetic color gradients using CSS...
Latihan pengenalan debounce dan throttling pada JavaScript
https://medium.com/front-end-weekly/debouncing-and-throttling-in-javascript-3c8f8cf5e645
—-
Menggabungkan beberapa Array JavaScript dengan property key tertentu
https://itnext.io/merge-javascript-objects-in-an-array-with-different-defined-properties-5c1e2c3ca634
—-
Beberapa fungsi one liner untuk membantu proses pengembangan dengan TypeScript
https://javascript.plainenglish.io/7-one-liners-to-improve-typescript-development-6c9daadb7825
#debounce #throttle #oneliner #array #merge
https://medium.com/front-end-weekly/debouncing-and-throttling-in-javascript-3c8f8cf5e645
—-
Menggabungkan beberapa Array JavaScript dengan property key tertentu
https://itnext.io/merge-javascript-objects-in-an-array-with-different-defined-properties-5c1e2c3ca634
—-
Beberapa fungsi one liner untuk membantu proses pengembangan dengan TypeScript
https://javascript.plainenglish.io/7-one-liners-to-improve-typescript-development-6c9daadb7825
#debounce #throttle #oneliner #array #merge
Medium
Understand Debouncing and Throttling in JavaScript
Debouncing and throttling are both used to enhance the website performance by limiting the number of times the events are triggered…
Pengenalan apa itu Vitest untuk unit testing alternatif dari Jest
https://www.youtube.com/watch?v=7f-71kYhK00
#vite #jest #vitest #testing
https://www.youtube.com/watch?v=7f-71kYhK00
#vite #jest #vitest #testing
YouTube
Why Vitest Is Better Than Jest
Vitest is a simple testing library built on top of Vite which takes everything I love about Jest and brings it to the modern age of JavaScript. Everyone that has worked with Jest knows how much of a pain it is to work with ES modules, but Vitest makes it…
Forwarded from Dicoding Indonesia (oon)
Indosat Ooredoo Hutchison Digital Camp (IDCamp) 2022 🤩
Hari ini pendaftaran IDCamp 2022 sudah dibuka untuk seluruh Warga Negara Indonesia (WNI) tanpa batasan usia. ✨
Calon peserta bisa daftar di https://idcamp.ioh.co.id
Yuk segera daftar untuk belajar dari 8 pilihan alur belajar (Learning Path)! 🙌
Bagikan infonya ke kawan-kawan lain yang semangat belajar untuk jadi Developer andal Indonesia. 🤓
Hari ini pendaftaran IDCamp 2022 sudah dibuka untuk seluruh Warga Negara Indonesia (WNI) tanpa batasan usia. ✨
Calon peserta bisa daftar di https://idcamp.ioh.co.id
Yuk segera daftar untuk belajar dari 8 pilihan alur belajar (Learning Path)! 🙌
Bagikan infonya ke kawan-kawan lain yang semangat belajar untuk jadi Developer andal Indonesia. 🤓
Latihan menggunakan Chrome sebagai Code Editor dan debugger pengembangan aplikasi web
https://blog.openreplay.com/how-to-use-chrome-as-a-code-editor-and-debugger
#chrome #debugger #editor
https://blog.openreplay.com/how-to-use-chrome-as-a-code-editor-and-debugger
#chrome #debugger #editor