Create HTML page with form. On form submit send form data to https://mate-academy-form-lesson.herokuapp.com/create-application
.
The basic implementation of this form you can find here
Send data with AJAX instead of standard form submission. When trying to achieve this, you'll learn what's CORS. Learn how to workaround it. Try to find a working solution.
- Validate your html with https://validator.w3.org/
- Every field should have name attribute
- Every field should have label, which focuses input on label click
- Do not use tabs. Use 2 spaces for indentation
- Most of the time you want each tag in new line
Form should have different inputs with such types:
- text
- number
- checkbox
- radio
- password
- range
- time
- color
- date
Also form should has textarea and select elements.
Every field should has label which focus the input by click. Every field should has name attribute.
You should use every of this attribute at least one time - required, min, max, minlength, maxlength, etc At least one field should have default value. At least one field should have placeholder value. At least one field should has disabled autocomplete.
The final solution should be hosted on Github Pages and should show Success page after submit.
Simple request/response nodejs app with Pug and Express. The app hosted in heroku
How to run:
- install heroku
npm i
heroku local web
Full guide: https://devcenter.heroku.com/articles/getting-started-with-nodejs
To push changes on production do git push heroku master