Delivery will be by lecture, lab, assignments, and project(s)
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.
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
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.
|
Assignments/Project(s) |
10% - 30% |
|
Quizzes |
5% - 20% |
|
Midterm Examination |
25% - 35% |
|
Final Examination* |
30% - 40% |
|
Total |
100% |
* Practical hands-on computer programming exam
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).
Students may conduct research as part of their coursework in this class. Instructors for the course are responsible for ensuring that student research projects comply with College policies on ethical conduct for research involving humans, which can require obtaining Informed Consent from participants and getting the approval of the Douglas College Research Ethics Board prior to conducting the research.
Custom courseware, class notes provided by the instructor, and online resources or other textbooks as approved by the department
CSIS 1280 with grade C or better
Courses listed here are equivalent to this course and cannot be taken for further credit:
- No equivalency courses
None