Skip to content

Latest commit

 

History

History
47 lines (32 loc) · 2.73 KB

class09.md

File metadata and controls

47 lines (32 loc) · 2.73 KB

Class 09 Reading Assignment

HTML Froms

HTML Forms Your First Web Form How to Structure a Web Form

  1. Why are forms so important in web development?

    • Forms are used for collecting data from users, or allowing them to control a user interface.
  2. When designing a form, what are some key things to keep in mind when it comes to user experience?

    • Before starting to code, it's always better to step back and take the time to think about your form. Designing a quick mockup will help you to define the right set of data you want to ask your user to enter. From a user experience (UX) point of view, it's important to remember that the bigger your form, the more you risk frustrating people and losing users. Keep it simple and stay focused: ask only for the data you absolutely need.
  3. List 5 form elements and explain their importance:

    1. : The element that formally defines the form
    2. : this element is the formal way to define a label for an HTML form widget
    3. : the element that allows user input in a single line of text.
    4. <textarea>: the input field for the message which allows a multiline text field.
    5. : allows submission of user input/data

Learn JavaScript

Learn JS Introduction to Events

  1. How would you describe events to a non-technical friend?

    • Events are things that happen in the system you are programming, which the system tells you about so your code can react to them. Like when you click on a webpage and an information box is displayed.
  2. When using the addEventListener() method, what 2 arguments will you need to provide?

    1. the string to indicate that we want to listen to the event
    2. the function that we want to call when the event happens
  3. Describe the event object. Why is the target within the event object useful?

    • it is an object that is automatically passed to the event handlers to provide extra features and information about the event.
  4. What is the difference between event bubbling and event capturing?

    • Event Bubbling describes how the browser handles events targeted at nested elements. Event Capture is like bubbling but in reverse order.

Bookmark and Review

HTML5 Input Types Event Reference and Listings

Things I would Like to Know More About

All of the above.