IGNOU MCSL-016 Internet Concepts and Web design (Lab Course), Latest Solved Assignment (July 2023 - January 2024 )
Q2) List one of the ways of using CSS along with an HTML file. List the features of Angular Framework.
Ans. One of the ways of using CSS along with an HTML file is to use an external CSS file and link it to the HTML file using the tag in the section. This method allows you to define the style for many HTML pages in one file, and makes it easier to maintain and update your code. For example, you can write something like this in your HTML file:
<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” href=”styles.css”>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
write your CSS code in a separate file named styles.css, such as:
CSS
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}
Angular is a development platform, built on TypeScript, that provides a component-based framework for building scalable web applications, a collection of well-integrated libraries that cover various features, and a suite of developer tools to help you develop, build, test, and update your code. Some of the key features of Angular are:
- Components: Components are the building blocks that compose an application. A component includes a TypeScript class with a @Component() decorator, an HTML template, and styles. The @Component() decorator specifies the selector, template, and styles for the component. You can use components to create reusable UI elements, encapsulate logic and behavior, and improve the readability and testability of your code.
- Forms: Angular provides two ways to create forms: template-driven forms and reactive forms. Template-driven forms rely on directives in the template to create and manipulate the form control objects in the component. Reactive forms use a model-driven approach to create and manipulate form control objects directly in the component class. Both methods support data binding, validation, and custom validators.
- Directives: Directives are classes that can modify the appearance or behavior of HTML elements, attributes, properties, or components. Angular provides several built-in directives, such as ngIf, ngFor, ngClass, etc. You can also create your own custom directives to add functionality or interactivity to your templates.
- Dependency injection: Dependency injection is a design pattern that lets a class request dependencies from external sources rather than creating them. Angular’s dependency injection system provides components with services that enable common tasks such as fetching data from a server, validating user input, or logging messages to the console.
- HTTP services: Angular provides an Http Client service that makes it easy to communicate with web servers using HTTP requests. You can use Http Client to fetch data, post data, modify headers, handle errors, etc. You can also use interceptors to intercept and transformHTTP requests and responses.
- Pipes: Pipes are functions that transform input values to output values for display in a template. Angular provides several built-in pipes, such as DatePipe, UpperCasePipe, LowerCasePipe, CurrencyPipe, etc. You can also create your own custom pipes to perform custom transformations or formatting.