Douglas College wordmark
Facebook logo Twitter logo Instagram logo Snapchat logo YouTube logo Wordpress logo

Registration for the Fall 2019 semester begins June 25.  Watch your email for more details.

back to search

Advanced Web Programming With JavaScript & AJAX

Course Code: CSIS 3380
Faculty: Commerce & Business Administration
Credits: 3.0
Semester: 15
Learning Format: Lecture, Lab, Seminar
Typically Offered: TBD. Contact Department Chair for more info.
course overview

This course provides the fundamental knowledge necessary to design and develop dynamic Web pages using JavaScript. Students will learn the fundamental aspects of the JavaScript programming language and how to program using document object model application programming interface (DOM API) to modify, traverse, and append nodes to web documents. The course will also introduce students to client-side JavaScript libraries (e.g., jQuery), frameworks (e.g., Angular.js), and design patterns (e.g., MVC pattern) and how client-side scripts interact with server-side programs using Ajax. Furthermore, the course will introduce students to back-end concepts and tools for end-to-end (i.e., full-stack) JavaScript web development, including back-end JavaScript frameworks (e.g., Node.js), REST concepts and NoSQL databases. Students will learn how to architect, develop, test, secure, deploy and manage a RESTful Web Service. Comprehensive hands on exercises are integrated throughout the course to reinforce learning and develop real competency.

Course Content

  1. 1.  Introduction

    • Overview of client-side versus server-side scripting 

    • Review of HTML and CSS

     

    2.  The Core JavaScript Language

    • Introduction to JavaScript

    • The Building Blocks: Data Types, Literals, and Variables

    • Expressions and Operators

    • Functions

    • Conditionals and Loops

    • Objects and Arrays

    • Working with Form and Images

    • Handling Events

    • Client-side Storage

    • Debugging and Error-handling

     

     3. The Document Object Model (DOM)

    • The DOM Trees and Nodes

    • Walking the DOM

    • Modifying the DOM (Appending, Copying, and Removing Nodes)

    • Event Handling and the DOM

     

    4.  JavaScript Design Patterns

    • Introduction to JavaScript Design Patterns

    • The MV* Patterns

    • Modern Modular JavaScript Patterns

     

    5.  JavaScript Libraries and Frameworks

    • jQuery Libraries

    • Design Patterns in jQuery

    • Dynamically Accessing and Manipulating Web Pages and Building Web Applications with JavaScript and jQuery

    • JavaScript MVC Frameworks

    • Building Web Applications with Client-side JavaScript MVC Frameworks

     

    6.  Ajax

    • Introduction to Ajax

    • Ajax implementation using a server-side scripting language (e.g., PHP), JavaScript, and JavaScript Framework (e.g., jQuery)

    • Using Ajax to Make Asynchronous Calls to a Web Server (both within and across Domains) to Fetch Information and Display It on the Web Page

    • Creating Web Applications with Ajax

     

    7.  Full-stack JavaScript Web Development

    • Full-stack JavaScript Web Development Concepts

    • Introduction to Back-end JavaScript Frameworks

    • End-to-end Web Development using JavaScript Frameworks (e.g., MEAN Framework)

    • RESTful web services and APIs Development

Methods of Instruction

Delivery will be by lecture, lab, assignments, and project(s)

Means of Assessment

Assignments/Project(s)

20% - 30%

Quizzes*

5% - 20%

Midterm Examination*

25% - 35%

Final Examination*

25% - 40%

Total

100%

**In order to pass the course, students must, in addition to receiving an overall course grade of 50%, also achieve a grade of at least 50% on the combined weighted examination components (including quizzes, tests, exams).

                             

Learning Outcomes

At the end of this course the successful student will be able to:

  • Explain client-side concepts and compare and contrast client-side versus server-side scripting.
  • Use JavaScript to add dynamic content to pages.
  • Write well-structured, easily maintained JavaScript code following accepted good practice.
  • Write JavaScript code that works in all major browsers.
  • Program using DOM API to traverse, modify, and append nodes to documents.
  • Use event handlers to handle user-triggered events.
  • Use JavaScript to validate form data and to manage state information.
  • Effectively debug JavaScript code, making use of good practice and debugging tools.
  • Use frond-end JavaScript libraries (e.g., jQuery), frameworks (e.g., Angular.js), and design patterns (e.g., MVC) to create dynamic pages.
  • Use Ajax to fetch information from the server and display it on the web page.
  • Create web applications with Ajax.
  • Demonstrate an understanding of server-side (i.e., back-end) concepts and server-side scripting (e.g., using either PHP or a JavaScript framework)  for web development.
  • Build and configure a back-end server using a JavaScript framework (e.g., Node.js).
  • Build a RESTful API for the front-end to access back-end services.

course prerequisites

CSIS 1280 with grade C or better

Corequisites

None

Equivalencies

None

curriculum guidelines

Course Guidelines for previous years are viewable by selecting the version desired. If you took this course and do not see a listing for the starting semester/year of the course, consider the previous version as the applicable version.

course schedule and availability
course transferability

Below shows how this course and its credits transfer within the BC transfer system. 

A course is considered university-transferable (UT) if it transfers to at least one of the five research universities in British Columbia: University of British Columbia; University of British Columbia-Okanagan; Simon Fraser University; University of Victoria; and the University of Northern British Columbia.

For more information on transfer visit the BC Transfer Guide and BCCAT websites.

assessments

If your course prerequisites indicate that you need an assessment, please see our Assessment page for more information.