Latihan membuat form validation di JavaScript bersama Dcode
https://youtu.be/fE5ASN0sbtI
#form #validation #dcode
https://youtu.be/fE5ASN0sbtI
#form #validation #dcode
YouTube
How to Create a Custom Form Validator with JavaScript
Link to SOURCE CODE:
https://codepen.io/dcode-software/pen/jOYVLvr
In today's video I'll show you how to build a custom form validator using vanilla JavaScript - no frameworks or libraries required!'
This will let you define your own custom rules for validation…
https://codepen.io/dcode-software/pen/jOYVLvr
In today's video I'll show you how to build a custom form validator using vanilla JavaScript - no frameworks or libraries required!'
This will let you define your own custom rules for validation…
Perbedaan antara backend dengan front end pada Node JS
https://www.freecodecamp.org/news/frontend-vs-backend-whats-the-difference/
#frontend #backend
https://www.freecodecamp.org/news/frontend-vs-backend-whats-the-difference/
#frontend #backend
freeCodeCamp.org
Frontend VS Backend – What's the Difference?
At the start of your web development journey, you will often hear about the frontend and the backend parts of an application. But what do these terms mean exactly? In this article, you will learn about the differences between the two by examining the...
Latihan panjang dari JavaScript Mastery membuat aplikasi sosial media dengan MERN Stack dan deploy ke layanan VPS hosting
https://youtu.be/VsUzmlZfYNg
—-
Tips dan trik penting yang berseri dalam membuat aplikasi web berbasis React
https://dev.to/devsmitra/react-best-practices-and-patterns-to-reduce-code-part-3-4bh1
#mern #javascriptMastery #nodejs
https://youtu.be/VsUzmlZfYNg
—-
Tips dan trik penting yang berseri dalam membuat aplikasi web berbasis React
https://dev.to/devsmitra/react-best-practices-and-patterns-to-reduce-code-part-3-4bh1
#mern #javascriptMastery #nodejs
YouTube
Build and Deploy a Full Stack MERN Social Media App with Auth, Pagination, Comments | MERN Course
Watch this video to master the MERN stack and build real industry applications.
📙FREE Ultimate MERN Guide: https://resource.jsmastery.pro/mern-guide
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code is automatically…
📙FREE Ultimate MERN Guide: https://resource.jsmastery.pro/mern-guide
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code is automatically…
Membuat datatable sendiri dengan JavaScript, HTML, dan CSS
https://www.raymondcamden.com/2022/03/14/building-table-sorting-and-pagination-in-javascript
---
Beberapa cara melakukan http request dengan JavaScript
https://medium.com/@techieshubham30/how-to-make-api-call-in-javascript-83a8b8b2af92
—-
Mengenal RxJS dan komparasi dengan Promise API
https://javascript.plainenglish.io/why-rxjs-rxjs-vs-promises-b28962771d68
#datatable #http #rxjs
https://www.raymondcamden.com/2022/03/14/building-table-sorting-and-pagination-in-javascript
---
Beberapa cara melakukan http request dengan JavaScript
https://medium.com/@techieshubham30/how-to-make-api-call-in-javascript-83a8b8b2af92
—-
Mengenal RxJS dan komparasi dengan Promise API
https://javascript.plainenglish.io/why-rxjs-rxjs-vs-promises-b28962771d68
#datatable #http #rxjs
Raymondcamden
Building Table Sorting and Pagination in JavaScript
Rendering a sortable, paginated table in JavaScript
Beberapa fitur Browser API yang jarang diketahui
https://dev.to/dustinbrett/browsers-can-do-that-271o
#browser #api
https://dev.to/dustinbrett/browsers-can-do-that-271o
#browser #api
DEV Community 👩💻👨💻
Browsers can do that?
For the past few years since I began my endeavor to make a web desktop environment I've become...
Latihan sederhana membuat REST API dengan Node JS dan Express JS
https://javascript.plainenglish.io/building-rest-api-with-node-express-and-postgresql-28d8cfe30d
#nodejs #express #postgresql
https://javascript.plainenglish.io/building-rest-api-with-node-express-and-postgresql-28d8cfe30d
#nodejs #express #postgresql
Medium
How to Build REST API with Node.js, Express, and PostgreSQL
A simple, step-by-step guide to building REST APIs using Node.js, Express, and PostgreSQL database (with TS) for a todo app.
Tips sederhana dalam mengamankan server web berbasis NGINX
https://javascript.plainenglish.io/how-to-secure-your-nginx-server-3359dfce8b8b
#nginx #security
https://javascript.plainenglish.io/how-to-secure-your-nginx-server-3359dfce8b8b
#nginx #security
Medium
How To Secure Your NGINX Server (2023)
A brief guide on how to secure your NGINX Server in 2023
Beberapa tips dan trik dalam membuat aplikasi web berbasis Angular
https://javascript.plainenglish.io/20-angular-code-improvement-tips-you-need-to-learn-now-af57cab58c69
#angular #tips
https://javascript.plainenglish.io/20-angular-code-improvement-tips-you-need-to-learn-now-af57cab58c69
#angular #tips
Medium
20+ Angular Code Improvement Tips You Need To Learn Now
In this article, I will talk about various code improvement points that you need to follow in your project to make the code more readable…
Forwarded from Dicoding Indonesia
Baparekraf Developer Day & Baparekraf Digital Talent 🤩
Kementerian Pariwisata dan Ekonomi Kreatif/Badan Pariwisata dan Ekonomi Kreatif (Kemenparekraf/Baparekraf) kembali mengadakan Baparekraf Developer Day 2022 pada tanggal 2 April 2022. 🗓
Kegiatan ini memungkinkan transfer pengetahuan dan standar industri secara langsung dari para praktisi expert. Mari bertukar ide dengan berbagai gagasan tema bahasan mulai dari Blockchain, Cyber Security, dan juga 2 track bahasan (Front-End dan Back-End).
Ikuti dan ajak komunitas-mu dan daftar ▶️ bdd.kemenparekraf.go.id
Mohon bantuannya untuk share juga informasi ini ke teman/komunitas/keluarga dan lainnya. 👏
Kementerian Pariwisata dan Ekonomi Kreatif/Badan Pariwisata dan Ekonomi Kreatif (Kemenparekraf/Baparekraf) kembali mengadakan Baparekraf Developer Day 2022 pada tanggal 2 April 2022. 🗓
Kegiatan ini memungkinkan transfer pengetahuan dan standar industri secara langsung dari para praktisi expert. Mari bertukar ide dengan berbagai gagasan tema bahasan mulai dari Blockchain, Cyber Security, dan juga 2 track bahasan (Front-End dan Back-End).
Ikuti dan ajak komunitas-mu dan daftar ▶️ bdd.kemenparekraf.go.id
Mohon bantuannya untuk share juga informasi ini ke teman/komunitas/keluarga dan lainnya. 👏
Beberapa cara penting untuk menghapus nilai duplikat di dalam suatu Array
https://javascript.plainenglish.io/6-extremely-useful-ways-to-remove-duplicate-values-in-javascript-arrays-b362f7b110b8
---
Melihat alur kerja ParseInt di JavaScript yang agak aneh
https://javascript.plainenglish.io/why-is-javascripts-parseint-0-0000005-5-eb9e2432f1b0
---
Membuat fungsi Scroll to Top dengan JavaScript
https://stackabuse.com/scroll-to-top-in-vanilla-javascript/
---
#duplicate #array #scrollTop #parseInt
https://javascript.plainenglish.io/6-extremely-useful-ways-to-remove-duplicate-values-in-javascript-arrays-b362f7b110b8
---
Melihat alur kerja ParseInt di JavaScript yang agak aneh
https://javascript.plainenglish.io/why-is-javascripts-parseint-0-0000005-5-eb9e2432f1b0
---
Membuat fungsi Scroll to Top dengan JavaScript
https://stackabuse.com/scroll-to-top-in-vanilla-javascript/
---
#duplicate #array #scrollTop #parseInt
Medium
6 Extremely Useful Ways to Remove Duplicate Values in JavaScript Arrays
Easily implement array deduplication
Latihan menggunakan Three JS untuk animasi sederhana
https://medium.com/geekculture/getting-started-with-three-js-1c2d02e18330
#threejs
https://medium.com/geekculture/getting-started-with-three-js-1c2d02e18330
#threejs
Medium
Getting Started With Three.js
The ability to render 3D objects in the browser opens up many exciting possibilities for creating interactive experiences. Whether you’re…
Beberapa cara untuk meratakan element di dalam Array dengan JavaScript
https://javascript.plainenglish.io/7-ways-to-flatten-arrays-in-javascript-2574db3aff2
#array #flatten #flat
https://javascript.plainenglish.io/7-ways-to-flatten-arrays-in-javascript-2574db3aff2
#array #flatten #flat
Medium
7 Ways to Flatten Arrays in JavaScript
Let’s see what can replace the flat method
Tips penting dalam mencegah adanya brute force pada endpoint API di Node JS
https://levelup.gitconnected.com/prevent-brute-force-attacks-in-node-js-419367ae35e6
#nodejs #prevent #bruteforce #security
https://levelup.gitconnected.com/prevent-brute-force-attacks-in-node-js-419367ae35e6
#nodejs #prevent #bruteforce #security
Medium
Prevent Brute Force Attacks in Node.JS
What is Brute Force Attack?
Latihan dari John Komarnicky tentang penggunaan Promise API JavaScript dengan mudah
https://youtu.be/RTUF3qfl6EQ
#promise #johnKomarnicky
https://youtu.be/RTUF3qfl6EQ
#promise #johnKomarnicky
YouTube
Handle JavaScript Promises Like A Pro!
In this video we cover how to increase the performance and speed while writing asynchronous promised based functionality into your applications!
-----------------------------------------------------------------------------------------------------
Join…
-----------------------------------------------------------------------------------------------------
Join…
Beberapa library untuk membuat Chart atau grafis di Vue JS
https://blog.logrocket.com/8-best-chart-libraries-vue/
---
Latihan penting menggunakan Pinia dan Vuex untuk mengambil data dari API dengan Axios
https://blog.logrocket.com/consume-apis-with-vuex-pinia-axios/
#vue #pinia #chart #axios #vuex
https://blog.logrocket.com/8-best-chart-libraries-vue/
---
Latihan penting menggunakan Pinia dan Vuex untuk mengambil data dari API dengan Axios
https://blog.logrocket.com/consume-apis-with-vuex-pinia-axios/
#vue #pinia #chart #axios #vuex
LogRocket Blog
The 8 best chart libraries for Vue - LogRocket Blog
Make data visualization easier by exploring the best charting libraries on Vue according to their data integration and maintenance.
Vumin, admin template untuk Vue JS yang dibuat dengan Tailwind CSS
https://blog.scriptmint.com/vumin-free-vue-js-tailwind-css-admin-template-34e005e6f926
#vumin #vue #tailwind #css #template #admin
https://blog.scriptmint.com/vumin-free-vue-js-tailwind-css-admin-template-34e005e6f926
#vumin #vue #tailwind #css #template #admin
Medium
Vumin — Free Vue.js, Tailwind CSS Admin Template
Vumin is a Free Admin Template built with Vue.js & Tailwind CSS.
Forwarded from JavaScript Weeekly News
Javascript Weekly 581
03/21/2022
• News Shader Park: Create Interactive 2D and 3D Shaders with JavaScript
• News Prettier 2.6 Released
• News Tired of Explaining Why Your Big Tech Cloud Bill Keeps Growing?
• News How npm Packages Were Used in a Protest Against the War in Ukraine
• News Deno 1.20 Released
• News How To Make a Drag-and-Drop File Uploader with Vue.js 3
• News A Delightful React File/Directory Structure
• News How to Use JavaScript to Extend the Functionality of Your Chatbot
• News The 'Double-Assignment Pattern' in jQuery's Source Code
• News Next.js's New Official 'Foundations' Course
• News Remix vs Next.js
• News Creating a Simple Table Sorting and Pagination Feature
• News Announcing Build Matrix
• News A Discussion of Where TypeScript Excels
• News Upgrading Next.js for Instant Performance Improvements
• News Peaks 1.0: UI Component for Interacting with Audio Waveforms
• News Wave.js 2.0: An Audio Visualization Library
• News Faker 6.0: Generate Massive Amounts of Fake Data in Node or Browser
• News Pulumi: Developer-First Infrastructure with JavaScript
• News sysend.js: Send Messages Between Open Pages or Tabs in Same Browser
• News Chrome Extension CLI: The CLI for Your Next Chrome Extension
• News js2xml: Convert JavaScript Code to an XML Document
• News Emoji Button: A Vanilla JavaScript Emoji Picker
• News Liqvid 2.1: Create Interactive Videos with React, HTML, CSS, and JS
Tags: #weekly #nodejs
JavaScript Indonesia Community
03/21/2022
• News Shader Park: Create Interactive 2D and 3D Shaders with JavaScript
• News Prettier 2.6 Released
• News Tired of Explaining Why Your Big Tech Cloud Bill Keeps Growing?
• News How npm Packages Were Used in a Protest Against the War in Ukraine
• News Deno 1.20 Released
• News How To Make a Drag-and-Drop File Uploader with Vue.js 3
• News A Delightful React File/Directory Structure
• News How to Use JavaScript to Extend the Functionality of Your Chatbot
• News The 'Double-Assignment Pattern' in jQuery's Source Code
• News Next.js's New Official 'Foundations' Course
• News Remix vs Next.js
• News Creating a Simple Table Sorting and Pagination Feature
• News Announcing Build Matrix
• News A Discussion of Where TypeScript Excels
• News Upgrading Next.js for Instant Performance Improvements
• News Peaks 1.0: UI Component for Interacting with Audio Waveforms
• News Wave.js 2.0: An Audio Visualization Library
• News Faker 6.0: Generate Massive Amounts of Fake Data in Node or Browser
• News Pulumi: Developer-First Infrastructure with JavaScript
• News sysend.js: Send Messages Between Open Pages or Tabs in Same Browser
• News Chrome Extension CLI: The CLI for Your Next Chrome Extension
• News js2xml: Convert JavaScript Code to an XML Document
• News Emoji Button: A Vanilla JavaScript Emoji Picker
• News Liqvid 2.1: Create Interactive Videos with React, HTML, CSS, and JS
Tags: #weekly #nodejs
JavaScript Indonesia Community
Contoh validasi data di TypeScript dengan TypeScript Decorator dan reflection.
https://javascript.plainenglish.io/runtime-data-validation-in-typescript-using-decorators-and-reflection-metadata-3219fdf5dfb5
#typescript #validation #decorator
https://javascript.plainenglish.io/runtime-data-validation-in-typescript-using-decorators-and-reflection-metadata-3219fdf5dfb5
#typescript #validation #decorator
Medium
Runtime Data Validation in TypeScript using Decorators and Reflection Metadata
Automatic, easy, validation of runtime data made easy
Beberapa tips dalam menambahkan styling CSS di Next JS
https://blog.logrocket.com/best-styling-options-nextjs/
---
Membuat pesan alert atau toast di React JS
https://blog.logrocket.com/create-custom-react-alert-message/
#react #css #style #alert
https://blog.logrocket.com/best-styling-options-nextjs/
---
Membuat pesan alert atau toast di React JS
https://blog.logrocket.com/create-custom-react-alert-message/
#react #css #style #alert
LogRocket Blog
The best styling options for Next.js - LogRocket Blog
Choosing a styling option is dependent on many factors. Thankfully, Next.js offers built-in support for CSS in a variety of different ways.
Latihan panjang dan berseri tentang pengenalan JavaScript
https://snipcart.com/blog/javascript-practice-exercises
#esm #course
https://snipcart.com/blog/javascript-practice-exercises
#esm #course
Snipcart
JavaScript Practice Exercises for All Levels
Practice JavaScript online with this list of free practices exercises. Start practicing to improve your skills or take one of our listed courses to start from scratch.