MALLA REDDY ENGINEERING COLLEGE FOR WOMEN

(2212PC01) FULL STACK DEVELOPMENT

B.Tech. III Year II Sem. LT PC

310
4

COURSE OBJECTIVES:

1. To become knowledgeable about the most recent web development technologies.

2. Idea for creating two tier and three tier architectural web applications.
3. Design and Analyze real time web applications and Constructing suitable client and server
side applications.
4. To learn core concept of both front end and back end programming.
5. Students will become familiar to implement fast, efficient, interactive and scalable web
applications using run time environment provided by the full stack components.

COURSE OUTCOMES:

1. Gain foundational knowledge of web development concepts and tools, including HTML, CSS,
and web servers.
2. Acquire a deep understanding of JavaScript, focusing on object-oriented programming (OOP),
memory management, and functions.
3. Gain expertise in creating Angular components, using data binding, and applying built-in and
custom directives.
4. Develop proficiency in creating React components, handling data flow, and managing
component lifecycle methods.
5. Understand the fundamentals of Node.js, including its event-driven architecture and non-
blocking I/O model.
6. Learn to integrate Mongo DB with Node.js and Explore advanced MongoDB concepts for
scaling and optimizing database operations.

UNIT - I
Web Development Basics: Web development Basics – HTML-Basic Structure, Tags,
Tables, Frames, Forms, Entities, CSS.
Frontend Development: Javascript basics OOPS ,Selectors, Event Handlers, DOM,
Exceptions, Objects
UNIT - II
Node js: Getting Started with Node.js, Using Events, Listeners, Timers, and Callbacks in
Node.js, Handling Data I/O in Node.js, Accessing the File System from Node.js, Implementing
Socket Services in Node.js.

UNIT - III
Angular: Importance of Angular, Understanding Angular, creating a Basic Angular
Application, Angular Components, Expressions, Data Binding, Built-in Directives, Custom
Directives, Implementing Angular Services in Web Applications.

UNIT - IV
React:
Need of React, Simple React Structure, The Virtual DOM, React Components, Introducing React
Components, Creating Components in React, Data and Data Flow in React, Rendering and Life
Cycle Methods in React, Working with forms in React, integrating third party libraries, Routing
in React.

UNIT - V
MongoDB:
Understanding NoSQL and MongoDB, Getting Started with MongoDB, Getting Started with
MongoDB and Node.js, Manipulating MongoDB Documents from Node.js.

TEXT BOOKS:

1. Web Design with HTML, CSS, JavaScript and JQuery Set Book by Jon Duckett Professional
JavaScript for Web Developers Book by Nicholas C. Zakas. (Unit-I,II).
2. ProGit, 2nd Edition, Apress publication by Scott Chacon and Straub. (Unit I).
3. Brad Dayley, Brendan Dayley, Caleb Dayley., Node.js, MongoDB and Angular Web
Development, 2nd Edition, AddisonWesley, 2019. (Unit-III, Unit-IV, Unit-V).
4. Mark Tielens Thomas, React in Action, 1st Edition, Manning Publications. (Unit-III).

REFERENCE BOOKS:

1. Full-Stack JavaScript Development byEric Bush.

2. Mastering Full Stack React Web Development Paperback – April 28, 2017 by Tomasz Dyl ,
Kamil Przeorski , Maciej Czarnecki.
MALLA REDDY ENGINEERING COLLEGE FOR WOMEN
(2212PC61)FULL STACK DEVELOPMENT LAB

B.Tech. III Year II Sem L T P C

0 0 3
1.5

Course Objectives:

1. Usage of various front and backend Tools .

2. Understand and create applications .
3. Demonstrate and Designing of Websites can be carried out.
4. Develop web based application using suitable client side and server side code.
5. Implement web based application using effective database access.

Course outcomes:
1. Understand and apply the foundational principles of web design to create static, user-friendly
interfaces. Develop skills in structuring content using HTML.
2. Gain hands-on experience in using CSS to enhance the aesthetics and responsiveness of a
webpage. Learn to apply styles dynamically to improve user experience.
3. Acquire knowledge of DOM manipulation and event handling in JavaScript. Enhance
interactive capabilities of web pages by responding to user actions.
4. Learn how to use jQuery for client-side validation. Develop a system that evaluates password
strength to improve security awareness.
5. Understand asynchronous communication between the client and server. Learn to fetch and
display data without refreshing the webpage, improving user experience.
6. Gain proficiency in building dynamic single-page applications (SPAs).

List of Programs

1. Designing following static WebPages required for an Online Book Store website .
1) HOME PAGE
2) LOGIN PAGE
3) CATOLOGUE PAGE: The catalogue page should contain the details of all the books
available in the web site in a table. The details contain the following:
a. Snap shot of Cover Page. b. Author Name. c. Publisher. d. Price. e. Add to cart button.
4) CART PAGE:
a. The cart page contains the details about the books which are added to the cart.
b. The cart page should look like this:
5) REGISTRATION PAGE: “registration form “with the following fields
1) Name (Text field) 2) Password (password field) 3) E-mail id (text field) 4) Phone number
(text field) 5) Sex (radio button) 6) Date of birth (3 select boxes) 7) Languages known (check
boxes – English, Telugu, Hindi, Tamil) 8) Address (text area)

2. Designing a webpage using CSS Which includes different styles.

3 .Write a JavaScript to implement the following various events.

a)Mouse b)Keyboard c)Form d)Window

4 .Write a program to create and Build a Password Strength Check using JQuery.

5 .Write a program to create and Build a star rating system using JQuery.

6. Write a program for sending request to a server by using AJAX.

7 .Develop an Angular JS application that displays a list of shopping items. Allow users to add
and remove items from the list using directives and controllers.

8. Write a program to create a simple calculator Application using React JS.

9 .Write a program to create a voting application using React JS.

10. Write a server side program for Accessing MongoDB from Node.js.

11 .Write a server side program for Manipulating MongoDB from Node.js.