JavaScript Indonesia Channel

Membuat fungsi upload dengan JavaScript

https://www.freecodecamp.org/news/upload-files-with-javascript/

---

Panduan membuat dynamic form pada JavaScript

https://javascript.plainenglish.io/how-to-build-a-dynamic-form-with-javascript-3920866b8fe7

---

Penggunaan Optional Chaining pada data berbentuk Array

https://masteringjs.io/tutorials/fundamentals/optional-chaining-array

---

Beberapa anti pattern pada JavaScript

https://javascript.plainenglish.io/javascript-anti-patterns-you-should-avoid-f365296f99d8

---

#form #antipattern #optionalChaining

freeCodeCamp.org

How to Upload Files with JavaScript

By Austin Gil I recently published a tutorial showing how to upload files with HTML. That's great, but it's a bit limited to using the native browser form behavior, which causes the page to refresh. In this tutorial, I want to show you how to do the ...

581 views00:52

JavaScript Indonesia Channel

Latihan membuat login form API di Node JS

https://blog.logrocket.com/building-simple-login-form-node-js/

#nodejs #login #form

LogRocket Blog

Building a simple login form with Node.js - LogRocket Blog

In this tutorial, we will learn how to build a simple login form to register and sign in users using Node.js.

585 views00:14

JavaScript Indonesia Channel

Membuat fixed header dengan scroll body di Angular

https://itnext.io/creating-a-fixed-header-with-scrollable-body-in-angular-bcaf8075b6da

---

Pengenalan tentang state management di Angular

https://auth0.com/resources/ebooks/angular-handbook-identity-and-state-management?utm_source=content_synd&utm_medium=sc&utm_campaign=global_dist

---

Membuat Angular forms dengan bantuan library ngJoyValidator

https://dev.to/bledar_ramo/angular-forms-building-complex-reactive-forms-with-ngjoyvalidators-4nhk

---

Perbedaan antara JIT dan AOT di Angular

https://javascript.plainenglish.io/angular-what-is-aot-vs-jit-compilation-and-how-it-works-eaaa92eeb4e8

---

#angular #header #jit #aot #form

Medium

Creating a Fixed Header with Scrollable Body in Angular

Just a random feature

585 views00:36

JavaScript Indonesia Channel

Cara membuat HTML forms yang baik dan tanpa error

https://www.freecodecamp.org/news/how-to-build-error-free-html-forms/

#html #error #form

freeCodeCamp.org

How to Build Error-Free HTML Forms

After taking some coding courses, I decided that it was time to put my knowledge to good use and do a coding project. Like most newbies, I went to Google to find some inspiration. As I scrolled through the internet, I stumbled upon Skillcrush’s list...

341 views23:49

JavaScript Indonesia Channel

Latihan dari Cand Dev cara menggunakan form validation di Shadcn UI pada Next JS

https://www.youtube.com/watch?v=GkpEWkKQego

#candDev #nextjs #form #validation #cdn

YouTube

Create Form and Validation With Shadcn UI | NextJs 13

Check out MiniTool MovieMaker: https://bit.ly/4hKFA9A Building Sign-Up and Sign-In Forms with React Hook Form, Zod Validation, and Shadcn UI | Next.js app router

Part 1 - Create the Form: https://youtu.be/GkpEWkKQego?si=Y1XGX-05jIf4Zgml
Part 2 - Email and…

596 views00:21

JavaScript Indonesia Channel

Beberapa library untuk membuat form di Vue JS

https://www.youtube.com/watch?v=10q09MMqU9E

#vue #form #library

YouTube

My Favorite Vue Form Library

register for a free Vue event, vue.js forge August 2/3 - https://go.learnvue.co/vuejs-forge

RESOURCES
formkit docs - https://formkit.com/
zod - https://github.com/colinhacks/zod

✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access…

1.1K views23:18

JavaScript Indonesia Channel

Latihan membuat login form dengan animasi tambahan menggunakan HTML dan CSS

https://www.youtube.com/watch?v=jrGQrJJN0cA

#login #form #onlineTutorials #html #css

YouTube

Animated Login Form Html CSS

Get Master Frontend: Zero to Hero ebook Now👇
https://bit.ly/3E40YEV
------------------
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover…

480 views00:33

JavaScript Indonesia Channel

Penggunaan Zod untuk form validation di Vue JS dan React JS

https://www.youtube.com/watch?v=ic0fTV1uwbo

#zod #form #validation

YouTube

Zod Form Validation Is The Best Vue Form Validator (and React) Out There

Need to Sign Up? Click here https://go.aws/3qK8rG6
#formvalidation #vuejs #typescript

In this video I look at Zod a schema validator and use it for form validation. Then I see how it will work with Veelidate, and finally we connect it to an AppSync with…

659 views01:16

JavaScript Indonesia Channel

Tips perbaikan form validation di JavaScript bersama James Quick

https://www.youtube.com/watch?v=4bfE_jdB2fQ

#form #validation

YouTube

JavaScript Client-Side form validation DOESN'T WORK - Here's Why

What you think of as form validation doesn't really work. Frontend form validation in JavaScript is useful for user experience. For true protection though, form validation has to happen on the server! This means you might be rewriting code to handle User…

584 views00:18

JavaScript Indonesia Channel

Latihan menggunakan Next JS dengan membuat aplikasi sales dengan Stripe dan Airtable

https://dev.to/triggerdotdev/achieve-nextjs-mastery-build-a-sales-page-with-stripe-and-airtable-1p5m

—-

Cara menggunakan form handling di React JS

https://javascript.plainenglish.io/form-handling-in-react-b13ccb3fef0b

—-

#nextjs #react #form #handle

DEV Community

🚀 Achieve NextJS Mastery: Build a Sales Page with Stripe and Airtable 🧙‍♂️🪄✨

TL;DR In this tutorial, you'll learn how to build a sales landing page: Build an entire...

796 views01:11

JavaScript Indonesia Channel

Panduan penggunaan Forms di React JS

https://dev.to/ajones_codes/a-better-guide-to-forms-in-react-47f0

#react #form

DEV Community

A Better Guide To Forms in React

The React ecosystem is lush with libraries, articles, videos, and more resources for every web...

800 views00:21

JavaScript Indonesia Channel

HTML Form — Design Examples
https://medium.com/nerd-for-tech/html-form-design-examples-8f0334ad36c7

#html #design #form

Medium

HTML Form — Design Examples

Today, users demand a personalized experience in almost every digital interaction. They want to be able to input their own data into a…

799 views00:57

JavaScript Indonesia Channel

Online Tutorials - Modern Login Form using Html CSS & Javascript with Flashlight Hover Effect

https://www.youtube.com/watch?v=B2rg_UHX70o

—-

Kevin Powell - Ranking CSS units from best to worst
https://www.youtube.com/watch?v=S0wilV67hjQ

#html #css #login #form #onlineTutorials #kevinpowell

YouTube

Modern Login Form using Html CSS & Javascript with Flashlight Hover Effect

Master Frontend to Backend 👇
https://bit.ly/frontend-to-backend-ebook
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform…

857 views23:50

JavaScript Indonesia Channel

JavaScript Fullstack WEB App: Nextjs & Docker

https://dev.to/francescoxx/javascript-fullstack-web-app-nextjs-docker-4d44

---

React Server-Side Rendering without Next.js

https://dev.to/opensourcee/react-server-side-rendering-without-nextjs-1kcj

---

Building Real-Time Next.js Apps with WebSockets and Soketi

https://dev.to/franciscomendes10866/building-real-time-applications-with-nextjs-and-websockets-588j

---

Building a Music Player using React hook useState() with my own implementation

https://dev.to/anthonyzhang220/building-a-music-player-using-react-hook-usestate-with-my-own-implementation-2ba5

---

Form Validation with Material UI Text Field component and React

https://dev.to/anthonyzhang220/form-validation-with-material-ui-text-field-component-and-react-23dl

---

#react #nextjs #fullstack #form #material #state

DEV Community

JavaScript Fullstack WEB App: Nextjs & Docker

By the end of this article, you will understand and create a simple yet complete full stack app...

807 views23:33

JavaScript Indonesia Channel

A simple Vue form validation composable with Zod

https://dev.to/kouts/a-simple-vue-form-validation-composable-with-zod-38m8

#vue #form #validation

DEV Community

A simple Vue form validation composable with Zod

The Vue ecosystem is packed with many great form validation libraries, VeeValidate, Vuelidate, and...

960 views00:34

JavaScript Indonesia Channel

MERN Stack Crash Course – Build a Book Store App

https://www.freecodecamp.org/news/mern-stack-crash-course/

---

How to Use URLs for State Management in React

https://www.freecodecamp.org/news/how-to-use-urls-for-state-management-in-react/

---

How to Use React Suspense to Improve your React Projects

https://www.freecodecamp.org/news/react-suspense/

---

How to Build a High-Performance Tab Component in React

https://www.freecodecamp.org/news/build-a-high-performance-tab-component/

---

How to Validate Forms with Zod and React-Hook-Form

https://www.freecodecamp.org/news/react-form-validation-zod-react-hook-form/

---

New to Web Development? Don't Use React.

https://unicorn-utterances.com/posts/new-to-webdev-dont-use-react

---

How to Manage State in React Apps with APIs – Redux, Context API, and Recoil Examples

https://www.freecodecamp.org/news/manage-state-in-react-apps-with-apis/

---

#react #nodejs #mern #state #form #validation #suspense

freeCodeCamp.org

MERN Stack Crash Course – Build a Book Store App

The MERN stack is a set of technologies often used to build full stack web apps. We just released a crash course on the freeCodeCamp.org YouTube channel that will teach you how to create full stack apps with the MERN stack. In this comprehensive cou...

1.0K views23:07

JavaScript Indonesia Channel

Asynchronous Programming in JavaScript – Callbacks, Promises, & Async/Await Examples

https://www.freecodecamp.org/news/asynchronous-programming-in-javascript-examples/

---

JavaScript Array Length – How to Find the Length of an Array in JS

https://www.freecodecamp.org/news/javascript-array-length-tutorial/

---

Client-Side Form Handling with JavaScript – Explained with Example Code

https://www.freecodecamp.org/news/form-validation-in-javascript/

---

Efficient JavaScript: Leveraging Operators for Clean Code

https://javascript.plainenglish.io/efficient-javascript-leveraging-operators-for-clean-code-99167f69aae9

#async #form #array #promise #operator

freeCodeCamp.org

Asynchronous Programming in JavaScript – Callbacks, Promises, & Async/Await Examples

All programming languages have runtime engines that execute their code. In JavaScript, the runtime engine is single-threaded, which means that it runs code line by line or sequentially. The JavaScript runtime engine makes it a synchronous programming...

409 views23:30

JavaScript Indonesia Channel

Forms in HTML – How to Build Basic Forms with HTML

https://www.freecodecamp.org/news/build-basic-forms-with-html/

---

How to Optimize Your CSS Code for Faster Web Pages

https://www.freecodecamp.org/news/how-to-optimize-your-css-code-for-faster-web-pages/

#html #css #form

freeCodeCamp.org

Forms in HTML – How to Build Basic Forms with HTML

Forms are a fundamental part of web development, allowing users to input and submit data efficiently. Creating forms in HTML is a relatively straightforward process. In this article, we'll explore how to build basic forms using HTML <form>, <input>, and <button>…

474 views00:27

JavaScript Indonesia Channel

React 19 Actions – How to Simplify Form Submission and Loading States

https://www.freecodecamp.org/news/react-19-actions-simpliy-form-submission-and-loading-states/

---

React Custom Hooks vs. Helper Functions - When To Use Both

https://dev.to/andrewbaisden/react-custom-hooks-vs-helper-functions-when-to-use-both-2587

---

Deploying a React Application to Production: A Comprehensive Guide

https://dev.to/vyan/deploying-a-react-application-to-production-a-comprehensive-guide-4pm

---

Extra Arguments for Server Actions in React Forms

https://www.robinwieruch.de/react-form-server-action-extra-arguments/

#react #actions #form #server #hooks #deploy

freeCodeCamp.org

React 19 Actions – How to Simplify Form Submission and Loading States

React 19 introduces Actions, which are asynchronous functions. Actions are helpful in making form submissions easier. This tutorial dives into what Actions are and how to use them. You'll learn about: The new React 19 feature, Actions The new React ...

715 views23:32

JavaScript Indonesia Channel

HTML5 Input Types You May Not Be Using

https://blog.openreplay.com/html5-input-types-you-may-not-be-using/

—-

CSS Magic: Elegant One Liners
https://blog.openreplay.com/css-elegant-one-liners/

—-

Understanding the !important Property in CSS
https://blog.openreplay.com/understanding-the-important-property-in-css/

—-

Unveiling 10 Hidden Gems of HTML
https://blog.openreplay.com/unveiling-ten-hidden-gems-of-html/

—-

Custom Data Attributes in HTML5
https://blog.openreplay.com/custom-data-attributes-in-html5/

—-

#html #css #input #form

Openreplay

HTML5 Input Types You May Not Be Using

Learn about components you may need

517 views01:01

About

Blog

Apps

Platform