Learn JavaScript™

Creating a form that has an auto save feature in Angular

https://betterprogramming.pub/angular-auto-save-forms-1a396d17ed7d

#angular #form #autosave

Medium

How to Create Auto-Saving Forms in Angular

How to create auto-saving forms in Angular — for reactive and template-driven forms. We’ll be using RxJs and Angular Material.

311 views14:55

Learn JavaScript™

Explanation of Lifecycle Hooks in Vue JS for created and mounted

https://nikakharebava.medium.com/created-or-mounted-explanation-of-lifecycle-hooks-in-vuejs-11916cdb94c9

—-

Explanation of communication techniques between components in Vue JS

https://csdigitalnomad.medium.com/the-complete-vue-js-event-system-guide-that-the-official-doc-didnt-explain-in-detail-part-1-83464a0e9b30

—-

Refactoring from Vue JS 2 to Vue JS 3 into the Composition API

https://fadamakis.medium.com/from-vue-2-options-api-to-vue-3-composition-api-fe6d6a738c2f

——

Creating simple forms builder in Vue JS

https://medium.com/@brandonlostboy/5-minute-form-builder-using-vue-js-9e0f7d925d1d

#vue #lifecycle #event #form #composition

Medium

Created or Mounted? Explanation of Lifecycle Hooks in VueJs

If you have just started to learn VueJs or you are already a little bit familiar with its structure, you might have heard about the…

216 views14:55

Learn JavaScript™

Create drop down menu on select element HTML

https://www.freecodecamp.org/news/html-drop-down-menu-how-to-add-a-drop-down-list-with-the-select-element/

---

How to use the "form" tag in HTML semantic tags

https://medium.com/weekly-webtips/send-data-across-the-network-with-the-form-element-291453f0d41f

---

#dropdown #select #form #html

freeCodeCamp.org

HTML Drop-down Menu – How to Add a Drop-Down List with the Select Element

By Joel Olawanle Many websites, applications, and web pages use drop-down menus to help display a list of information. You can use them to create navigation menus, options for forms, and more. If you're looking at some of these menus or lists, you m...

298 views14:50

Learn JavaScript™

Create multi-step forms with React Hook with Web Dev Simplified

https://youtu.be/uDCBSnWkuH0

---

Freecodecamp practice on lazy loading images in React JS

https://www.freecodecamp.org/news/how-to-lazy-load-images-in-react/

---

Long practice building fullstack JS application with Next JS , TypeScript and Prism ORM

https://www.modernfrontends.live/workshops/build-a-full-stack-typescript--application-with-next.js%2C-turborepo%2C-and-prisma

---

Create a web portfolio with Next JS, Tailwind CSS, TypeScript, and Framer motion

https://medium.com/@vivekmittal199/how-i-built-my-portfolio-using-next-js-tailwindcss-typescript-and-framer-motion-8e7b2f82cfa1

#react #webdevsimplified #prisma #nextjs #form #multistep #image #lazyloading

YouTube

Multistep Form Custom Hook With React And TypeScript

Multistep forms are a really common problem you need to solve in React, but there are no good ways to make it expandable to multiple forms. That is why I created this tutorial. It covers how to create a reusable React hook that can convert any existing set…

378 views14:33

Learn JavaScript™

Create a form with a credit card display with Web Dev Simplified

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

#webdevsimplified #credit #form #input

YouTube

How To Create This Advanced Credit Card Form With CSS/JavaScript

I recently stumbled upon a really cool CodePen of some credit card inputs and one design in particular stuck out to me. I spent a bunch of time recreating it and this video is a tutorial on how to recreate the final product of this design. It has a lot of…

299 views15:10

Learn JavaScript™

A simple way to find out which form submit event was executed using JavaScript

https://javascript.plainenglish.io/how-to-listen-to-the-form-submit-event-in-javascript-f991b6dac01a

#form #submit #event

Medium

How to Listen to the Form Submit Event in JavaScript

Sometimes, we want to listen to the form submit event with JavaScript so that we can do something with the form data on client-side.

588 views15:50

Learn JavaScript™

Exercise from Cand Dev using Form Validation with React Hook Form and Yup library

https://www.youtube.com/watch?v=3uEyy_f81r0

#library #react #candDev #hook #yup #form #validation

YouTube

Create Signup Form with Validation | React-Hook-Form & Yup

Check out MiniTool MovieMaker: https://bit.ly/4hKFA9A Create signup form with material ui and integrate with react-hook-form, we also learn how to add validation with yup.

👨‍💻Code:
https://github.com/candraKriswinarto/signup-with-react-hook-form

🔗Link:…

1.0K views15:10

Learn JavaScript™

The use of Zod for form validation in Vue JS and 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…

296 views11:46

Learn JavaScript™

Tips for improving form validation in JavaScript with 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…

258 views11:41