ANGULAR en más de 128 palabras – Parte 1

Angular es un marco para crear aplicaciones cliente, basado en HTML/CSS y JavaScript/TypeScript.

Angular ofrece las siguientes ventajas:

  • Módulo de patrón revelador: organiza el código en uno o más módulos y proporciona una mejor estructura.
  • Arquitectura limpia y estructurada.
  • Código reutilizable.
  • Aplicación más fácil de probar.

Arquitectura:

  • Front-End: se encarga de la lógica de presentación. Compuesto de HTML / CSS / TypeScript / Angular
  • Backend: se encarga de la lógica empresarial. Compuesto de datos – API

Crear una primera aplicación Angular:

NodeJS: El entorno de ejecución de Node.js incluye todo lo que necesita para ejecutar un programa escrito en JavaScript. Para instalar el vínculo https://node.js.org

Administrador de paquetes de nodos: Esta es una utilidad de control en línea que facilita la instalación de paquetes, gestión de versiones y gestión de dependencias.

Angular-Cli: una interfaz de línea de comandos para automatizar el flujo de trabajo de desarrollo. Le permite:

  • Crea una nueva aplicación Angular.
  • Ejecute un servidor de desarrollo con compatibilidad con "Live Reload" para obtener una vista previa de la aplicación durante el desarrollo.
  • Añade características a tu aplicación Angular.
  • Ejecutar pruebas unitarias
  • Ejecutar pruebas de extremo a extremo
  • Compile la aplicación para su implementación en producción
  • Implementar la aplicación en un servidor

Instalación de pedidos en línea Angular-cli:

npm install -g @angular-cli

Esta notación con 'NPM' permite que los paquetes nPM se espacien fuera de los nombres. Cada usuario y organización en NPM tiene su propio alcance y son los únicos que pueden agregar paquetes.

Esto es útil por varias razones:

  • Permite a las organizaciones indicar claramente qué paquetes son "oficiales" y cuáles no. Por ejemplo, el ámbito @angular, garantiza que fue publicado por el equipo principal de Angular.
  • El nombre del paquete debe ser único dentro de su ámbito de publicación, pero no para todo el registro npm.
    Por ejemplo, el nombre del paquete http ya está tomado en el repositorio principal npm, pero Angular también puede tener angular/http.

Para más detalles, la documentación se puede encontrar en este enlace: https://docs.npmjs.com/

Cree un paquete Angular:

ng nuevo paquete-prueba-angular

Edite el código del proyecto Angular creado:

Te aconsejo que edites el código con el editor vsCode: https://code.visualstudio.com/ o con el editor de código Sublime Text https://www.sublimetext.com/

Si utiliza vscode, el siguiente comando se puede utilizar en la raíz del proyecto.

Código.

Implemente el proyecto angular en el servidor de máquina local:

ng servir

A continuación, se puede buscar en localhost:4200.