SET A

1. What are the core principle of Agile Methedology and write how Scrum fit into
Agile Methodology?

Scrum is a popular framework within the Agile methodology that helps teams implement
these principles effectively. It provides a structured approach to project management,
focusing on iterative and incremental development. Here's how Scrum fits into Agile
methodology:

1. Iterative development: Scrum divides the project into fixed-length iterations called
sprints. Each sprint typically lasts between one to four weeks. The development work is
divided into smaller tasks, called user stories, which are completed within each sprint.

2. Scrum roles: Scrum defines three primary roles: the Product Owner, Scrum Master, and
Development Team. The Product Owner represents the customer and defines the
project's requirements and priorities. The Scrum Master ensures that the Scrum
framework is followed and helps remove any obstacles. The Development Team carries out
the actual work of delivering the product.
3. Sprint planning: At the start of each sprint, the Scrum Team conducts a sprint planning
meeting. During this meeting, the team collaboratively selects a set of user stories from
the product backlog to be completed during the sprint. The team defines the work
required and creates a sprint backlog.

4. Daily Scrum: Throughout the sprint, the team holds a daily Scrum meeting, also known
as a daily stand-up. This brief meeting allows team members to synchronize their work,
discuss progress, and identify any obstacles or dependencies.

5. Sprint review and retrospective: At the end of each sprint, a sprint review and
retrospective are conducted. In the sprint review, the team presents the completed work
to stakeholders, receives feedback, and discusses any adjustments to the product backlog.
The retrospective is a team reflection on the sprint, identifying areas for improvement
and implementing changes for future sprints.

Scrum provides a framework that supports the Agile principles by promoting collaboration,
transparency, and adaptation throughout the development process. It enables teams to
deliver working software incrementally, respond to change effectively, and continuously
improve their work.

2. What some CSS3 features related to text styling? How does CSS3 support
Transformations, and What type of transformations are available?

CSS3 introduced several new features related to text styling. Some of these features
include:

Text Shadows: CSS3 allows you to apply shadows to text using the text-shadow property.
You can specify the horizontal and vertical offsets, blur radius, and color of the shadow.

Text Overflow: The text-overflow property controls how overflowing text is handled
within its container. It allows you to truncate or display an ellipsis (...) when the text
exceeds the available space.

Text Gradients: CSS3 enables the creation of gradients for text using the background-
clip and background-image properties. By setting a gradient as the background image and
using the text value for background-clip, you can create gradient-filled text.
Web Fonts: CSS3 introduced the @font-face rule, which allows you to use custom fonts
that are not commonly available on users' devices. With web fonts, you can specify a font
file to be downloaded and applied to the text, enhancing typography options.

3. How does Bootstrap's grid system work and what are its benefits?
4. What is virtual DOM? How does it enhance performance in ReactJS?

5. What is DevOps Lifecycle and its stages. Give some popular DevOps with their
roles.
6. What is the role of GIT in Source Management? What are the advantages of using
GIT for source control?
SET B

1. What is DevOps? Explain DevOps Architecture with neat diagram.

2. Differentiate between Synchronous and Asynchronous web communication.
3. List out different types of TypeScript Annotation with examples.
4. What does rendering with ReactJS mean? Give an example.
5. Explain in detail AngularJS Modules, Controller and Forms with examples.
6. What is DOM? Explain in detail how a Virtual DOM works.
SET A

1. Describe how to use a tree structure and HTML DOM concept in JavaScript?
2. List out the Advantages and Disadvantages of Ajax.

Advantages of AJAX

- Reduce server traffic and increase speed

• The first and foremost advantage of Ajax is its ability to improve the
performance and usability of web applications.
• To explain more detailedly, Ajax techniques allow applications to
render without data, which reduces the server traffic inside requests.
- Enable asynchronous calls
• Ajax benefits web developers in how its framework can be used for lazy
loading. Those who don’t know what Lazy Loading is are an optimization
technique that’s widely used for online content.
- XMLHttpRequest
• XMLHttpRequest is a request type widely used for sending a request
to Ajax pages. You can also call it with a different name: Asynchronous
HTTP request. It plays a vital role in the implementation of Ajax
techniques for web development.
- Form Validation
• In contrast to traditional form submission, where client-side
validations occur after submission, the AJAX method enables precise
and immediate form validation. AJAX provides speed, which is also
one of its significant benefits.
3. What is NodeJS? How does it work?

• Node.js is an open source, cross-platform runtime environment for developing server-side

and networking applications
• Node.js is a server-side platform built on Google Chrome's JavaScript Engine (V8
Engine).
• Node.js applications are written in JavaScript, and can be run within the Node.js runtime
on OS X, Microsoft Windows, and Linux.
• Note : Node.js = Runtime Environment + JavaScript Library

How Node Works

• Highly scalable because of the Asynchronous(non blocking) nature of node.
• Single thread is used to process multiple requests.
4. Differentiate between NPM and NPX.
5. Explain comprehensively how Angular JS's fundamental directives and filters work.
6. What do the components in React JS mean? Use an example to concisely describe
it.

• ReactJS is all about components. ReactJS application is made up of

multiple components, and each component has its own logic and
controls. These components can be reusable which help you to
maintain the code when working on larger scale projects.
SET B

1. Define DevOps and Discuss DevOps architecture in detail with neat diagram.
2. Describe about Web Sockets.
3 Discuss about Containers and Grid Classes in Bootstrap.
4. Explain about the class, data modifier and inheritance in TypeScript.

TYPESCRIPT - CLASS
The class in Typescript is compiled to plain JavaScript functions by the Typescript
compiler to work across platforms and browsers.
A class can include the following:
• Constructor
• Properties
• Methods
An object of the class can be created using the new keyword.

TYPESCRIPT - DATA MODIFIERS

In object-oriented programming, the concept of 'encapsulation' is used to make
class members public or private i.e. A class can control the visibility of its data
members. This is done using access modifiers.
There are three types of access modifiers in typescript: public, private and protected.
Public
By default, all members of a class in Typescript are public. All the public members
can be accessed anywhere without any restrictions.

TYPESCRIPT - Inheritance
• Typescript supports inheritance of class through extends keyword
• super keyword.
Class child_class extends parent_class
{

5. Illustrate AJAX concept for any one application with appropriate syntax

6. Mention the significance of Node.Js and describe with Node.Js event loop
architecture.
SET A

1. List the principles of agile methodology.

2. Explain in brief about the Scrum Methodology
Roles:

• Scrum Master: Responsible for facilitating the Scrum process, removing obstacles,
and ensuring the team adheres to Scrum principles and practices.
• Product Owner: Represents the stakeholders and acts as the voice of the customer,
responsible for defining and prioritizing the product backlog.
• Development Team: Self-organizing and cross-functional team members who work
together to deliver the product increment.

Artefacts:

• Product Backlog: A prioritized list of all desired features, enhancements, and fixes
for the product. It is constantly refined and updated.
• Sprint Backlog: A subset of items from the product backlog, selected by the
development team to be worked on during a sprint.
• Increment: The sum of all the completed and potentially shippable product backlog
items at the end of each sprint.

Events:

• Sprint Planning: A meeting held at the beginning of each sprint to define the sprint
goal, select items from the product backlog, and create a sprint backlog.
• Daily Scrum (Daily Stand-up): A short daily meeting where the development team
synchronizes their activities, discusses progress, identifies any impediments, and
plans the work for the next 24 hours.
• Sprint Review: Held at the end of each sprint, the team presents the completed
work to stakeholders and receives feedback. The Product Owner reviews the
product backlog and may adjust it based on stakeholder input.
 • Sprint Retrospective: A reflection meeting held after the sprint review to inspect
the sprint, identify areas of improvement, and make adjustments to enhance future
sprints.

3. Describe the steps involved in Event driven Programming with diagram.

4. Explain any five basic directives in Angular JS.

5 Demonstrate different types of button classes and 6 grid classes available in
Bootstrap.
6 Explain different types of services available in angular JS along a with a example.
SET B

1. What is Agile methodology and how does it differ from traditional project
management approaches?
2 Ganesh is trying to write a program in JavaScript to calculate the Fibonacci series
of a given number is given by class teacher, help Ganesh to develop and demonstrate
a HTML file that includes JavaScript script to solve the problem.

<html>
<head>
<title>Fibonacci Series</title>

</head>
<body>
<script type="text/javascript">
var fib1=0,fib2=1,fib
var num=prompt("Enter a number :\n","");
if(num!=null&&num>0)
{
document.write("<h1>The First "+num+" numbers in the fibonacci series</h1>");
if(num==1)
document.write("<h2>"+fib1+"</h2>");
else
{
document.write("<h2>"+fib1+"</h2>");
document.write("<h2>"+fib2+"</h2>");
}
for(i=3;i<=num;i++)
{
 fib=fib1+fib2;
document.write("<h2>"+fib+"</h2>");
fib1=fib2;
fib2=fib;
}
}
else
alert("Invalid Input");
</script>
</body>

</html>

3. Quote the importance of NPM. Explain the three distinct components of NPM. List
out the usage of NPM.

IMPORTANCE:-
• NPM is a package manager for Node.js packages, or NPM modules
• A package in Node.js contains all the files you need for a module.
• Modules are JavaScript libraries you can include in your project.
• The NPM program is installed on your computer when you install Node.js
• Syntax for Installing Modules Using NPM

NPM consists of three distinct components:

✔ the website
✔ the Command Line Interface (CLI)
✔ the registry
• Use the website to discover packages, set up profiles, and manage other aspects of your
npm experience. For example, you can set up Orgs (organizations) to manage access to
public or private packages.
• The CLI runs from a terminal. This is how most developers interact with npm.
• The registry is a large public database of JavaScript software and the meta-information
surrounding it.

USES:-
• Adapt packages of code to your apps, or incorporate packages as they are.
• Download standalone tools you can use right away.
• Run packages without downloading using npx.
• Share code with any npm user, any where.
• Restrict code to specific developers.

4. Differentiate between Real DOM and Virtual DOM.

• React keeps a lightweight representation of the Real DCM in the memory, and that is
known as the Virtual DOM

• Manipulating Real DOM is much slower than manipulating virtual DOM, because nothing
gets drawn onscreen

• When the state of an object changes, Virtual DOM changes only that object in the real
DOM instead of updating all the objects.

5. Explain the concept of Web Sockets and their significance in web development.
Provide an example scenario where Web Sockets would be an appropriate solution.
6. What is Node Js, what are is significance. Describe event loop architecture with
respect to Node.Js.

• Node.js is an open source, cross-platform runtime environment for developing server-side

and networking applications
• Node.js is a server-side platform built on Google Chrome's JavaScript Engine (V8
Engine).
• Node.js applications are written in JavaScript, and can be run within the Node.js runtime
on OS X, Microsoft Windows, and Linux.
• Note : Node.js = Runtime Environment + JavaScript Library