0% found this document useful (0 votes)
43 views2 pages

MCA Full Stack Development Model Paper

Uploaded by

tanishq malik
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
0% found this document useful (0 votes)
43 views2 pages

MCA Full Stack Development Model Paper

Uploaded by

tanishq malik
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

Roll No.

: …………………………
Bharati Vidyapeeth’s
Institute of Computer Applications and Management (BVICAM)
A-4, Paschim Vihar, New Delhi-63
SECOND SEMESTER [MCA] MODEL QUESTION PAPER
Paper Code: MCA–114 Subject: Full Stack Development
Time: 3 Hours Maximum Marks: 60
Note: Attempt FIVE questions in all. Question No. 1 is compulsory and attempt one question
from each unit.

1. Answer all the following questions briefly: - 2 × 10 = 20


(a) Can you assign an anonymous function to a variable and pass it as an argument to CO1
another function?
(b) Illustrate the difference React and Angular? CO2
(c) Determine the purpose of using AJAX when java script is performing the same CO2
task.
(d) Discuss the features of Mongo-DB. CO3
(e) Discuss the purpose of getting react famous when there are other languages CO1
already available
(f) Describe the Interpolation and property binding in angular. CO3
(g) Compare ECMA 6 with ECMA 5. CO4
(h) Can you explain the difference between a collection and a document in MongoDB? CO4
(i) Differentiate between Flux and Redux CO3
(j) Write a command to create a database and collection in MongoDB. CO3

UNIT - I
2. (a) How do you handle server-side rendering in a React application? 5 CO1
(b) Differentiate between a functional component and a class component in React 5 CO1
with example.

3. (a) Differentiate between a) states and props 5 CO1


b) a static component and a dynamic component in React.
(b) Explain the concept of a Sagas in Redux. 5 CO1

UNIT - II
4. (a) Explain about controlled and uncontrolled components? 5 CO2
(b) Illustrate the working of REST API Design with HTTP. 5 CO2
5. (a) Develop a single page application using react router. 5 CO2
(b) List down the components of redux. Explain the term “Single source of truth”? 5 CO2

UNIT - III
6. (a) Demonstrate the advantage of Model View Controller (MVC). 5 CO3

Page 1 of 2
(b) Discuss 2-way data binding? Explain with example 2-way data binding with ng- 5 CO3
model

7. (a) How do you handle events in Angular form 5 CO3


(b) Illustrate the purpose of using “ngfor”, with example. 5 CO3

UNIT - IV
8. (a) Discuss the types of No-SQL databases 5 CO4
(b) Explain the scenarios to manipulate mongoDB document from [Link]. 5 CO4
9. (a) Discuss BSON in mongo DB. Explain the purpose of using BSON over JSON 5 CO4
(b) While creating schema in Mongo-DB what are the points need to be taken in 5 CO4
consideration.

Page 2 of 2

Common questions

Powered by AI

When creating a schema in MongoDB, key considerations include designing for flexibility and future use, optimizing for query efficiency, and ensuring data consistency. MongoDB is schema-less, but it's important to maintain a consistent data model to avoid application logic complexity. Considerations include using proper indexes for frequent queries, choosing appropriate data types for efficient storage, embedding versus referencing documents based on the relationship nature, and understanding the balance between normalization and denormalization to prevent data duplication while ensuring performance .

The Model View Controller (MVC) architecture provides several advantages in full stack development. It separates the application logic into three interconnected components, improving code modularity, maintainability, and scalability. This separation allows for independent development, testing, and maintenance of each component, enhancing team collaboration and speeding up development cycles. MVC facilitates clear division of handlings for data (Model), user interface (View), and application logic (Controller), thus making the application more organized and easier to manage .

Flux and Redux are both patterns for managing state in JavaScript applications, but they have key differences. Flux, developed by Facebook, mandates a unidirectional data flow and encourages separating the dispatcher, stores, and views. Redux, inspired by Flux, simplifies the architecture by using a single store where the entire application's state resides, enforcing a more predictable state configuration. Redux introduces concepts like reducers, actions, and middleware, offering more out-of-the-box solutions than traditional Flux, which provides more flexibility but also requires more boilerplate for setup .

In React, controlled components handle user inputs by keeping the form data in the component's state, with every update requiring a function to change the state, providing more control over form data and its validation. Uncontrolled components, conversely, rely on direct DOM manipulation and store data as the default values within the component. This makes them simpler and requires less code but sacrifices synchronization between the form elements and internal state, which can complicate debugging and state management in complex applications .

State in React is an object that holds information about the component's local state which can change over time. It is managed within the component and can trigger rendering updates. Props, short for properties, are inputs to components passed down from parent to child, read-only, and help in making components dynamic by passing data and callback functions. State is mutable and maintained by the component itself, while props are immutable and controlled by whatever rendered the component .

React's server-side rendering (SSR) differs from client-side rendering (CSR) in that the HTML is generated on the server and sent to the client, where it can immediately be rendered. CSR, by contrast, renders the application in the browser after receiving only a small HTML shell and the subsequent necessary JavaScript. Server-side rendering benefits include faster initial page load times, improved SEO as crawlers can directly index the content, and better performance on low-powered devices. SSR allows the users to see the webpage quicker and helps search engines to index the content accurately .

AJAX offers several benefits over standard JavaScript when used in web development. It allows for asynchronous page updates without requiring a full page reload, enhancing user experience through faster interface interactions. AJAX increases app performance and responsiveness by only updating parts of a webpage that require changes, reducing server load and bandwidth. It also enables developers to make asynchronous requests to the server, which can lead to more seamless integration with back-end services and dynamic content loading .

BSON, or Binary JSON, offers several benefits over JSON in MongoDB related to performance and storage efficiency. Unlike JSON which is text-based, BSON is a binary format that allows for faster encoding and decoding, thus improving read and write operations. BSON supports more data types than JSON, including special data types like ObjectId and binary data, which help in optimizing storage and supporting rich data. Additionally, BSON's support for data sizes improves performance, as it simplifies the insertion and manipulation of large data sets .

Functional components in React are JavaScript functions that return JSX. They can utilize React hooks to access state, lifecycle, and perform other actions. Class components, on the other hand, are ES6 classes that extend React.Component and have additional features like lifecycle methods and state management declared inside the component. Function components with hooks are generally recommended for simpler syntax and increased performance, whereas class components are preferred when needing advanced features before hooks were introduced .

The ngFor directive in Angular is used for iterating over a collection of data and rendering each item in the collection. It is particularly useful for creating list views. For instance, if you have an array of objects, ngFor can be employed in a template to loop through the array and display each element in the DOM. Example: `<div *ngFor="let item of items">{{item.name}}</div>` would output a div containing each item's name property from the items array, demonstrating its effectiveness in rendering dynamic lists .

You might also like