CIS131 - Website Development II
3 Credit hours - 2 Lecture, 2 Lab
Prerequisite(s): Grade of “C” or better in CIS120 and Grade of “C” or better in CIS130
Course Rationale:
To instruct students in advanced topics of Web site development. To satisfy a growing requirement for web site developers in the local business community.
Catalog Description:
This course covers the advanced features of Web Development, which brings interactivity and personalization to Web pages. Subjects explored include advanced HTML, using forms to gather information, JavaScript, and current frameworks.
Course Objectives
Upon successful completion of this course, the student should be able to:
Use JavaScript to introduce interactivity in web pages
Complete and debug code that interacts with the Browser Object Model (BOM)
Create pages that use logical decision making with a scripting language to fill user requests
Design Dynamic HTML (DHTML) and the Document Object Model (DOM) web pages
Use a variety of technologies or frameworks to retrieve and validate input from forms
All course assignments and exams are closely aligned to, and assess the student's mastery of these core objectives.
Core Outcomes
In this course, students continue to build upon the programming knowledge gained in CIS-120 and the basic web development concepts taught in CIS-130. Students will learn how to write, debug, and maintain well formed, well documented JavaScript code. By the end of this course, students should be able to:
Program with JavaScript Operators, Methods, and Keywords
Complete or debug code that uses assignment and arithmetic operators - assignment; increment; decrement; addition; subtraction; division; multiplication; modulus; compound assignment operators
Apply JavaScript best practice - comments; indentations; naming conventions; noscript; constants; reserved keywords; debugger keyword; setting breakpoints; console.log
Evaluate the use of inline and external scripts - when to use, how to use, and what happens when both are used
Implement exception handling - try; catch; finally
Complete and debug code that interacts with the Browser Object Model (BOM) - manage state; display dialogs; determine screen size
Program with Variables, Data Types, and Functions (25-30%)
Declare and use variables of primitive data types - number; boolean; string; null; undefined; typeof operator; type checking functions; use strict; converting between data types; formatting numbers; string operations; single quote vs double quote (nesting); initialization
Declare and use arrays - single-dimensional arrays; multi-dimensional arrays; iteration; initialization; define an array; sort and search an array; use push, pop, shift, and unshift methods; use the length property; access an array element
Complete and debug code that uses objects - properties; methods; instantiation; date object; retrieve date and time parts; localize date format (MM/DD vs DD/MM); add and subtract dates
Complete and debug code that uses built-in Math functions - random; round; abs; floor; ceiling; min; max; pow; sqrt
Complete and debug a function that accepts parameters and returns a value - reusable code; local versus global scope, redefine variables, pass parameters, value versus reference, return values
Implement and Analyze Decisions and Loops
Evaluate expressions that use logical and comparison operators
Complete and debug decision statements
Complete and debug loops
Interact with the Document Object Model
Identify and construct the Document Object Model (DOM) tree - window; document; body; other HTML elements
Identify and handle HTML events - onchange; onmouseover; onload; onclick; onmouseout; onkeydown
Complete and debug code that outputs to an HTML document - innerHTML; document.write
Complete and debug code that locates, modifies, and adds HTML elements and attributes - getElementByld; getElementsByTagName; getElementsByClassName; setAttribute; createElement
Interact with HTML Forms
Complete and debug code that retrieves input from forms and sets form field values - retrieve form values; identify the DOM path; get values from different types of elements; prepopulate values; mask values
Complete and debug code that performs input validation - case; string comparisons; Not-A-Number (NaN)
Describe the form submission process - onsubmit; post versus get; potential targets for submission
Exams and Certification Equivalent:
Certification included in the course - Certiport IT Specialist, JavaScript
Test Out Requirements
Students who wish to demonstrate proficiency in this course will need to complete a Departmental proficiency exam. Departmental proficiency examinations are created by appropriate college faculty to allow students to demonstrate their mastery of course content in designated subjects. These examinations will be equivalent to the cumulative final assessment used in the course. Faculty will determine the minimum score required to earn credit by exam for these courses.
The college’s test out policy is outlined in policy 2.12 - Credit by Exam (Test Out)
Last updated