IT3501 Full Stack Web Development Syllabus - Anna University

IT3501 FULL STACK WEB DEVELOPMENT

L T P C

3 0 0 3

COURSE OBJECTIVES:

• To understand the various components of full stack development
• To learn Node.js features and applications
• To develop applications with MongoDB
• To understand the role of Angular and Express in web applications
• To develop simple web applications with React

UNIT I BASICS OF FULL STACK

Understanding the Basic Web Development Framework - User - Browser – Webserver - Backend Services – MVC Architecture - Understanding the different stacks –The role of Express – Angular – Node – Mongo DB – React

UNIT II NODE JS

Basics of Node JS – Installation – Working with Node packages – Using Node package manager –Creating a simple Node.js application – Using Events – Listeners –Timers - Callbacks – Handling Data I/O – Implementing HTTP services in Node.js

UNIT III MONGO DB

Understanding NoSQL and MongoDB – Building MongoDB Environment – User accounts – Access control – Administering databases – Managing collections – Connecting to MongoDB from Node.js – simple applications

UNIT IV EXPRESS AND ANGULAR

Implementing Express in Node.js - Configuring routes - Using Request and Response objects - Angular - Typescript - Angular Components - Expressions - Data binding - Built-in directives

UNIT V REACT

MERN STACK – Basic React applications – React Components – React State – Express REST APIs - Modularization and Webpack - Routing with React Router – Server-side rendering

TOTAL: 45 PERIODS

COURSE OUTCOMES:

At the end of the course, students will be able to

1. CO1: Understand the various stacks available for web application development
2. CO2: Use Node.js for application development
3. CO3: Develop applications with MongoDB
4. CO4: Use the features of Angular and Express
5. CO5: Develop React applications

TEXTBOOKS:

1. Brad Dayley, Brendan Dayley, Caleb Dayley, 'Node.js, MongoDB and Angular Web Development', Addison-Wesley, Second Edition, 2018
2. Vasan Subramanian, 'Pro MERN Stack, Full Stack Web App Development with Mongo, Express, React, and Node', Second Edition, Apress, 2019.

REFERENCES:

1. Chris Northwood, 'The Full Stack Developer: Your Essential Guide to the Everyday Skills Expected of a Modern Full Stack Web Developer', Apress; 1st edition, 2018
2. Kirupa Chinnathambi, 'Learning React: A Hands-On Guide to Building Web Applications Using React and Redux', Addison-Wesley Professional, 2nd edition, 2018
3. https://www.tutorialspoint.com/the_full_stack_web_development/index.asp
4. https://www.coursera.org/specializations/full-stack-react
5. https://www.udemy.com/course/the-full-stack-web-development/