0% found this document useful (0 votes)

18 views48 pages

Fullstack Slip Answer

The document contains multiple code snippets demonstrating the use of AngularJS and Node.js for various tasks. It includes examples of creating AngularJS applications for addition, displaying bank details, and fetching data from APIs, as well as Node.js applications for reading files asynchronously and implementing Express.js routes for CRUD operations. Each section provides specific code implementations and explanations for the respective functionalities.

Uploaded by

SYBCS16OMKAR DASWADKAR

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)

18 views48 pages

Fullstack Slip Answer

Uploaded by

SYBCS16OMKAR DASWADKAR

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

You are on page 1/ 48

SLIP 1

Q.1) Write an AngularJS script for addition of two numbers using ng-init, ng-model & ng-bind. And also
demonstrate ng-show, ng-disabled, ng-click directives on button component.

<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Addition of Two Numbers in AngularJS</title>

</head>

<body ng-app="additionApp" ng-controller="AdditionController" ng-init="num1=0; num2=0; result=0;

showResult=false">

<h2>Addition of Two Numbers</h2>

<label for="num1">Enter first number:</label>

<input type="number" id="num1" ng-model="num1" required>

<br>

<label for="num2">Enter second number:</label>

<input type="number" id="num2" ng-model="num2" required>

<button ng-click="addNumbers()" ng-disabled="!num1 || !num2">Add Numbers</button>

<h3 ng-show="showResult">Result: <span ng-bind="result"></span></h3>

// Define AngularJS module and controller

angular.module('additionApp', [])

.controller('AdditionController', function($scope) {

// Function to add numbers and display result

$scope.addNumbers = function() {

$scope.result = parseFloat($scope.num1) + parseFloat($scope.num2);

$scope.showResult = true;

};

});

</script>

</body>

</html>

Q.2) Create a Node.js application that reads data from multiple files asynchronously using promises and
async/await.

const fs = require('fs').promises;

async function readFiles(filePaths) {

try {

// Read multiple files asynchronously using Promise.all

const fileReadPromises = filePaths.map(path => fs.readFile(path, 'utf-8'));

const fileContents = await Promise.all(fileReadPromises);

// Log each file's content

fileContents.forEach((content, index) => {

console.log(`Content of file ${filePaths[index]}:\n${content}\n`);

});

} catch (error) {

console.error("Error reading files:", error);

// Example file paths (replace with actual paths)

const files = ['./file1.txt', './file2.txt', './file3.txt'];

// Call the function to read files

readFiles(files);

SLIP2

Write an AngularJS script to print details of bank (bank name, MICR code, IFC code, address etc.) in
tabular form using ng-repeat.

//html file

<!DOCTYPE html>

<head>

<title>Bank Details</title>

</head>

<h2>Bank Details</h2>

<th>Address</th>

</tr>

</thead>

<tbody>

<tr ng-repeat="bank in banks">

<td>{{ bank.name }}</td>

<td>{{ bank.micrCode }}</td>

<td>{{ bank.ifscCode }}</td>

<td>{{ bank.address }}</td>

</tr>

</tbody>

</table>

</body>

</html>

//angularJs file

// Define AngularJS application

var app = angular.module('bankApp', []);

// Define controller

app.controller('BankController', function($scope) {

// List of banks

$scope.banks = [

{
name: 'Bank of America',

micrCode: '123456789',

ifscCode: 'BOFA12345',

address: '123 Main St, New York, NY'

name: 'Wells Fargo',

micrCode: '987654321',

ifscCode: 'WF123456',

address: '456 Elm St, San Francisco, CA'

name: 'Chase Bank',

micrCode: '543216789',

ifscCode: 'CHAS09876',

address: '789 Maple Ave, Chicago, IL'

];

});

Create a simple Angular application that fetches data from an API using HttpClient.
Implement an Observable to fetch data from an API endpoint.
// src/app/data.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable({
providedIn: 'root'
})
export class DataService {
private apiUrl = 'https://jsonplaceholder.typicode.com/posts'; // Sample API

constructor(private http: HttpClient) { }

// Method to fetch data from the API

getData(): Observable<any> {
return this.http.get(this.apiUrl);
}
}
Slip 3
Write an AngularJS script to display list of games stored in an array on click of button using ng-click
and also demonstrate ng-init, ng-bind directive of AngularJS

<!DOCTYPE html>
<html ng-app="gameApp">
<head>
<title>Game List Display</title>
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body ng-controller="GameController" ng-init="isListVisible=false">

<button ng-click="showGames()">Show Games</button>

<p ng-if="!games.length">No games to display</p>

// Function to show the list of games

$scope.showGames = function() {
$scope.isListVisible = true;
};
});
</script>
</body>
</html>

Find a company with a workforce greater than 30 in the array (use find by id
method)

type Company = {
id: number;
name: string;
workforce: number;
};

const companies: Company[] = [

{ id: 1, name: "TechCorp", workforce: 25 },
{ id: 2, name: "InnovateInc", workforce: 40 },
{ id: 3, name: "BuildIt", workforce: 15 },
{ id: 4, name: "DevelopHub", workforce: 35 },
];

const companyWithLargeWorkforce = companies.find(company =>

company.workforce > 30);

console.log(companyWithLargeWorkforce);

SLIP 4
Fetch the details using ng-repeat in AngularJS

<div ng-app="myApp" ng-controller="CompanyController">

<ul>
<li ng-repeat="company in companies | filter: filterByWorkforce">
<strong>ID:</strong> {{ company.id }} <br>
<strong>Name:</strong> {{ company.name }} <br>
<strong>Workforce:</strong> {{ company.workforce }}
<hr>
</li>
</ul>
</div>
var app = angular.module('myApp', []);
app.controller('CompanyController', function($scope) {
$scope.companies = [
{ id: 1, name: "TechCorp", workforce: 25 },
{ id: 2, name: "InnovateInc", workforce: 40 },
{ id: 3, name: "BuildIt", workforce: 15 },
{ id: 4, name: "DevelopHub", workforce: 35 }
];

$scope.filterByWorkforce = function(company) {
return company.workforce > 30;
};
});
Express.js application to include middleware for parsing request bodies (e.g., JSON, form data) and
validating input data.

const express = require('express');

const { body, validationResult } = require('express-validator');
const app = express();
const PORT = 3000;

// Middleware to parse JSON and form data

app.use(express.json());
app.use(express.urlencoded({ extended: true }));

// Sample route with validation middleware

app.post(
'/submit',
// Validation middleware
[
body('name').isString().withMessage('Name must be a
string').notEmpty().withMessage('Name is required'),
body('email').isEmail().withMessage('Invalid email address'),
body('age').isInt({ min: 1 }).withMessage('Age must be a positive
integer'),
],
(req, res) => {
// Check for validation errors
const errors = validationResult(req);
if (!errors.isEmpty()) {
return res.status(400).json({ errors: errors.array() });
}

// Process the request if validation passes

const { name, email, age } = req.body;
res.status(200).json({ message: 'Data received successfully', data: {
name, email, age } });
}
);

// Start the server

app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});

SLIP5
Create a simple Angular component that takes input data and displays it.

import { Component, Input } from '@angular/core';

@Component({
selector: 'app-display-item',
templateUrl: './display-item.component.html',
styleUrls: ['./display-item.component.css']
})
export class DisplayItemComponent {
@Input() item: string = ''; // Input property to accept data from
parent
}
<div *ngIf="item">
<p>{{ item }}</p>
</div>
<app-display-item [item]="'Hello, Angular!'"></app-display-item>

Implement a simple server using Node.js

const http = require('http');

// Define the port the server will listen on

const PORT = 3000;

// Create the server

const server = http.createServer((req, res) => {
// Set the response header content type
res.writeHead(200, { 'Content-Type': 'text/plain' });

// Send a response message

res.end('Hello, World!\n');
});

// Start the server

server.listen(PORT, () => {
console.log(`Server is running at http://localhost:${PORT}`);
});

SLIP 6
Develop an Express.js application that defines routes for Create and Read operations on a resource
(products).

const express = require('express');

const app = express();
const PORT = 3000;

// Middleware to parse incoming JSON requests

app.use(express.json());

// Sample in-memory data to store products

let products = [
{ id: 1, name: 'Product 1', price: 100 },
{ id: 2, name: 'Product 2', price: 150 },
];
// Route for creating a new product (POST)
app.post('/products', (req, res) => {
const { name, price } = req.body;

// Basic validation
if (!name || !price) {
return res.status(400).json({ message: 'Name and price are
required' });
}

const newProduct = {
id: products.length + 1, // Simple auto-increment logic
name,
price,
};

products.push(newProduct);
res.status(201).json(newProduct); // Send the new product as
response
});

// Route for getting all products (GET)

app.get('/products', (req, res) => {
res.status(200).json(products); // Return the list of products
});

// Route for getting a single product by id (GET)

app.get('/products/:id', (req, res) => {
const productId = parseInt(req.params.id);
const product = products.find(p => p.id === productId);

if (!product) {
return res.status(404).json({ message: 'Product not found' });
}

res.status(200).json(product); // Return the found product

});

// Start the server

app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});
Find a company with a workforce greater than 30 in the array. (Using find by id method)

const companies = [

{ id: 1, name: 'Company A', workforce: 25 },

{ id: 2, name: 'Company B', workforce: 35 },

{ id: 3, name: 'Company C', workforce: 50 },

{ id: 4, name: 'Company D', workforce: 20 },

];

const companyIdToSearch = 2; // The id of the company we're looking for

// Use the `find` method to locate the company with the given id and workforce > 30

const company = companies.find(company => company.id === companyIdToSearch &&

company.workforce > 30);

if (company) {

console.log(`Found company: ${company.name}, Workforce: ${company.workforce}`);

} else {

console.log('No company found with the specified id and workforce greater than 30.');

SLIP7

Create a Node.js application that reads data from multiple files asynchronously using promises and
async/await.

const fs = require('fs').promises; // Using promises-based fs module

const path = require('path');

// List of files to read

const files = [

path.join(__dirname, 'data', 'file1.txt'),

path.join(__dirname, 'data', 'file2.txt'),

path.join(__dirname, 'data', 'file3.txt')

];

// Function to read files asynchronously using async/await

async function readFiles() {

try {

const fileContents = await Promise.all(files.map(async (filePath) => {

const content = await fs.readFile(filePath, 'utf8'); // Read file content asynchronously

return content;

}));

// Print the contents of the files

fileContents.forEach((content, index) => {

console.log(`Content of file${index + 1}:`);

console.log(content);

console.log('---');

});

} catch (error) {

console.error('Error reading files:', error);

// Call the function to read files

readFiles();

Develop an Express.js application that defines routes for Create and Read operations on a resource
(User).

const express = require('express');

const app = express();

const PORT = 3000;

// Middleware to parse JSON bodies

app.use(express.json());

// In-memory database (Array of users) - This will be used to store users

let users = [

{ id: 1, name: 'Alice', email: '[email protected]' },

{ id: 2, name: 'Bob', email: '[email protected]' },

];

// Route to create a new user (POST request)

app.post('/users', (req, res) => {

const { name, email } = req.body;

// Basic validation

if (!name || !email) {

return res.status(400).json({ message: 'Name and email are required' });

// Create a new user and add it to the in-memory "database"

const newUser = {

id: users.length + 1, // Simple auto-increment logic for ID

name,

email,

};

users.push(newUser);
// Respond with the newly created user

res.status(201).json(newUser);

});

// Route to get all users (GET request)

app.get('/users', (req, res) => {

res.status(200).json(users); // Return the list of users

});

// Route to get a single user by ID (GET request)

app.get('/users/:id', (req, res) => {

const userId = parseInt(req.params.id);

const user = users.find(u => u.id === userId);

if (!user) {

return res.status(404).json({ message: 'User not found' });

res.status(200).json(user); // Return the found user

});

// Start the server

app.listen(PORT, () => {

console.log(`Server is running at http://localhost:${PORT}`);

});
SLIP 8

Create a simple Angular application that fetches data from an API using HttpClient. Implement an
Observable to fetch data from an API endpoint.

import { NgModule } from '@angular/core';

import { BrowserModule } from '@angular/platform-browser';

import { HttpClientModule } from '@angular/common/http'; // Import HttpClientModule

import { AppComponent } from './app.component';

@NgModule({

declarations: [AppComponent],

imports: [

BrowserModule,

HttpClientModule // Add HttpClientModule to imports

providers: [],

bootstrap: [AppComponent]

})

export class AppModule {}

import { Injectable } from '@angular/core';

import { HttpClient } from '@angular/common/http';

import { Observable } from 'rxjs';

@Injectable({

providedIn: 'root'

})

export class ApiService {

private apiUrl = 'https://jsonplaceholder.typicode.com/posts'; // Example API

constructor(private http: HttpClient) {}

getPosts(): Observable<any[]> {

return this.http.get<any[]>(this.apiUrl);

Develop an Express.js application that defines routes for Create, Update operations on a resource
(Employee).

const express = require('express');

const bodyParser = require('body-parser');

const app = express();

const port = 3000;

// Middleware to parse JSON bodies

app.use(bodyParser.json());

// In-memory "database" for storing employees

let employees = [];

// Route to create a new employee

app.post('/employee', (req, res) => {

const { id, name, position, salary } = req.body;

if (!id || !name || !position || !salary) {

return res.status(400).json({ error: 'Missing required fields' });

}
// Check if employee with the given ID already exists

const existingEmployee = employees.find(emp => emp.id === id);

if (existingEmployee) {

return res.status(400).json({ error: 'Employee with this ID already exists' });

const newEmployee = { id, name, position, salary };

employees.push(newEmployee);

res.status(201).json(newEmployee);

});

// Route to update an existing employee by ID

app.put('/employee/:id', (req, res) => {

const { id } = req.params;

const { name, position, salary } = req.body;

const employeeIndex = employees.findIndex(emp => emp.id === id);

if (employeeIndex === -1) {

return res.status(404).json({ error: 'Employee not found' });

// Update the employee details

employees[employeeIndex] = {

id,

name: name || employees[employeeIndex].name,

position: position || employees[employeeIndex].position,

salary: salary || employees[employeeIndex].salary,

};

res.json(employees[employeeIndex]);

});

// Start the server

app.listen(port, () => {

console.log(`Server is running on http://localhost:${port}`);

});

SLIP 9

Find a company with a workforce greater than 30 in the array. (Using find by id method).

interface Company {
id: number;
name: string;
workforce: number;
}

const companies: Company[] = [

{ id: 1, name: 'Company A', workforce: 50 },
{ id: 2, name: 'Company B', workforce: 20 },
{ id: 3, name: 'Company C', workforce: 60 },
{ id: 4, name: 'Company D', workforce: 10 },
];

// Finding a company with workforce greater than 30

const companyWithLargeWorkforce = companies.find(company =>
company.workforce > 30);

if (companyWithLargeWorkforce) {
console.log(`Company with workforce greater than 30:
${companyWithLargeWorkforce.name}`);
} else {
console.log('No company with workforce greater than 30 was
found.');
}

) Create Express.js application to include middleware for parsing request bodies (e.g., JSON, form data)
and validating input data. Send appropriate JSON responses for success and error cases.

import express, { Request, Response, NextFunction } from 'express';

import { body, validationResult } from 'express-validator';
import bodyParser from 'body-parser';

const app = express();

// Middleware to parse JSON and URL-encoded data

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

// Route to handle form submission (POST)

app.post(
'/submit',
// Input validation middleware
body('name').isString().withMessage('Name must be a string'),
body('age').isInt({ min: 18 }).withMessage('Age must be an integer
and at least 18'),
(req: Request, res: Response, next: NextFunction) => {
// Check if there are validation errors
const errors = validationResult(req);
if (!errors.isEmpty()) {
return res.status(400).json({
success: false,
errors: errors.array(),
});
}
next();
},
(req: Request, res: Response) => {
// If no validation errors, process the request data
const { name, age } = req.body;
res.json({
success: true,
message: 'Form submitted successfully!',
data: { name, age },
});
}
);

// Middleware to handle 404 errors (in case of invalid routes)

app.use((req: Request, res: Response) => {
res.status(404).json({
success: false,
message: 'Not Found',
});
});

// Start the Express server

const PORT = 3000;
app.listen(PORT, () => {
console.log(`Server running on port ${PORT}`);
});
SLIP 10
Implement a simple server using Node.js.

// Import the http module

const http = require('http');

// Define the server

const server = http.createServer((req, res) => {
// Set the response header to indicate content type
res.writeHead(200, { 'Content-Type': 'text/plain' });

// Write a response message

res.end('Hello, World!\n');
});

// Define the port and host for the server

const port = 3000;
const host = 'localhost';

// Start the server and listen on the specified host and port
server.listen(port, host, () => {
console.log(`Server running at http://${host}:${port}/`);
});
Extend the previous Express.js application to include middleware for parsing request bodies (e.g., JSON,
form data) and validating input data. Send appropriate JSON responses for success and error cases.

const express = require('express');

const bodyParser = require('body-parser');
const { body, validationResult } = require('express-validator');

const app = express();

// Middleware to parse JSON and URL-encoded data

app.use(bodyParser.json()); // for application/json
app.use(bodyParser.urlencoded({ extended: true })); // for
application/x-www-form-urlencoded

// Example route with validation

app.post('/user', [
// Validate and sanitize input
body('username').isLength({ min: 3 }).withMessage('Username must
be at least 3 characters long'),
body('email').isEmail().withMessage('Please provide a valid email
address'),
body('password').isLength({ min: 6 }).withMessage('Password must
be at least 6 characters long')
], (req, res) => {
// Check for validation errors
const errors = validationResult(req);
if (!errors.isEmpty()) {
return res.status(400).json({ errors: errors.array() });
}

// Handle valid data

const { username, email, password } = req.body;
res.status(200).json({
message: 'User created successfully',
data: { username, email }
});
});

// Example of an endpoint that would handle a GET request

app.get('/', (req, res) => {
res.status(200).json({
message: 'Welcome to the API'
});
});

// Global error handler (optional)

app.use((err, req, res, next) => {
console.error(err.stack);
res.status(500).json({ message: 'Something went wrong!' });
});

// Start the server

const port = 3000;
app.listen(port, () => {
console.log(`Server is running on port ${port}`);
});

SLIP11
Develop an Express.js application that defines routes for Create operations on a resource (Movie).

const express = require('express');

const bodyParser = require('body-parser');

// Initialize the Express app

const app = express();

// Middleware to parse incoming request bodies

app.use(bodyParser.json());

// Sample in-memory movie database (you can replace it with a real

database like MongoDB or MySQL later)
const movies = [];

// Create movie route (POST)

app.post('/movies', (req, res) => {
const { title, director, releaseYear, genre } = req.body;

// Validation (you can extend this as per requirements)

if (!title || !director || !releaseYear || !genre) {
return res.status(400).json({ error: 'All fields (title, director,
releaseYear, genre) are required.' });
}

// Create a new movie object

const newMovie = { id: movies.length + 1, title, director,
releaseYear, genre };

// Save the new movie

movies.push(newMovie);

// Respond with the newly created movie

res.status(201).json(newMovie);
});
// Start the server
const PORT = 3000;
app.listen(PORT, () => {
console.log(`Server running on http://localhost:${PORT}`);
});

Create Angular application that print the name of students who play basketball using filter and map
method.

import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-basketball',
templateUrl: './basketball.component.html',
styleUrls: ['./basketball.component.css']
})
export class BasketballComponent implements OnInit {

students = [
{ name: 'John', playsBasketball: true },
{ name: 'Jane', playsBasketball: false },
{ name: 'Tom', playsBasketball: true },
{ name: 'Lucy', playsBasketball: false },
{ name: 'Alex', playsBasketball: true }
];

basketballPlayers: string[] = [];

constructor() { }

ngOnInit(): void {
this.filterAndMapBasketballPlayers();
}

filterAndMapBasketballPlayers() {
this.basketballPlayers = this.students
.filter(student => student.playsBasketball) // Filters students who
play basketball
.map(student => student.name); // Maps to an array of names of
those students
}

}
<div>
<h2>Students Who Play Basketball</h2>
<ul>
<li *ngFor="let player of basketballPlayers">{{ player }}</li>
</ul>
</div>

SLIP12
Write an AngularJS script to print details of Employee (employee name, employee Id,Pin code, address
etc.) in tabular form using ng-repeat.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Employee Details</title>
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.m
in.js"></script>
</head>
<body ng-app="employeeApp" ng-controller="EmployeeController">

<h1>Employee Details</h1>

<table border="1">
<thead>
<tr>
<th>Employee Name</th>
<th>Employee ID</th>
<th>Pin Code</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="employee in employees">
<td>{{ employee.name }}</td>
<td>{{ employee.id }}</td>
<td>{{ employee.pinCode }}</td>
<td>{{ employee.address }}</td>
</tr>
</tbody>
</table>

</body>
</html>
// Define the AngularJS module and controller
angular.module('employeeApp', [])
.controller('EmployeeController', function($scope) {
// Define the list of employee details
$scope.employees = [
{ name: 'John Doe', id: 'E001', pinCode: '12345', address: '1234 Elm
Street' },
{ name: 'Jane Smith', id: 'E002', pinCode: '67890', address: '5678
Oak Avenue' },
{ name: 'Mark Johnson', id: 'E003', pinCode: '11223', address: '9101
Pine Road' },
{ name: 'Sarah Williams', id: 'E004', pinCode: '44556', address:
'1112 Maple Lane' }
];
});

Develop an Express.js application that defines routes for Create operations on a resource (User).

// app.js
const express = require('express');
const bodyParser = require('body-parser');

const app = express();

const port = 3000;

// Middleware to parse JSON request bodies

app.use(bodyParser.json());

// In-memory data storage for users

let users = [];

// Route to create a new user (POST /users)

app.post('/users', (req, res) => {
const { name, email } = req.body;

// Validate that name and email are provided

if (!name || !email) {
return res.status(400).json({ message: 'Name and email are
required' });
}

// Create a new user object

const newUser = { id: users.length + 1, name, email };

// Add the new user to the users array

users.push(newUser);

// Return the created user with a 201 status

return res.status(201).json(newUser);
});
// Route to get all users (GET /users) - just for testing purposes
app.get('/users', (req, res) => {
res.status(200).json(users);
});

// Start the server

app.listen(port, () => {
console.log(`Server running on http://localhost:${port}`);
});

SLIP13
Extend the previous Express.js application to include middleware for parsing request bodies (e.g., JSON,
form data) and validating input data. Send appropriate JSON responses for success and error cases.

const express = require('express');

const Joi = require('joi');
const app = express();

// Middleware to parse JSON and form data

app.use(express.json()); // for parsing application/json
app.use(express.urlencoded({ extended: true })); // for parsing
application/x-www-form-urlencoded
// Define a simple route that expects some input data (e.g., username
and email)
app.post('/submit', (req, res) => {
// Validation schema using Joi
const schema = Joi.object({
username: Joi.string().min(3).max(30).required().messages({
'string.base': 'Username should be a string',
'string.min': 'Username should be at least 3 characters long',
'string.max': 'Username should not be longer than 30 characters',
'any.required': 'Username is required',
}),
email: Joi.string().email().required().messages({
'string.email': 'Please provide a valid email address',
'any.required': 'Email is required',
}),
});

// Validate request data

const { error, value } = schema.validate(req.body);

if (error) {
// If validation fails, return an error response with details
return res.status(400).json({
success: false,
message: 'Validation error',
details: error.details.map(detail => detail.message),
});
}

// If validation succeeds, proceed with the logic

return res.status(200).json({
success: true,
message: 'Data successfully received',
data: value, // Send the valid input data back
});
});

// Default route
app.get('/', (req, res) => {
res.send('Welcome to the Express.js app!');
});

// Start server
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
console.log(`Server running on port ${PORT}`);
});

Create a simple Angular component that takes input data and displays it.

import { Component, Input } from '@angular/core';

@Component({
selector: 'app-display-data',
templateUrl: './display-data.component.html',
styleUrls: ['./display-data.component.css']
})
export class DisplayDataComponent {
@Input() data: string = ''; // Input property to accept data
<div>
<p>Data received: {{ data }}</p>
</div>}

SLIP 14
Create Angular application that print the name of students who got 85% using filter and map method.

import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-student-list',
templateUrl: './student-list.component.html',
styleUrls: ['./student-list.component.css']
})
export class StudentListComponent implements OnInit {
students = [
{ name: 'John', score: 90 },
{ name: 'Jane', score: 78 },
{ name: 'Jake', score: 85 },
{ name: 'Sara', score: 92 },
{ name: 'Tom', score: 80 }
];

filteredStudentNames: string[] = [];

ngOnInit(): void {
// Filter students who scored 85% or more and map to their names
this.filteredStudentNames = this.students
.filter(student => student.score >= 85) // Filter students by score
.map(student => student.name); // Map the filtered students
to their names
}
}

Develop an Express.js application that defines routes for Create, Update operations on a resource
(Employee).

const express = require('express');

const app = express();
const port = 3000;

// Middleware to parse JSON request bodies

app.use(express.json());

// In-memory database (just for demo purposes)

let employees = [
{ id: 1, name: 'Alice', position: 'Developer' },
{ id: 2, name: 'Bob', position: 'Manager' }
];

// Create an employee
app.post('/employees', (req, res) => {
const { name, position } = req.body;
// Validate the request body
if (!name || !position) {
return res.status(400).json({ error: 'Name and position are
required.' });
}

const newEmployee = {
id: employees.length + 1,
name,
position
};

employees.push(newEmployee);
res.status(201).json(newEmployee);
});

// Update an employee
app.put('/employees/:id', (req, res) => {
const employeeId = parseInt(req.params.id);
const { name, position } = req.body;

// Find the employee by ID

const employee = employees.find(emp => emp.id === employeeId);

if (!employee) {
return res.status(404).json({ error: 'Employee not found.' });
}

// Update the employee's data

if (name) employee.name = name;
if (position) employee.position = position;

res.json(employee);
});

// Start the server

app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});

SLIP 15
Find an emp with a Salary greater than 25000 in the array. (Using find by id method)

const employees = [
{ id: 1, name: 'John', salary: 30000 },
{ id: 2, name: 'Jane', salary: 22000 },
{ id: 3, name: 'Alice', salary: 28000 },
{ id: 4, name: 'Bob', salary: 26000 }
];

// Find employee with salary greater than 25000

const employee = employees.find(emp => emp.salary > 25000);

if (employee) {
console.log(`Employee found: ${employee.name}, Salary:
${employee.salary}`);
} else {
console.log('No employee found with salary greater than 25000');
}

Create Angular application that print the name of students who got 85% using filter and map method.

import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-student-list',
templateUrl: './student-list.component.html',
styleUrls: ['./student-list.component.css']
})
export class StudentListComponent implements OnInit {
students = [
{ name: 'John Doe', score: 90 },
{ name: 'Jane Smith', score: 80 },
{ name: 'Bob Brown', score: 85 },
{ name: 'Alice Johnson', score: 95 },
{ name: 'Charlie Lee', score: 70 }
];

studentsWith85Percent: string[] = [];

ngOnInit(): void {
// Filter the students who scored 85% or more, then map to get
their names.
this.studentsWith85Percent = this.students
.filter(student => student.score >= 85) // Filters students with
score 85% or more
.map(student => student.name); // Maps to just the names
}
}
<div>
<h2>Students with 85% or more:</h2>
<ul>
<li *ngFor="let student of studentsWith85Percent">{{ student
}}</li>
</ul>
</div>
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { StudentListComponent } from './student-list/student-
list.component';

@NgModule({
declarations: [
AppComponent,
StudentListComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

Angular Js Chapter
No ratings yet
Angular Js Chapter
40 pages
Angular Js
No ratings yet
Angular Js
28 pages
Google Chrome Extension
No ratings yet
Google Chrome Extension
28 pages
Rainer Stropek: Advanced Developer Conference 2013
No ratings yet
Rainer Stropek: Advanced Developer Conference 2013
54 pages
Angularjs Example PDF
No ratings yet
Angularjs Example PDF
10 pages
Final - ANGULAR MANUAL1
No ratings yet
Final - ANGULAR MANUAL1
41 pages
Unit V
No ratings yet
Unit V
34 pages
Rick L. - AngularJS Handbook - Easy Web App Development (2016)
No ratings yet
Rick L. - AngularJS Handbook - Easy Web App Development (2016)
111 pages
Angular JS: The Ng-Init Directive Initialize Angularjs Application Variables
No ratings yet
Angular JS: The Ng-Init Directive Initialize Angularjs Application Variables
10 pages
Angular University Devoxx 2013
No ratings yet
Angular University Devoxx 2013
97 pages
AngularJS Slip Solutions
No ratings yet
AngularJS Slip Solutions
41 pages
Angular JS QPS Solutions
No ratings yet
Angular JS QPS Solutions
94 pages
MST Module-Ii Manual
No ratings yet
MST Module-Ii Manual
44 pages
Lab Programs
No ratings yet
Lab Programs
10 pages
AngularJS New Manual
No ratings yet
AngularJS New Manual
30 pages
NSLU2 Manual
100% (2)
NSLU2 Manual
47 pages
C Programming Questions and Answers - Pointers and Addresses
No ratings yet
C Programming Questions and Answers - Pointers and Addresses
71 pages
OSINT Packet 2019
100% (9)
OSINT Packet 2019
17 pages
AngularJS Dev Guide
100% (1)
AngularJS Dev Guide
123 pages
WT INT II Answer Key
No ratings yet
WT INT II Answer Key
8 pages
AIT Solution For Previous Exam
100% (1)
AIT Solution For Previous Exam
29 pages
Angular Js Interview
No ratings yet
Angular Js Interview
77 pages
Merged Casd
No ratings yet
Merged Casd
22 pages
WT - Unit 5
No ratings yet
WT - Unit 5
15 pages
Lab 6
No ratings yet
Lab 6
10 pages
Record PRG Angular
No ratings yet
Record PRG Angular
7 pages
V-Client and Server Side Frameworks
No ratings yet
V-Client and Server Side Frameworks
131 pages
$scope: "Textcontroller"
No ratings yet
$scope: "Textcontroller"
3 pages
Notes 240226 193835
No ratings yet
Notes 240226 193835
15 pages
2) p2, p3 AngularJS
No ratings yet
2) p2, p3 AngularJS
4 pages
AJS PRGM 5-10
No ratings yet
AJS PRGM 5-10
17 pages
Anjularjs Programs Revisedcirc Syllabus
No ratings yet
Anjularjs Programs Revisedcirc Syllabus
27 pages
Final - ANGULAR MANUAL
No ratings yet
Final - ANGULAR MANUAL
46 pages
ANGULAR JS Full Data
No ratings yet
ANGULAR JS Full Data
10 pages
Unit 5 Angular
No ratings yet
Unit 5 Angular
12 pages
Question Bank-1
No ratings yet
Question Bank-1
15 pages
Angular Js
No ratings yet
Angular Js
21 pages
Slip Solution
No ratings yet
Slip Solution
14 pages
1.full Name Display
No ratings yet
1.full Name Display
7 pages
Angular Notes
100% (1)
Angular Notes
7 pages
Olevel 1 WPD 04 06 2020 Il
No ratings yet
Olevel 1 WPD 04 06 2020 Il
5 pages
Why Angularjs?: Learn Angular in Your Browser For Free!
No ratings yet
Why Angularjs?: Learn Angular in Your Browser For Free!
7 pages
AngularJS Unit 5
No ratings yet
AngularJS Unit 5
11 pages
Angular Writeups
No ratings yet
Angular Writeups
4 pages
WEBX Module3
No ratings yet
WEBX Module3
50 pages
P11 New
No ratings yet
P11 New
3 pages
Configuring NMX Server Redundancy
No ratings yet
Configuring NMX Server Redundancy
22 pages
Angular JavaScript
No ratings yet
Angular JavaScript
15 pages
Customer Spent Analysis Using K-Means Clustering
No ratings yet
Customer Spent Analysis Using K-Means Clustering
1 page
FSDDD
No ratings yet
FSDDD
26 pages
Angular Js
No ratings yet
Angular Js
13 pages
Doctype HTML Script Script Body: Step 1 - Create New Angular App
No ratings yet
Doctype HTML Script Script Body: Step 1 - Create New Angular App
44 pages
Angular Manual
No ratings yet
Angular Manual
42 pages
Features: What Is Angularjs
No ratings yet
Features: What Is Angularjs
10 pages
Angularjslabmanualfinal 240120070952 1373a143
No ratings yet
Angularjslabmanualfinal 240120070952 1373a143
19 pages
Ethernet IP 3HAC028509-001 RevA en
No ratings yet
Ethernet IP 3HAC028509-001 RevA en
46 pages
Angular Simple Guide
No ratings yet
Angular Simple Guide
14 pages
Angular JS Lab Manual
No ratings yet
Angular JS Lab Manual
43 pages
Unit - III
No ratings yet
Unit - III
11 pages
MIS Midterm Review
No ratings yet
MIS Midterm Review
38 pages
Ada 2
No ratings yet
Ada 2
8 pages
Optional Feature Description: Imanager U2000 V200R014
No ratings yet
Optional Feature Description: Imanager U2000 V200R014
29 pages
Exno: 3 Exam Registration System: Problem Statement
No ratings yet
Exno: 3 Exam Registration System: Problem Statement
10 pages
F74a P c45x 6 Wiring
No ratings yet
F74a P c45x 6 Wiring
6 pages
FSD Lab Programs
No ratings yet
FSD Lab Programs
25 pages
Angular JS 1-6
No ratings yet
Angular JS 1-6
1 page
Final - Angular Manual
No ratings yet
Final - Angular Manual
42 pages
Introduction To Mobile Computing
No ratings yet
Introduction To Mobile Computing
3 pages
Lab7 Manual
No ratings yet
Lab7 Manual
15 pages
Unit-1-Database System Architecture
No ratings yet
Unit-1-Database System Architecture
38 pages
Pexip Infinity Management API V23.a
No ratings yet
Pexip Infinity Management API V23.a
50 pages
Angular Js Note
No ratings yet
Angular Js Note
14 pages
Kazim Usman-Teaching PDF
No ratings yet
Kazim Usman-Teaching PDF
2 pages
GAME001S E2E Corrective Maintenance Standalone
No ratings yet
GAME001S E2E Corrective Maintenance Standalone
4 pages
Food Establishment Inspections Report
No ratings yet
Food Establishment Inspections Report
14 pages
Final Angular JS Lab Manual - 21CSL581
No ratings yet
Final Angular JS Lab Manual - 21CSL581
30 pages
Retentive Timer On (RTO) : Instruction
No ratings yet
Retentive Timer On (RTO) : Instruction
3 pages
On MUX - Hrishita Saha
No ratings yet
On MUX - Hrishita Saha
8 pages
CH 07 Lab-Answers
No ratings yet
CH 07 Lab-Answers
5 pages
Macintosh Classic - Old Crap Vintage Computing
No ratings yet
Macintosh Classic - Old Crap Vintage Computing
12 pages
Mailerlite - QA Engineer Assignment
No ratings yet
Mailerlite - QA Engineer Assignment
7 pages
Angularjs: HTML Enhanced For Web Apps!
No ratings yet
Angularjs: HTML Enhanced For Web Apps!
4 pages
Hospital Management Aproject Full
No ratings yet
Hospital Management Aproject Full
21 pages
64.2 Python Nmap Os
No ratings yet
64.2 Python Nmap Os
2 pages
Poster 2
No ratings yet
Poster 2
1 page
Final Hms 1
No ratings yet
Final Hms 1
29 pages
Excel Fundamentals Manual 46
No ratings yet
Excel Fundamentals Manual 46
1 page
NIELIT-Networking Cerificate Course
No ratings yet
NIELIT-Networking Cerificate Course
4 pages
IC Functional Requirements Document 12017 - WORD
No ratings yet
IC Functional Requirements Document 12017 - WORD
8 pages