Computer Science Technology Program

420-320-DW Web development II

JavaScript

Prerequisites:

• 420-210-DW Programming II - Java II
• 420-231-DW Databases I – Oracle I
• 420-240-DW Infrastructure II - Linux I

Co-requisites:

• 420-310-DW Programming III
• 420-331-DW Database II

Note: You must pass this course as well as the two co-requisite courses in order to advance to the fourth term of the Computer Science Technology Program.

Domain:

Web Applications

Description

The course will build upon the students’ knowledge of HTML5, CSS and JavaScript to create interactive web applications with AJAX and web APIs. This course focuses on the fundamental concepts of the JavaScript language.

Statement of Competencies

Semester: Fall 2020     Revision: 2020-08-22

Teachers will respond to students' inquiries in a timely manner.

Teachers’ schedules (including virtual office hours) will be posted online by the end of the first week of classes.

Pedagogical approach

The course consists of two 1½-hour lectures and one 3-hour lab session per week, with additional asynchronous material assigned weekly. Concepts and techniques will be presented in lectures. Practical exercises and assignments that apply the concepts and techniques will be carried out in lab sessions. The lectures will be provided online. The timing (asynchronous or synchronous) will be communicated clearly with students. During the lab session time, the teacher will be available over an electronic medium to answer any questions. It is expected that projects, assignments and exercises will involve additional time (averaging 3 hours per week) outside of lab time to complete.

Required Textbook

Resource links

Mozilla Developer Network (MDN) MDN Web Docs
Reliable reference regarding web standards, the Web API,
cross-browser support, JavaScript, HTML and CSS.

In particular, the MDN JavaScript Wiki
is the best reference for looking up JavaScript functions.

Required Materials

Media suitable for backups and assignment submission.

Assessment of student performance

Projects: 40%

There will be two projects worth 20% each. The first will be due approx week 6, the second due week 12. It is expected that each assignment will involve additional time outside of the stated course hours to complete.

Unit tests: 20%

There will be two tests worth 10% each. The first will be held approx week 6, the second held approx week 11.

Final Examination: 20%

Will be held during the formal exam period

Assignments: 20%

There will be 4 assignments worth 5% each. It is expected that each assignment will involve additional time outside of the stated course hours to complete.

Lab exercises: not graded

There will be a series of in-lab exercises that will be used as learning activities to help students acquire the course competencies.

TENTATIVE SCHEDULE

Week 1:

• Review how to create webpages using standard HTML5 and CSS3 with simple JavaScript event listeners
• Review Document Object Model and loading of DOM content into browser
  • describe steps in page building, event handling
  • use the Web API to manipulate individual elements
• Consider Web accessibility and usability aspects
  • use checkers and validators

Week 2:

• Review of basic syntax and types
  • describe numbers, strings, boolean, undefined vs null, type coercion
  • use template strings
  • use objects (simple), arrays (simple), typeof operator
  • explain strict mode vs not
  • use let, const, var
• Review of simple user defined functions (used in context of more complex DOM manipulation)
  • review declaration and invocation
  • write documentation (JSDoc)
  • explain variable scope: global, local (function, block)
  • implement optional (default) arguments
• Use Web API to traverse through the DOM, find elements, and change the document/create nodes
  • use query selectors
  • change attributes (classList) to modify positioning and animation

Week 3:

• Implement Event driven programming
  • implement event listeners
  • use the event object
  • explain event propagation
  • prevent default behaviour
  • handle key events, mouse click, mouse move, scroll, focus, load
• Validate forms, including using regex
• Use JSON serialization (JSON.stringify, JSON.parse)

Week 4:

• Explore Higher order functions
  • define anonymous functions (function expressions)
  • define arrow functions
  • explain closures
  • write code that passes and/or returns functions
• Differentiate between Function context (this keyword) with:
  • Named
  • Anonymous
  • Function expressions
  • Immediately Invoked Function Expressions
• Use call and apply methods appropriately
• Describe challenges with Cross browser support / polyfill with ES2105 and earlier version

Week 5:

• Use Arrays
  • create arrays
  • use push, pop, unshift, shift methods
  • use indexOf, slice, concat, join methods
  • write functions with rest parameters
  • use for, forof, forEach loops
  • use filter, map, reduce methods
• Explore other collections
  • identify other indexed collections (e.g.NodeList, HTMLCollection)
  • identify keyed collections (e.g., Map)
• Read and write from Web storage
  • define local and session

Week 6:

• Test 1

Week 7:

• Code with Classes and Objects
  • use object initializers
  • code constructor functions
  • define methods
  • explain class syntax
  • understand object prototypes (inheritance)
• Use Modules
  • explore module bundling with webpacks

Week 8:

• Code Asynchronous JavaScript
  • define callbacks with timeout or intervals
  • use promises

Week 9:

• Send HTTP requests
  • use the Fetch API
  • create and send XmlHttpRequests (XHR)
  • await the response with and without promises

Week 10:

• Explore Web App Security
  • describe same origin policy with cookies
  • explain Web Storage security practices

Week 11:

• Test 2

Week 12:

• Explore Advanced Web APIs

Week 13-14

• Use a JS library

Program and course rules and regulations

For 420 career program courses, students must receive at least 60% on the assignment component and at least 60% on the examination component in order to obtain a passing grade for the course. Failure to do so will result in a maximum grade of 50 (the lower of 50 or the grade earned). The examination component is the summative assessment, and does not include quizzes.

Assignments are due at the due date specified by the instructor. Assignments received after this time are late. Assignments will not be accepted after due date set by instructor. In exceptional circumstances, such as illness, etc. labs submitted late will be graded provided that the student has received an extension from the instructor in advance.

Each student must submit their own individual answers to assignments, and shared solutions are not acceptable. Students must protect their work from being easily copied by others by introducing uniqueness into their work in the choice of images used, the display styles used in the presentation of documents, the originality of the written descriptive passages, and by placing digital signatures on their original images.

Students are reminded that they are responsible for all material presented in the lecture and during the lab, and are expected to obtain material they have missed.

Students must follow exactly the instructions in the lab exercises about how and where to store all computer files in order for their work to be accepted and properly evaluated.

DAWSON COLLEGE

COMPUTER SCIENCE DEPARTMENT

POLICIES

1. ACADEMIC INTEGRITY

The Computer Science Department adheres to the Dawson College Academic Conduct policy. Students have an obligation to inform themselves of all aspects of this policy. Every instance of cheating or plagiarism leading to a resolution that impacts a student’s grade must be reported, with explanation, in writing, to the appropriate Dean. (ISEP Section V-A). The penalty for cheating or plagiarism may range from a penalty to zero on the work to a failure in the course.

2. ATTENDANCE AND LATENESS

Students are responsible for all material covered in classes and labs, whether or not they are present. Students have an obligation to arrive on time and to remain for the duration of scheduled classes, labs and activities. Students who disregard this obligation may be asked to leave the class, lab or activity. Students should refer to the Institutional Student Evaluation Policy (ISEP) section IV-C regarding attendance.

3. RELIGIOUS HOLIDAY OBSERVANCE

Class period(s) may be cancelled in order that the teacher can observe religious holidays. Any material missed as a result, will be made up during labs, class periods and alternate tutorial sessions.

Students observing religious holidays must inform their teachers, in writing, as prescribed in the ISEP Policy on Religious Observances, no later than the end of the second week of the impacted semester or term. This applies both to the semester or term, as well as to any final examination period. (ISEP Section IV-D). Students absent from classes because of observance of religious holidays will not be penalized. It must be emphasized, however, that this College policy should not be interpreted to mean that a student can receive credit for work not performed. It is the student’s responsibility to fulfill the requirements of the alternative arrangement.

4. SOFTWARE

The Computer Science Department forbids the use of the computer labs it uses to make any copies of any software without the explicit authorization of the Department. Apart from any legal action that might arise from such unauthorized copying, the Computer Science Department reserves the right to discipline any student involved in such activity.

Students who borrow software from the College and fail to return it will be placed on the defaulter list and be subject to the appropriate penalties.

Viruses are programs that attach themselves to a computer system without the permission of those to whom the system belongs. They are deliberately written to be, at worst, harmful (e.g. destroying the contents of disks) and, at best, bothersome (e.g. disturbing the image shown on the screen). They can cause serious losses of time and effort for students, staff and faculty. Any student involved in the deliberate spreading of viruses is subject to the most severe penalties prescribed by College regulations, apart from any legal action that might arise from such acts.

5. LITERACY

The Computer Science Department recognizes that literacy in all its forms (read, written, spoken) is essential to our students in their careers.

Teachers may choose to incorporate a literacy component into the marking scheme for any piece of work. Teachers may use their discretion to insist that any piece of work submitted for credit is revised by the student if it is unsatisfactory with regard to literacy.

Teachers will inform all students in their courses of this policy at the beginning of each semester either by including it in the course description or otherwise.

6. CELL PHONES

The use of cell phones in all Computer Science lectures, labs and exams is prohibited.

7. PORTABLE COMPUTERS

The use of portable computers in all Computer Science lectures for purposes other than note-taking is prohibited.

8. STUDENT CONDUCT

Everyone has the right to a safe and non-violent environment. Students are obliged to conduct themselves as stated in the Student Code of Conduct and in the ISEP section on the roles and responsibilities of students. (ISEP section II-D). This policy includes online conduct.

9. PROFESSIONAL CONDUCT POLICY

Students who are enrolled in the Computer Science Technology career program must conduct themselves according to the Professional Conduct Policy as described in the Student Handbook. (ISEP Section IV-O.2). This professional conduct policy includes online conduct.

10. INTENSIVE COURSE CONFLICTS

If a student is attending an intensive course, the student must inform the teacher, within the first two weeks of class, of the specific dates of any anticipated absences.

11. ISEP

The Institutional Student Evaluation Policy (ISEP) is designed to promote equitable and effective evaluation of student learning and is therefore a crucial policy to read and understand. The policy describes the rights and obligations of students, faculty, departments, programs, and the College administration with regard to evaluation in all your courses, including grade reviews and resolution of academic grievance. ISEP is available on the Dawson website. ( Link )