Scribd
Upload
9 views3 pages

Advance Web Framework-syllabus

The document outlines the syllabus for the Advanced Web Frameworks course for B.E. Computer Science and Engineering students for the 2023-2024 academic year. It covers key topics such as Git, JavaScript, Node.js, MongoDB, and ReactJS, along with practical laboratory experiments. The course aims to equip students with the skills to develop full-stack web applications and includes assessments through internal and external examinations.

Uploaded by

K.Tharageswari ASSI. PROF/CSE
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
9 views3 pages

Advance Web Framework-syllabus

The document outlines the syllabus for the Advanced Web Frameworks course for B.E. Computer Science and Engineering students for the 2023-2024 academic year. It covers key topics such as Git, JavaScript, Node.js, MongoDB, and ReactJS, along with practical laboratory experiments. The course aims to equip students with the skills to develop full-stack web applications and includes assessments through internal and external examinations.

Uploaded by

K.Tharageswari ASSI. PROF/CSE
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

B.

E COMPUTER SCIENCE AND ENGINEERING 2023-2024


SEMESTER-V
23BECS542A ADVANCED WEB FRAMEWORKS 5H-4C
Instruction Hours/week: L:3 T:0 P:2 Marks: Internal:40 External:60 Total:100
End Semester Exam:3 Hours

PRE-REQUISITES: Web Application Development


i) THEORY
COURSE OBJECTIVES
The goal of this course for the students is to
 Learn the fundamental concepts of Git and JavaScript.
 Gain knowledge of Node.js.
 Understand the concepts of working with MongoDB.
 Gain knowledge of ReactJS.
 Create Restful web Services.

COURSE OUTCOMES
Upon completion of this course the students will be able to
 Utilize the syntax, semantics of JavaScript for a web application.
 Apply NodeJS concepts in web applications.
 Develop JavaScript’s Shell using MongoDB.
 Apply the React JS to web based applications.
 Analyze the backend connection in React JS web applications.

UNIT I INTRODUCTION TO GIT AND JAVASCRIPT 9


Introduction to Full Stack Development - Intro to Git - Git Commands using CLI - Git vs. GitHub -
Git Work Flow - Pull Requests. JavaScript: Variables – Datatypes - Operators - Expressions – Data
structures – Control statements – Functions – this keyword – AJAX – Callbacks – Promises –
Classes – Modules – Debugging.

UNIT II NODE JS BASICS 9


Introduction to Node.js – Modules: Common JS – ESM – Custom Modules. Package Manager: npm.
Error Handling: Types of Errors – Handling Async Errors – Stack Trace – Asynchronous
Programming – Command Line Apps – Working with APIs – Templating Engines.

Karpagam Academy of Higher Education (Deemed to be University), Coimbatore-641021 95


UNIT III WORKING WITH MONGODB 9
Introduction to MongoDB – MongoDB through the JavaScript’s Shell – Creating and Querying
through Indexes – Collections and Documents – MongoDB Query Language – Connecting node.js
with MongoDB.

UNIT IV FRONTEND DEVELOPMENT WITH REACT JS 9


Introduction to ReactJS – CLI tools – Components: Component Basics – Functional Components.
Rendering – Hooks: Basic Hooks – Common Hooks – Custom Hooks – Routing using React Router
– State Management with Context – Styling using Material UI and Tailwind.

UNIT V REST API AND TESTING 9


API calls: Axios – react-query – SWR – Testing: React Testing Library – Jest – Playwright – Forms
with React Hook Form – Connecting react application to the backend.
Total: 30

ii) LABORATORY

LIST OF EXPERIMENTS
1. Demonstrate the Git Commands for Version Controlling
2. Programs using flow control statements, arrays and arrow functions.
3. Develop simple application using NodeJS.
4. Develop Rest API with NodeJS.
5. Develop simple application using MongoDB.
6. Develop Rest API with NodeJS and MongoDB.
7. Develop simple application using ReactJS.
8. Develop simple application using ReactJS Components.
9. Develop simple application using React Context with styles.
10. Develop Rest API with Axios.
11. Develop Rest API with react-query and SWR.
12. Developing full stack application using ReactJS and MongoDB.
Total: 30

Karpagam Academy of Higher Education (Deemed to be University), Coimbatore-641021 96


TEXT BOOKS
1. Jennifer Niederst Robbins, “Fullstack React: The Complete Guide to ReactJS and
Friends”, Fullstack.IO, First Edition, 2017.
2. Vasan Subramanian, “Pro MERN Stack: Full Stack Web App Development with
Mongo, Express, React, and Node”, Apress Media LLC, Second Edition, 2019.

REFERENCES BOOKS
1. Alex Banks and Eve Porcello, “Learning React: Functional Web Development with
React and Redux”, O'Reilly Media, First Edition, 2017.
2. Sebastian Springer, “Node.js: The Comprehensive Guide to Server-Side JavaScript
Programming”, Shroff publishers, First Edition, 2022.
3. Shannon Bradshaw, Eoin Brazil and Kristina Chodorow, “MongoDB: The Definitive
Guide”, O'Reilly Media, Third Edition, 2020.

WEBSITES
1. https://www.w3schools.com/jsrEF/default.asp
2. https://devdocs.io/javascript/
3. https://reactjs.org/docs/getting-started.html
4. https://nodejs.org/en/docs/

CO-PO MAPPING

COs PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12 PSO1 PSO2
CO1 3 2 1 - - - - - 2 2 - 2 - 3
CO2 3 2 1 - - - - - 2 2 - 2 - 3
CO3 3 2 1 - 2 - - 1 2 2 - 2 - 3
CO4 3 2 1 - 2 - - 1 2 2 - 2 - 3
CO5 3 3 2 1 2 - - 1 2 2 - 2 - 3
Avg 3 2.2 1.2 1 2 - - 1 2 2 - 2 - 3

Karpagam Academy of Higher Education (Deemed to be University), Coimbatore-641021 97

You might also like