Course description
This course provides the fundamental knowledge necessary to design and develop dynamic web pages using JavaScript. The course will also introduce students to client-side JavaScript frameworks (e.g., React.js) 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 technologies and frameworks (e.g., Node.js, Express), REST concepts and NoSQL databases. Students will learn how to architect, develop, deploy, and manage a RESTful Web Service, and develop a fully functioning full-stack web application. Comprehensive hands-on exercises are integrated throughout the course to reinforce learning and develop real competency.
Course content
1. Introduction
- ES6
- Functional programming concepts
2. Asynchronous JavaScript
- Asynchronous JavaScript
- Fetch API
- Promises
- Async-await promise-based framework
3. JavaScript Front-end Frameworks
- JavaScript front-end frameworks (e.g., React.js)
- React.js hooks
- URL routing
4. JavaScript Server-side Technologies
- Node.js
- Express
- CRUD operations
- Promises and the Fetch API
- Async-await promise-based framework
- Connecting to a database (e.g., MongoDB, Mongoose) using Express/Node.js
- RESTful web services and APIs development
5. Full-stack JavaScript Web Development
- Full-stack JavaScript web development concepts
- End-to-end web development using JavaScript frameworks (e.g., MERN, Next.js)
- Integrating the front-end with the backend (connecting to a database, managing CRUD operations – e.g., using Axios, Fetch API, etc.)
Learning activities
Delivery will be by lecture, lab, assignments, and project(s)
Means of assessment
Assessment will be in accordance with the Douglas College Evaluation Policy.
|
Assignments/Project(s)
|
10% - 30%
|
|
Quizzes
|
5% - 20%
|
|
Midterm Examination*
|
25% - 35%
|
|
Final Examination*
|
30% - 40%
|
|
Total
|
100%
|
* Minimum 75% of the final exam must be in practical hands-on computer programming format.
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.
Learning outcomes
At the end of this course, the successful student will be able to:
- Apply functional programming concepts to develop dynamic web applications.
- Use Ajax to fetch information from the server and display it on the web page.
- Build and configure a back-end server using JavaScript technologies and frameworks (e.g., Node.js, Express).
- Build a RESTful API service using Express and Node.js.
- Develop a CRUD application with Express, Node.js, and a database (e.g., MongoDB).
- Create and build a web application using JavaScript front-end framework (e.g., React.js).
- Create and build a full-stack web application using various JavaScript technologies and frameworks (e.g., MERN).
Textbook materials
Custom courseware, class notes provided by the instructor, and online resources or other textbooks as approved by the department.