dynamic-forms

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 67)

🗂 Source code for the Dynamic Forms with Vue.js Course

dynamic-forms Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Dynamic Forms with Vue.js
![Dynamic Forms with Vue.js Course Illustration](https://vueschool.s3.amazonaws.com/8377de88a94fc53f21e93c26c84beadc/dynamic-forms-vuejs.jpeg)

This repository contains the example code for the [Custom Vue.js Directives](https://vueschool.io/courses/dynamic-forms-vuejs) Course.

Learn how to create badass dynamic forms with Vue.js in this course. Dynamic forms are forms with multiple steps. They are also often called form wizards, where you go through a series of steps before you can complete the main form.

![Demonstration of the app we build in the course](https://i.imgur.com/yO9gGwp.gif)

The assignment of the course is to complete the signup and order process of our fictional Coffee Box Subscription Service. We’ve prepared the markup and the CSS, so you can dive straight into the fun part.

A user should be able to:

- Pick a Coffee plan
- Login or create an account
- Enter her delivery details
- Select additional monthly treats
- Confirm her monthly coffee order

During this course, you’ll learn how you can structure your dynamic forms, what to look out for and what works in certain situations. We cover two different communication methods (events and promises) between the mama form and the steps.

This unique course covers a variety of tips and tricks you can implement in many Vue.js applications.

Visit [Vue School](https://vueschool.io/courses/dynamic-forms-vuejs) to watch the course.

---

# form-wizard

- `master` branch contains the final code of the course
- `simple-version` contains the final code before we switch to async
- `starting-point` contains the code i suggest to begin the course with

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```

### Lints and fixes files
```
yarn run lint
```

dynamic-forms

dynamic-forms Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

dynamic-forms

dynamic-forms Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README