Advanced Web Technology
Uploaded by
simplemailofapersonAdvanced Web Technology
Uploaded by
simplemailofapersonCE382: Advanced Web Technology
Credits and Hours:
Teaching Scheme Theory Practical Tutorial Total Credit
Hours/week 2 4 0 6
4
Marks 30 70 0 100
Pre-requisite courses:
HTML, CSS, JavaScript
Outline of the Course:
Sr. Title of the unit Minimum number
No. of hours
1. JavaScript Essentials 03
2. JavaScript Modules and Object Oriented programming 02
3. Asynchronous JavaScript 03
4. Learning about the Internals of [Link] 03
5. Working with ExpressJs and Form Handling 06
6. Authentication, Authorization and Security 03
7. MongoDB 05
8. Sequelize ORM Framework 05
Total hours (Theory) : 30
Total hours (Lab) : 60
Total hours : 90
Detailed Syllabus:
1. JavaScript Essentials 03 Hours 10%
Variables, Primitive data types, Analyzing and modifying
data types, Operators, JavaScript Multiple Values, Arrays and
their properties, Array methods, Multidimensional arrays,
Objects in JavaScript, Working with objects and arrays, Basic
functions, Parameters and arguments, Special functions and
operators, Returning function values, Variable scope in
functions, Recursive functions, Nested functions, Anonymous
functions
2. JavaScript Modules and Object Oriented programming 02 Hours 07%
Object-oriented programming, Classes and objects, Classes
Inheritance, Prototypes, Modules with Classes, Objects, and
Closures, Modules in ES6: ES6 Exports, ES6 Imports, Imports
and Exports with Renaming, Re-Exports, JavaScript Modules
on the Web, Dynamic Imports with import(), Iterators and
Generators: yield* and Recursive Generators, Advanced
Generator Features
3. Asynchronous JavaScript 03 Hours 10%
Asynchronous Programming with Callbacks, Promises, async
and await, Asynchronous Iteration
4. Learning about the Internals of [Link] 03 Hours 10%
NodeJs Architecture, Understanding event Loop, Package
manager: npm and yarn, Create and publish custom package
Understanding Requests, Sending Responses, Routing
Requests, Redirecting Requests, Parsing Request Bodies
Understanding Event Driven Code Execution, Blocking and
Non-Blocking Code
5 Working with ExpressJs and Form Handling 06 Hours 19%
Adding Middleware, How Middleware Works? [Link] -
Looking Behind the Scenes, Handling Different Routes,
Parsing Incoming Requests, Limiting Middleware Execution
to POST Requests, Using Express Router, Adding a 404 Error
Page, Filtering Paths, Model View Controller Working with
Forms, Validation and sanitization, Form Handling with
ExpressJS, Using Fetch to Send Form Data, Sending Email and
File Upload and Download
6 Authentication, Authorization and Security 03 Hours 10%
Externalizing Credentials, Cookies in Express, Examining
Cookies, Sessions: Memory Stores, Using Sessions, Using
Sessions to Implement Flash Messages, JSON Web
Token(JWT), Rate Limiting
7 MongoDB 05 Hours 17%
overview of MongoDB Fundamentals - the document model,
how to create, update, read, and delete documents, indexing,
and also learn about MongoDB Atlas, MongoDB databases,
collections, and documents, Connecting to a MongoDB
Database, MongoDB CRUD Operations: Replace and Delete
Documents, Modifying Query Results, MongoDB
Aggregation, MongoDB Indexes, Data Modeling, Transaction.
8 Sequelize ORM Framework 05 Hours 17%
Defining and Using Sequelize Models: Defining models for a
database, Exploring the various Sequelize data types and when
to use them, Migrating schematic changes and data from
Sequelize to the database, Manipulating and querying data
using Sequelize, Validating, Customizing, and Associating
Your Data, Validating Models, Associating Models,
Implementing Transactions with Sequelize
Course Outcome (COs):
At the end of the course, the students will be able to
CO1 How to use Express JS framework with [Link] with real projects with request
(Understand)
CO2 Handle Form, session and cookies.
CO3 Render Client-side/Server-side website using template engine (Apply)
CO4 Create CRUD operations with MongoDB and Mongoose (Create)
CO5 Build a fast, scalable, feature-rich RESTful API (includes filters, sorts,
pagination, and much more) (Create)
CO6 Build a complete, beautiful & real-world application from start to finish (API
and server-side rendered website)
Course Articulation Matrix:
PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12 PSO1 PSO2
CO1 - 1 3 2 3 1 - 2 1 1 3 3 1 1
CO2 - 1 3 2 3 1 - 1 1 1 3 3 1 1
CO3 - 1 3 2 3 1 - 1 2 2 3 3 2 1
CO4 - 1 3 2 3 2 - 1 2 2 3 3 3 1
CO5 - 1 3 2 3 2 - 1 2 3 3 3 3 1
CO6 - 1 3 2 3 3 - 2 3 3 3 3 3 2
Enter correlation levels 1, 2 or 3 as defined below:
1: Slight (Low) 2: Moderate (Medium) 3: Substantial (High)
If there is no correlation, put “-”
Recommended Study Material:
Text book:
1. Web Development with Node and Express, 2nd Edition by Ethan Brown,
O'Reilly Media
Reference book:
1. [Link] Web Development - Fifth Edition By David Herron, Packtpub
2. Node Cookbook - Fourth Edition By Bethany Griggs, Packtpub
Web material:
1. [Link]
2. [Link]
Software:
1. [Link], [Link], MondoDB
2. IDE: Visual code Editor, Atom, Sublime