IF4291 Full Stack Web Application Development Syllabus:
IF4291 Full Stack Web Application Development Syllabus – Anna University PG Syllabus Regulation 2021
COURSE OBJECTIVES:
Develop TypeScript Application
Develop Single Page Application (SPA)
Able to communicate with a server over the HTTP protocol
Learning all the tools need to start building applications with Node.js
Implement the Full Stack Development using MEAN Stack
UNIT I FUNDAMENTALS & TYPESCRIPT LANGUAGE
Server-Side Web Applications. Client-Side Web Applications. Single Page Application. About TypeScript. Creating TypeScript Projects. TypeScript Data Types. Variables. Expression and Operators. Functions. OOP in Typescript. Interfaces. Generics. Modules. Enums. Decorators. Enums. Iterators. Generators.
UNIT II ANGULAR
About Angular. Angular CLI. Creating an Angular Project. Components. Components Interaction. Dynamic Components. Angular Elements. Angular Forms. Template Driven Forms. Property, Style, Class and Event Binding. Two way Bindings. Reactive Forms. Form Group. Form Controls. About Angular Router. Router Configuration. Router State. Navigation Pages. Router Link. Query Parameters. URL matching. Matching Strategies. Services. Dependency Injection. Http Client. Read Data from the Server. CRUD Operations. Http Header Operations. Intercepting requests and responses.
UNIT III NODE.js
About Node.js. Configuring Node.js environment. Node Package Manager NPM. Modules. Asynchronous Programming. Call Stack and Event Loop. Callback functions. Callback errors. Abstracting callbacks. Chaining callbacks. File System. Synchronous vs. asynchronous I/O. Path and directory operations. File Handle. File Synchronous API. File Asynchronous API. File Callback API. Timers. Scheduling Timers. Timers Promises API. Node.js Events. Event Emitter. Event Target and Event API. Buffers. Buffers and Typed Arrays. Buffers and iteration. Using buffers for binary data. Flowing vs. non-flowing streams. JSON.
UNIT IV EXPRESS.Js
Express.js. How Express.js Works. Configuring Express.js App Settings. Defining Routes. Starting the App. Express.js Application Structure. Configuration, Settings. Middleware. body-parser. cookie-parser. express-session. response-time. Template Engine. Jade. EJS. Parameters. Routing. router. route(path). Router Class. Request Object. Response Object. Error Handling. RESTful.
UNIT V MONGODB
Introduction to MongoDB. Documents. Collections. Sub collections. Database. Data Types. Dates. Arrays. Embedded Documents. CRUD Operations. Batch Insert. Insert Validation. Querying The Documents. Cursors. Indexing. Unique Indexes. Sparse Indexes. Special Index and Collection Types. Full-Text Indexes. Geospatial Indexing. Aggregation framework.
LIST OF EXPERIMENTS
1. Accessing the Weather API from Angular
2. Accessing the Stock Market API from Angular
3. Call the Web Services of Express.js From Angular
4. Read the data in Node.js from MongoDB
5. CRUD operation in MongoDB using Angular
COURSE OUTCOMES:
CO1: Develop basic programming skills using Javascript
CO2: Implement a front-end web application using Angular.
CO3: Will be able to create modules to organise the server
CO4: Build RESTful APIs with Node, Express and MongoDB with confidence.
CO5: Will learn to Store complex, relational data in MongoDB using Mongoose
TOTAL : 45 + 30=75 PERIODS
REFERENCES
1. Adam Freeman, Essential TypeScript, Apress, 2019
2. Mark Clow, Angular Projects, Apress, 2018
3. Alex R. Young, Marc Harter,Node.js in Practice, Manning Publication, 2014
4. Pro Express.js, Azat Mardan, Apress, 2015
5. MongoDB in Action, Kyle Banker, Peter Bakkum, Shaun Verch, Douglas Garrett, Tim Hawkins, Manning Publication, Second edition, 2016