Full Stack Web Development -1 — DU B. Voc – Software Development Previous Year Question Papers

(i) Write the parent component (app.ts) showing initialCount and [(count)] binding. (ii) Write the child component (counter.ts) showing count display and update logic. (iii) Briefly explain how data flows between parent and child components. 6. (a) How does MongoDB use dot notation to access array elements and embedded document fields? Explain with suitable examples. (7) (b) Describe the overall MongoDB architecture and explain the function of its core components, including shard servers, config servers, mongos router, replica sets, and theMongoDB engine. (a) Differentiate between RDBMS and MongoDB data models in terms of structure, schema, and data representation. (7) (b) Explain MongoDB CRUD (Create, Read, Update, and Delete) operations and describe the key constraints such as atomicity, filter syntax, and target scope. (8) Each question is of 5 marks. (a) What are the key features and benefits of jQuery? How does it differ from JavaScript? (5) (b) Explain the jQuery load () method with appropriate syntax and an example. (5) (c) What are Angular forms? Explain their different types in detail. (5) (d) What are Angular life-cycle hooks? Explain ngOnlnit ()and ngOnDestroy(). (5) (e) What are MongoDB documents? Explain their structure with a suitable example. (5) (f) What are the common data types in MongoDB? Explain their significance and usage. (5) Method Chaining in jQuery with suitable examples. (b) Explain jQuery selectors with suitable examples, including any two examples each of basic selectors, attribute selectors, and position-based selectors (first and last). (8) 3. (a) Explain jQuery fading effects and describe the methods fadeIn(), fadeOut(), fadeToggle(), and fadeTo() with suitable examples. (7) (b) Describe the core building blocks of Angular applications, including components, modules, services, directives, and dependency injection. (a) Explain the structure of an Angular application created using ng new, and describe the purpose of app.component.ts, app.component.html, app.component.css, and main.ts. (7) (b) Explain how Angular enables data sharing from a child component to a parent component using the @Output() decorator and EventEmitter. Consider a child component that sends user input to the parent component. (8) (i) Show how @Output() is declared using EventEmitter<string>. (ii) Show a method in the child component that emits data. (iii) Show the child component template with an input box and a button. (iv) Show the parent component method that receives the data and displays it in the template. (b) Explain how Angular implements two-way binding between a parent (app.ts) and child (counter.ts) component using [(count)], where the parent sets the initial count value and the child updates and displays it. (8)