Angular es una plataforma de desarrollo, construida sobre TypeScript. Es un framework basado en componentes para crear aplicaciones web escalables. Una colección de bibliotecas bien integradas que cubren una amplia variedad de características, que incluyen enrutamiento, administración de formularios, comunicación cliente-servidor y más. Un conjunto de herramientas para desarrolladores que permiten desarrollar, compilar, probar y actualizar el código fuente de la aplicación.
Su objetivo es aumentar las aplicaciones basadas en navegador con capacidad de Modelo Vista Controlador (MVC), en un esfuerzo para hacer que el desarrollo y las pruebas sean más fáciles.
¿Por qué se necesita un Framework?
En concreto, en el desarrollo de software, un framework es una estructura de soporte conceptual y tecnológica definida, generalmente, con artefactos o módulos de software específicos, que pueden servir como base para la organización y desarrollo de software.
Es decir, un framework es una especie de plantilla, esquema o estructura conceptual basada en tecnología que permite trabajar de una forma mucho más sencilla. De esta forma, se evitan posibles errores de programación.
Por tanto, un marco es un conjunto de herramientas y módulos que se pueden reutilizar para diferentes proyectos. Facilitando en varios aspectos el desarrollo, mejorando el tiempo, esfuerzo, organización.
Ahora que ya sabes que es y por qué necesitas un Framework, veamos la utilización.
Para empezar es necesario tener instalado en tu sistema un entorno local y espacio de trabajo,
requisitos previos
Para usar el marco Angular, debe estar familiarizado con lo siguiente:
*JavaScript
*HTML
*CSS
El conocimiento de TypeScript es útil, pero no obligatorio.
Para instalar Angular en su sistema local, necesita lo siguiente:
| REQUIREMENTS | DETAILS |
|---|---|
| Node.js | Angular requiere una versión LTS activa o LTS de mantenimiento de Node.js. Para obtener información sobre los requisitos de versión específicos, consulte la clave de motores en el archivo package.json. Para obtener más información sobre la instalación de Node.js, consulte nodejs.org. Si no está seguro de qué versión de Node.js se ejecuta en su sistema, ejecute node -v en una ventana de terminal. |
| npm package manager | Angular, la CLI de Angular y las aplicaciones de Angular dependen de los paquetes npm para muchas características y funciones. Para descargar e instalar paquetes npm, necesita un administrador de paquetes npm. Esta guía utiliza la interfaz de línea de comandos del cliente npm, que se instala con Node.js de forma predeterminada. Para comprobar que tiene instalado el cliente npm, ejecute npm -v en una ventana de terminal. |
Instalar la CLI angular
Utiliza la CLI de Angular para crear proyectos, generar aplicaciones y código de biblioteca, y realizar una variedad de tareas de desarrollo continuas, como pruebas, agrupación e implementación.
Para instalar Angular CLI, abra una ventana de terminal y ejecute el siguiente comando:
content_copynpm install -g @angular/cli
En los equipos cliente de Windows, la ejecución de scripts de PowerShell está deshabilitada de forma predeterminada. Para permitir la ejecución de scripts de PowerShell, que son necesarios para los archivos binarios globales de npm, debe establecer la siguiente política de ejecución:
content_copySet-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned
Lea atentamente el mensaje que se muestra después de ejecutar el comando y siga las instrucciones. Asegúrese de comprender las implicaciones de establecer una política de ejecución.
Crear un espacio de trabajo y una aplicación inicial
Desarrolla aplicaciones en el contexto de un espacio de trabajo Angular.
Para crear un nuevo espacio de trabajo y una aplicación de inicio inicial:
1-Ejecute el comando CLI ng new y proporcione el nombre my-app, como se muestra aquí:content_copyng new my-app
2-El comando ng new le solicita información sobre las funciones que se incluirán en la aplicación inicial. Acepte los valores predeterminados presionando la tecla Enter o Return.
La CLI de Angular instala los paquetes npm de Angular necesarios y otras dependencias. Esto puede tardar unos minutos.
La CLI crea un nuevo espacio de trabajo y una aplicación de bienvenida simple, lista para ejecutarse.
Ejecutar la aplicación
La CLI de Angular incluye un servidor, para que pueda crear y servir su aplicación localmente.
1-Navegue a la carpeta del espacio de trabajo, como my-app.
2-Ejecute el siguiente comando: content_copycd my-app ng serve –open
El comando ng serve inicia el servidor, observa sus archivos y reconstruye la aplicación a medida que realiza cambios en esos archivos.
La opción –open (o simplemente -o) abre automáticamente su navegador en http://localhost:4200/.
Si su instalación y configuración fueron exitosas, debería ver una página similar a la siguiente.
