Universidad Católica Boliviana “San Pablo”.

Rojas Bellido Amir 1

Trabajo de Investigación
Rojas Bellido Amir Adolfo
UCB “San Pablo”
amir.rojas@ucb.edu.bo


Resumen – El presente trabajo nos da una explicación breve

sobre que son y para que sirven las herramientas de GitHub y
Bitbucket. También nos muestra unas pequeñas partes de código
y una explicación de cómo utilizar estas herramientas.

I. EXPLICAR QUE ES EL FRAMEWORK ANGULAR Y SU

ARQUITECTURA

A ngular es un marco de diseño de aplicaciones y una

plataforma de desarrollo para crear aplicaciones de una sola
página eficientes y sofisticadas. 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 caracteristicas, que
incluyen enrutamiento, administracion de Estos primeros archivos son los que nos serviran generalmente
formularios, comunicación cliente servidor y más. para las configuraciones de nuesto framework, como,
 Un conjunto de herramientas para desarrolladores configurar el TypeScript, la version del framewok, instalcion
que lo ayudarán a desarrollar, compilar, probar y de paquetes, cargado de script de assets y poder indicar los
actualizar su código. repositorios que necesitemos guardar

II. LISTAR Y EXLICAR EL FUNCIONAMIENTO DE

LOS ARCHIVOS Y CARPETAS DE ANGULAR


 Universidad Católica Boliviana “San Pablo”. Rojas Bellido Amir 2

que el es main.ts, un archivo de estilos, el favicon y el

index.html que es la plantilla principal donde todo se carga
dentro de este archivo.

Tenemos la carpeta de environments que es para configurar

los diferentes entornos de desarrollo.

Ahora viene lo mas importante que es la carpeta app donde

tenemos difernetes componentes, por otra parte tambien esta el
modulo principal, que es app.module.ts que se encarga de
cargar los diferentes componentes y por utlimo tambien
tenemos un componente de estilos.

III. EXPLICAR LOS COMANDOS

FUNDAMENTALES PARA LA CREACIÓN DE
PROYECTOS Y COMPONENTES DE ANGULAR
Prerrequisitos:
Una práctica recomendada es ejecutar su proyecto
localmente antes de implementarlo. Para ejecutar su
proyecto localmente, necesita lo siguiente instalado en su
computadora.
 Node.js.
 Los CLI angular. Desde la terminal, instale
angular.cli globalmente.

Dentro de la carpeta de node_modules, que es donde se guarda

Ejecutando su aplicación localmente:
todas las dependencias librerias etc.
1. Cree un nuevo espacio de trabajo de Angular CLI
usando el ng mew comando, donde my-proyect-name
es lo que le gustaría llamar a su proyecto.

Acepte la configuracionpredeterminada para cada

solicitud.

2. Utilice el siguiente comando de la CLI para ejecutar

su aplicación localmente:

Tambien tenemos la carpeta src, donde se trabaja más casi

siempre. En el cual tenemos el archivo principla de TypeScript
 Universidad Católica Boliviana “San Pablo”. Rojas Bellido Amir 3

Referencias
[1] E. (2020, 21 abril). ¿Qué es SOA o Arquitectura
Orientada a Servicios? eCityclic by SEMIC.
https://www.ecityclic.com/es/noticias/que-es-soa-o-
3. Para ver su aplicación en el navegador, vaya a http: // arquitectura-orientada-a-servicios
localhost: 4200 /. Si el puerto predeterminado 4200 [2] ¿Qué es SaaS? Software como servicio. (2021, 10 mayo).
no está disponible, puede especificar otro puerto con Microsoft Azure.
el indicador de puerto como en el siguiente ejemplo: https://azure.microsoft.com/es-es/overview/what-is-saas/
[3] Servicios web. (2021, 2 junio). IBM.
https://www.ibm.com/docs/es/was/9.0.5?topic=services-
web
[4]
Mientras sirve su aplicación, puede editar su código y
ver que los cambios se actualizan automáticamente
en el navegador. Para detener el ng servecomando,
presione Ctrl+ c.

IV. EXPLICAR EL FUNCIONAMIENTO DE LOS

COMPONENTES DEL FRAMEWORK ANGULAR
Los componentes son bloques de construcción que componen
una aplicación. Un componente incluye una clase de
TypeScript con un decorador, una plantilla HTML y estilos. El
decorador especifica la siguiente información especificada en
Angular:
 Un selector de CSS que define como se usa el
componente en una plantilla. Los elementos HTML
de su plantilla que coinciden con este selector se
convierten en instancias del componente.
 Una plantilla HTML que le indica a Angular como
renderizar el componente.
 Un conjunto opcional de estilos CSS que definen la
apariencia de los elementos HTML de la plantilla.

El siguiente es un componente angular mínimo:

V. CONCLUSIONES
Podemos concluir, que estas dos herramientas son muy útiles,
ya que nos permiten una facilidad increíble a la hora de poder
compartir nuestro código con diferentes desarrolladores, como
también nos ayuda a trabajar de una forma mas eficaz a la
hora de trabajar en equipo.