Posts

How does Angular work

Image
                                                                               Complete Flow of Angular   1. ANGULAR.JSON File : ANGULAR.JSON is the file which has various properties and configuration of your Angular project. 2. MAIN.TS : This file acts as the entry point of the application. This entry point is defined in the internals of webpack that is used by Angular to support the modular functionality. The path/name of the main file can be changed but it should also be changed in angular.json file. Main.ts helps in creating the browser environment for the application to run.  3. APP.MODULE.TS:From the main.ts file, it is very clear that we are bootstrapping the app with AppModule. This AppModule is defined in APP.MODULE. 4. APP.COMPONENT.TS: This is the file which interacts with the html of the webpage and serves it with the data. The component is made by using @Component decorator which is imported from @angular/core. The component has a selector, which is like a custom html tag

What is Bootstrap?

Image
Bootstrap is a free and open-source front-end web framework. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many earlier web frameworks, it concerns itself with front-end development only.

Why is Bootstrap the go-to for web developers?

Image
Why is Bootstrap the go-to for web developers? Let’s break the advantages down into 8 parts: 1. Bootstrap’s Responsive Grid No more spending hours coding your own grid—Bootstrap comes with its own grid system predefined! Now, you can get straight to filling your containers with content. Defining custom breakpoints for each column is a snap using their extra small, small, medium, large, and extra large breaks. You can also simply stick to the default as it might already meet the needs of your site. 2. Bootstrap’s Responsive Images Bootstrap comes with its own code for automatically resizing images based on the current screen size. Just add the .img-responsive class to your images, and the predefined CSS rules take care of the rest. Let Bootstrap resize your images for you! It can even change the shape of your images with the addition of classes like img-circle and img-rounded, and that’s without going back and forth between the code and your design software. 3. B

How Does CSS Work

Image
          How Does CSS Work? CSS brings style to your web pages by interacting with HTML elements. Elements are the individual HTML components of a web page—for instance a paragraph—which in HTML might look like this: <p>This is my paragraph!</p> If you wanted to make this paragraph appear pink and bold to people viewing your web page through a web browser, you’d use CSS code that looks like this: p  {  color:pink;  font-weight:bold;  } In this case, “p” (the paragraph) is called the “selector”—it’s the part of CSS code specifying which HTML element the CSS styling will effect. In CSS, the selector is written to the left of the first curly bracket. The information between curly brackets is called a declaration, and it contains properties and values that are applied to the selector. Properties are things like font size, color, and margins, while values are the settings for those properties. In the example above, “color” and “font-weight” are both properties, and “p

What is CSS

Image
CSS stands for Cascading Style Sheets with an emphasis placed on “Style.” While HTML is used to structure a web document (defining things like headlines and paragraphs, and allowing you to embed images, video, and other media), CSS comes through and specifies your document’s style—page layouts, colors, and fonts are all determined with CSS. Think of HTML as the foundation (every house has one), and CSS as the aesthetic choices (there’s a big difference between a Victorian mansion and a mid-century modern home).

What is HTML

Image
        HTML stands for  H yper  T ext  M arkup  L anguage         HTML is the  standard markup  language for Web pages         HTML  elements  are the building blocks of HTML pages         HTML elements are represented by  <> tags HTML Attributes HTML elements can have  attributes Attributes provide  additional information  about the element Attributes come in name/value pairs like  charset="utf-8"   HTML Document Structure Below is a visualization of an HTML document (an HTML Page): <html> <head> <title>Page title</title> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> Note:  Only the content inside the <body> section (the white area above) is displayed in a browser. HTML Headings HTML headings are defined with  <h1>  to

Artificial Agent

Image
What is Artificial Agent Artificial intelligence is defined as study of Logical or rational  agents. A Logical  agent could be anything which makes decisions,take decision,  like a person, firm, machine, or software. It carries out an action with the best outcome after considering past  and current percepts(agent’s perceptual inputs at a given instance). The artificial agent perceiving environment through sensors and acting upon that environment through actuators. perceiving its environment through  sensors  and acting upon that environment through  actuators Note  : Every agent can perceive its own actions (but not always the effects) To understand the structure of Intelligent Agents, we should be familiar with  Architecture  and  Agent Program .  Architecture  is the machinery that the agent executes on. It is a device with sensors and actuators, for example : a robotic car, a camera, a PC.  Agent program  is an implementation of an agent function. An  agent func