Skip to content

Frontend

Jump to bottom
cartveroj edited this page Jul 10, 2023 · 20 revisions

Angular

¿Que es angular?

Angular es una plataforma de desarrollo, construida sobre TypeScript. Como plataforma, Angular incluye:

  • Un marco basado en componentes para crear aplicaciones web escalables
  • Una colección de bibliotecas bien integradas que cubren una amplia variedad de características, incluido el enrutamiento, la administración de formularios, la comunicación cliente-servidor y más
  • Un conjunto de herramientas de desarrollo para ayudarle a desarrollar, compilar, probar y actualizar su código

Con Angular, está aprovechando una plataforma que puede escalar desde proyectos de un solo desarrollador hasta aplicaciones de nivel empresarial. Angular está diseñado para hacer que la actualización sea lo más sencilla posible, así que aproveche los últimos desarrollos con el mínimo esfuerzo. Lo mejor de todo es que el ecosistema Angular consta de un grupo diverso de más de 1,7 millones de desarrolladores, autores de bibliotecas y creadores de contenido.

Pre-Requisitos

Para usar el Framework necesitaras conocer un mínimo lo siguiente :

Para poder Usarlo en Local necesitaras lo siguiente

Instalación de Angular CLI

Es tan sencillo como ejecutar el siguiente comando en nuestra terminal npm install -g @angular/cli

Crear y Modificar Proyectos

  • Crear un nuevo proyecto -----> ng new "nombre-proyecto"

  • Iniciar -----> ng serve --o (o viene de Open)
    Si quieres detener el servidor simplemente usa Control + C en la Consola donde lo iniciaste

Deberia salir algo como esto :

  • Crear un componente -----> ng g c "Ruta y nombre del componente"

  • Crear un servicio -----> ng g s "Ruta y nombre del servicio"

La letra g es de generate La letra c es de components La letra s es de service

Frameworks necesarios para ejecutar un proyecto de Angular

  • npm install ngx-toastr --save
  • npm install --save @angular/material @angular/cdk
  • npm install @angular/animations --save
  • ng add @angular/material
  • ng add @ng-bootstrap/ng-bootstrap
  • ng add @fortawesome/angular-fontawesome@

Frameworks necesarios para ejecutar un proyecto de Angular importado de GitHub

  • npm i -D @angular-devkit/build-angular

¿Cómo funciona?

Angular funciona mediante la creación, gestión y modificación de componentes y es lo que nos interesa en este proyecto Cuando abrimos la carpeta de nuestro proyecto de angular podemos observar que nuestro indext.html no concuerda con lo que vemos en el código, esto se debe a que lo que carga el html es un componente "app-root" por default si no hemos cambiado nada que se encuentra dentro de la carpeta app

La base de Angular es modificar estos archivos para que el sitio web se vea y comporte como yo quiera

Clone this wiki locally