introduction of computer

A video introduction of computer

                                        very useful information in this video.

                                          comment for asking question.

YouTube Auto subscriber

YouTube Auto Subscriber:

Computer and IT presents with new Article YouTube Auto Subscribers. Our mission is to provide a best, unique and easy platform to new YouTubers to get more subscribers  easily and rapidly. 

You can get Unlimited Subscribers through this Article. We are trying to provide best YouTube Auto subscribers generator by which you can grow your YouTube channel and earn descent money per month. We provide three ways to get YouTube subscribers.  

Here there are multiple sources we provide to you to get subscriber and views

Link 1:

Link 2:

Link 3:

Angular CLI

Angular CLI

Angular now has its own CLI, or command line interface, which will do most of the routine operations for you. To start using Angular, we have to install it. It requires Node 6.9.0 or higher as well as NPM 3 or higher. We are not going to cover their installation for your system, as it’s better to find up-to-date documentation for installation on your own. Once they are both installed, we are going to install Angular CLI by running the following:

npm install -g @angular/cli

This command use for install angular cli. This command run in terminal.

ng serve

This command use for run program. 

Angular 5

Angular 5

Angular  is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS.

This frame work of javascript.This is use for dynamic web pages and adminpanels.

AngularJS is a structural framework for dynamic web apps. With AngularJS, designers can use HTML as the template language and it allows for the extension of HTML's syntax to convey the application's components effortlessly. Angular makes much of the code you would otherwise have to write completely redundant.

Release Date

Angular 5 was announced to the world on November 1, 2017. The previous Angular version was 4.4.0. This release focused on making Angular smaller and faster to use. Let's go through the major changes in version 5.

Computer

Computer

A computer is a device that can be instructed to carry out an arbitrary set of arithmetic or logical operations automatically. The ability of computers to follow a sequence of operations, called a program, make computers very flexible and useful. Such computers are used as control systems for a very wide variety of industrial and consumer devices. This includes simple special purpose devices like microwave ovens and remote controls, factory devices such as industrial robots and computer assisted design, but also in general purpose devices like personal computer and mobile device such as smart phones. The Internet is run on computers and it connects millions of other computers .Computer is a electronic machine which we use process data into useful information.Computer process raw data into useful data (information).

What is jQuery ?

What is jQuery ?

jQuery is a lightweight, "write less, do more", JavaScript library.

The purpose of jQuery is to make it much easier to use JavaScript on your website.

jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code.

jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.

The jQuery library contains the following features:

• HTML/DOM manipulation
• CSS manipulation
• HTML event methods
• Effects and animations
• AJAX
• Utilities

Why jQuery?

There are lots of other JavaScript frameworks out there, but jQuery seems to be the most popular, and also the most extendable.

Many of the biggest companies on the Web use jQuery, such as:

• Google
• Microsoft
• IBM
• Netflix

Jquery Development

Jquery Development

jQuery is a cross platform JavaScript library designed to simplify the client-side scripting of HTML. It is free, open-source software using the permissive MIT License. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin. jQuery's syntax is designed to makes its easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to created abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets . The modular approach to the jQuery library allows the creation of powerful dynamic web pages and Web applications. The set of jQuery core features—DOM element selections, traversal and manipulation—enabled by its selector engine, created a new "programming style", fusing algorithms and DOM data structures. This style influenced the architecture of other JavaScript frameworks like YUI v3 and Dojo, later stimulating the creation of the standard Selectors API. Microsoft and Nokia bundle jQuery on their platforms. Microsoft includes it with Visual Studio for use within Microsoft's ASP.NET AJAX and ASP.NET MVC frameworks while Nokia has integrated it into the Web Run-Time widget development platform. Jquery easy to use.

HTML TAGS EXAMPLES

HTML TAGS EXAMPLES

1. Heading tags 

                               Heading tags is use for creating heading in pages. There are six heading tags. For example.
<H1>   Head  1   </H1>
<H2>   Head  1   </H2>
<H3>   Head  1   </H3>
<H4>   Head  1   </H4>
<H5>   Head  1   </H5>
<H6>   Head  1   </H6>

   2. Paragrah

                            Paragraph tag is use for writing paragraph.

                              For example.

<p> There is a paragraph </p>

   3. Link tag

                         Link tag use for link one page to another page. In link tag we use a attribute (href). For example.

<a href="http://www.google.com"> Google </a>

  

    4. Image tag 

                             Image tag is use for show image in web page. In image tag we us attribute of src. For image tag we know the name and extantion of image.img tag we also use height and width attributes. For example.

   <img src="Google.png" height="100" width="100

">

HTML Formatting Elements

Formatting Elements

Formatting elements were designed to display special types of text:

• <b> - Bold text
• <strong> - Important text
• <i> - Italic text
• <em> - Emphasized text
• <mark> - Marked text
• <small> - Small text
• <del> - Deleted text
• <ins> - Inserted text
• <sub> - Subscript text
• <sup> - Superscript text

These are simple uses in HTML.

Css Color

Css Color

Colors in CSS are most often specified by:

• a valid color name - like "red"
• an RGB value - like "rgb(255, 0, 0)"
• a HEX value - like "#ff0000"

Note: Color names are case-insensitive: "Red" is the same as "red" or "RED".

RGB (Red, Green, Blue)

RGB color values can be specified using this formula: rgb(red, green, blue).

Each parameter (red, green, blue) defines the intensity of the color between 0 and 255.

For example, rgb(255,0,0) is displayed as red, because red is set to its highest value (255) and the others are set to 0. Experiment by mixing the RGB values

Hexadecimal Colors

RGB values can also be specified using hexadecimal color values in the form: #RRGGBB, where RR (red), GG (green) and BB (blue) are hexadecimal values between 00 and FF

(same as decimal 0-255).

For example, #FF0000 is displayed as red, because red is set to its highest value (FF) and the others are set to the lowest value (00). 

Note: HEX values are case-insensitive: "#ff0000" is the same as "FF0000".

RGB (Red, Green, Blue)

Css Color

Colors in CSS are most often specified by:

• a valid color name - like "red"
• an RGB value - like "rgb(255, 0, 0)"
• a HEX value - like "#ff0000"

Note: Color names are case-insensitive: "Red" is the same as "red" or "RED".

RGB (Red, Green, Blue)

RGB color values can be specified using this formula: rgb(red, green, blue).

Each parameter (red, green, blue) defines the intensity of the color between 0 and 255.

For example, rgb(255,0,0) is displayed as red, because red is set to its highest value (255) and the others are set to 0. Experiment by mixing the RGB values

Hexadecimal Colors

RGB values can also be specified using hexadecimal color values in the form: #RRGGBB, where RR (red), GG (green) and BB (blue) are hexadecimal values between 00 and FF

(same as decimal 0-255).

For example, #FF0000 is displayed as red, because red is set to its highest value (FF) and the others are set to the lowest value (00). 

Note: HEX values are case-insensitive: "#ff0000" is the same as "FF0000".
this is very important for css because color are use in css many times.
therefore read this chapter two three time for making color schemes ................

Hexadecimal Colors

Css Color

Colors in CSS are most often specified by:

• a valid color name - like "red"
• an RGB value - like "rgb(255, 0, 0)"
• a HEX value - like "#ff0000"

Note: Color names are case-insensitive: "Red" is the same as "red" or "RED".

RGB (Red, Green, Blue)

RGB color values can be specified using this formula: rgb(red, green, blue).

Each parameter (red, green, blue) defines the intensity of the color between 0 and 255.

For example, rgb(255,0,0) is displayed as red, because red is set to its highest value (255) and the others are set to 0. Experiment by mixing the RGB values

Hexadecimal Colors

RGB values can also be specified using hexadecimal color values in the form: #RRGGBB, where RR (red), GG (green) and BB (blue) are hexadecimal values between 00 and FF

(same as decimal 0-255).

For example, #FF0000 is displayed as red, because red is set to its highest value (FF) and the others are set to the lowest value (00). 

Note: HEX values are case-insensitive: "#ff0000" is the same as "FF0000".

CSS Syntax

CSS Syntax

A CSS rule-set consists of a selector and a declaration block:

The selector points to the HTML element you want to style.

The declaration block contains one or more declarations separated by semicolons.

Each declaration includes a CSS property name and a value, separated by a colon.

A CSS declaration always ends with a semicolon, and declaration blocks are surrounded by curly braces.

In the following example all <p> elements will be center-aligned, with a red text color:Example:

<!DOCTYPE html>
<html>
<head>
<style>
p {
    color: red;
    text-align: center;
} 
</style>
</head>
<body>

<p>Hello World!</p>
<p>These paragraphs are styled with CSS.</p>

</body>
</html>

CSS Selectors

CSS selectors are used to "find" (or select) HTML elements based on their element name, id, class, attribute, and more.

The element Selector

The element selector selects elements based on the element name.

You can select all <p> elements on a page like this (in this case, all <p> elements will be center-aligned, with a red text color):

The id Selector

The id selector uses the id attribute of an HTML element to select a specific element.

The id of an element should be unique within a page, so the id selector is used to select one unique element!

To select an element with a specific id, write a hash (#) character, followed by the id of the element.

The style rule below will be applied to the HTML element with id="para1":

Example:

<!DOCTYPE html>

<html>

<head>

<style>

#para1 {

    text-align: center;

    color: red;

}

</style>

</head>

<body>

<p id="para1">Hello World!</p>

<p>This paragraph is not affected by the style.</p>

</body>

</html>

The class Selector

The class selector selects elements with a specific class attribute.

To select elements with a specific class, write a period (.) character, followed by the name of the class.

In the example below, all HTML elements with class="center" will be red and center-aligned: Example:

<!DOCTYPE html>

<html>

<head>

<style>

.center {

    text-align: center;

    color: red;

}

</style>

</head>

<body>

<h1 class="center">Red and center-aligned heading</h1>

<p class="center">Red and center-aligned paragraph.</p> 

</body>

</html>

The HTML script Tag

The HTML <script> Tag

The <script> tag is used to define a client-side script (JavaScript).

The <script> element either contains scripting statements, or it points to an external script file through the src attribute.

Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.

To select an HTML element, JavaScript very often use the document.getElementById(id) method.

This JavaScript example writes "Hello JavaScript!" into an HTML element with id="demo":Example:

<!DOCTYPE html>

<html>

<body>

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = "Hello JavaScript!";

</script> 

</body>

</html>

The HTML <noscript> Tag

The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn't support client-side scripts:Example:

<!DOCTYPE html>

<html>

<body>

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = "Hello JavaScript!";

</script>

<noscript>Sorry, your browser does not support JavaScript!</noscript>

<p>A browser without support for JavaScript will show the text written inside the noscript element.</p>

</body>

</html>

Also Example:

<!DOCTYPE html>

<html>

<body>

<script>

function light(sw) {

    var pic;

    if (sw == 0) {

        pic = "pic_bulboff.gif"

    } else {

        pic = "pic_bulbon.gif"

    }

    document.getElementById('myImage').src = pic;

}

</script>

<img id="myImage" src="pic_bulboff.gif" width="100" height="180">

<p>

<button type="button" onclick="light(1)">Light On</button>

<button type="button" onclick="light(0)">Light Off</button>

</p>

</body>

</html>

Styling HTML with CSS

Styling HTML with CSS

CSS stands for Cascading Style Sheets.

CSS describes how HTML elements are to be displayed on screen, paper, or in other media.

CSS saves a lot of work. It can control the layout of multiple web pages all at once.

CSS can be added to HTML elements in 3 ways:

• Inline - by using the style attribute in HTML elements
  
• Internal - by using a <style> element in the <head> section
• External - by using an external CSS file

The most common way to add CSS, is to keep the styles in separate CSS files. However, here we will use inline and internal styling, because this is easier to demonstrate, and easier for you to try it yourself.

• Inline CSS

An inline CSS is used to apply a unique style to a single HTML element.

An inline CSS uses the style attribute of an HTML element.

This example sets the text color of the <h1> element to blue.Example:

<!DOCTYPE html>

<html>

<body>

<h1 style="color:blue;">This is a Blue Heading</h1>

</body>

</html>

• Internal CSS

An internal CSS is used to define a style for a single HTML page.

An internal CSS is defined in the <head> section of an HTML page, within a <style> element:

<!DOCTYPE html>

<html>

<head>

<style>

body {background-color: powderblue;}

h1   {color: blue;}

p    {color: red;}

</style>

</head>

<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>

</html>

• External CSS

An external style sheet is used to define the style for many HTML pages.

With an external style sheet, you can change the look of an entire web site, by changing one file!

To use an external style sheet, add a link to it in the <head> section of the HTML page:

<!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>

CREATING FORM

CREATING FORM 

Form use to creating text , number ,email and password boxes in html page.

For creating boxes we use input tag .

Input tag is also use creating buttons in page of website.

Attribute of input tags

1. Type="Text" For using text box.
2. Type="Password" For using password box.
3. Type="Email" For using Email box.
4. Type="Radio" For using radio buttons.
5. Type="submit" For using submit buttons.

Spacial Attribute

Placeholder is very spacial attribute.

FOR Example:

<!DOCTYPE html>

<html>

<body>

<form action="action_page.php">

First name:<br>

<input type="text" name="firstname" Placeholder="First name">

<br>

Last name:<br>

<input type="text" name="lastname" Placeholder="Last name">

<br><br>

<input type="submit" value="Submit">

</form> 

</body>

</html>

HTML Table

HTML Table

                                    An HTML table is defined with the <table> tag.The table attributes are height , width and border .

Each table row is defined with the <tr> tag. A table header is defined with the <th> tag. By default, table headings are bold and centered. A table data/cell is defined with the <td> tag.

<tr> mean table rows

<th> mean table heading

<td> mean table coloum

List

        There are two types of list. Explain following:

Ordered HTML List

                                                         An unordered list starts with the <ol> tag. Each list item starts with the <li> tag.

The list items will be marked with numbers (1,2,3) by default.Example:

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>PHP</li>
</ol>

we also change list type for example:

<ol style="a">
  <li>HTML</li>
  <li>CSS</li>
  <li>PHP</li>
</ol>

Unordered HTML List

                                                             An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

The list items will be marked with bullets (small black circles) by default.Example:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>PHP</li>
</ul>

we also change list type for example:

<ul style="square">
  <li>HTML</li>
  <li>CSS</li>
  <li>PHP</li>
</ul>