Apr 25, 2024  
2018-2019 Course Catalog 
    
2018-2019 Course Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

WDV 321 - Advanced Javascript

Credits: 3
Lecture Hours: 3
Lab Hours: 0
Practicum Hours: 0
Work Experience: 0
Course Type: Voc/Tech
Use Javascript to implement client-side form data validation, browser capability and motion, as well as other dynamic content changes. Create dynamic cross-browser compatible, user-driven presentation and content with Javascript and CSS.
Prerequisite: WDV 221  or instructor permission
Competencies
  1. Discuss the advantages and disadvantages of client side data validation.
    1. Identify efficiencies of client side validation.
    2. Identify potential problems with client side validation.
    3. Identify potential security issues with using client side validation.
  2. Demonstrate client side data validation of form content.
    1. Use Javascript logic structures to validate data.
    2. Use regular expressions to validate data.
    3. Use a script to display information and instructions to a user.
    4. Use CSS to modify the presentation and location of the data.
  3. Discuss the issues of browser compatibility related to advanced scripting and CSS.
    1. Identify the primary browsers and their relative market share.
    2. Discuss the role of the DOM within a browser.
    3. Identify differences in the DOM between the primary browsers.
    4. Identify various techniques for addressing browser compatibility.
    5. Discuss advantages and disadvantages of each technique.
  4. Demonstrate techniques to handle browser compatibility issues.
    1. Code a script that will identify the browser in use.
    2. Code a script that uses object detection as browser identification.
    3. Code a script that will change settings based upon browser identification.
  5. Demonstrate motion handling using Javascript and CSS.
    1. Code a script that will modify the Style object properties of an element.
    2. Code a script that will update the Style object of the moving element.
    3. Code a script that will update the Style object of a moving element over time.
  6. Demonstrate Dynamic Content manipulation.
    1. Code a script that will replace content sections of a page with new content.
    2. Code a script that will remove content sections of a page.
    3. Code a script that will add new sections of content on a page.
  7. Demonstrate user interactions using Javascript and CSS.
    1. Change content based upon user activity.
    2. Change content based upon user preferences.
    3. Use cookies to set and use user preferences.
    4. Code a script that will reformat a web page with a different CSS stylesheet.
  8. Create a multi page commercially oriented website application.
    1. Analyze the purpose and requirements of the business.
    2. Identify appropriate functionality for the application.
    3. Investigate the required tools and techniques to implement the functionality.
    4. Use the concepts and techniques from the course to write the application.
    5. Implement the website application on an Internet server or a commercial web server.



Add to Portfolio (opens a new window)