Advanced Features of JavaScript, CSS3 and HTML5


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description
HTML5, CSS3, and JavaScript provide a variety of advanced features for creating highly interactive and responsive web pages. In this course you will learn how to utilize JavaScript to create timers and marquees, implement drag and drop in HTML5, access and validate form data, and manipulate forms with CSS3. You will also learn how to handle events and include meters and progress indicators in an HTML5 page.

Target Audience
Web developers who need to use the most powerful features of HTML5, CSS3, and JavaScript to create responsive and interactive web pages

Prerequisites
None

Expected Duration (hours)
2.2

Lesson Objectives

Advanced Features of JavaScript, CSS3 and HTML5

  • start the course
  • use JavaScript to create an HTML5 document that will display the time
  • create a Countdown timer in JavaScript that will display in an HTML5 document
  • use JavaScript timers to delay an action from occurring in an HTML5 document
  • create a scrolling marquee on an HTML5 document
  • use confirm to get confirmation from a user before executing an action in HTML5
  • describe how user input can be captured from a prompt
  • describe how drag and drop can be used in an HTML5 document
  • access form data
  • validate form data
  • add HTML elements to a web page
  • modify form elements
  • use CSS3 to modify the form inputs of an HTML5 document
  • use CSS3 to add style to an HTML5 submit button
  • describe how to insert images into an HTML5 form field using CSS3
  • use CSS3 to change the style of an HTML5 form
  • describe event properties and why they are used in HTML5
  • describe the basics of the browser event model in HTML5
  • use an event object in an HTML5 document
  • create a second generation, or programmatically created, listener in HTML5
  • use the meter tag in an HTML5 document
  • use the progress tag in an HTML5 document
  • apply CSS3 styles to a progress bar to customize it in an HTML5 document
  • create and validate HTML5 forms
  • Course Number:
    wd_htme_a11_it_enus

    Expertise Level
    Expert