Angular Framework Overview

Study Notes

What is Angular?

A JavaScript-based open-source front-end web application framework
Maintained by Google and a community of individuals and corporations
Used for building single-page applications and progressive web apps

Key Features

Components: Building blocks of Angular apps, encapsulating HTML, CSS, and JavaScript
Templates: HTML templates with Angular-specific syntax and bindings
Services: Singleton objects that provide data and functionality to components
Dependency Injection: A design pattern that allows components to request dependencies from other components
Modules: Used to organize and configure Angular apps
Animations: Built-in animation system for creating complex animations

Angular Versions

AngularJS (1.x): The original Angular framework, still maintained but not recommended for new projects
Angular 2+ (2.x, 4.x, 5.x,...): The rewritten and actively maintained version of Angular

Development and Tools

Angular CLI: A command-line interface for creating, building, and serving Angular projects
TypeScript: A superset of JavaScript, used by Angular for type checking and compilation
Angular Dev Tools: A set of browser extensions for debugging and profiling Angular apps

Key Concepts

Two-way Data Binding: Automatic synchronization of component data with the view
Change Detection: Angular's mechanism for detecting and responding to changes in application state
Lifecycle Hooks: Methods that allow components to react to specific events during their lifecycle

Description

Aprende sobre el framework de aplicaciones web frontend Angular, sus características clave, versiones y herramientas de desarrollo. Descubre cómo funciona y cómo se utiliza para construir aplicaciones web modernas.