Bien, continuamos con la segunda parte, vamos al directorio ese, recé.
Acá lo primero que tenemos es el Lapp Hakata, todo el contenido de nuestro componente principal en
la p.p. component.
Acá tenemos el directorio Assets Environment y también algunos archivos en la raíz del ESE.
Vamos a partir con el directorio app lo primero.
Acá tenemos nuestra hoja de estilo el app component css.
Acá podemos tener todos los estilos que son exclusivamente y específicamente del componente del componen.
Por lo tanto nos van a hacer efecto en los demás componentes.
Solamente en el app compone.
Como ya dijimos anteriormente, si queremos agregar estilos globales, tenemos que usar el stills puntos
CSS que justamente está en la raíz.
Acá.
Luego tenemos la plantilla o la vista que responde al componente, al componente punto TS, que contiene
básicamente el HTML, la vista.
Luego tenemos el archivo con extensión, es PEC, significa que son de prueba unitaria, de testing.
Esto no lo vamos a ver porque se ranka un poco de contexto del curso, un tema bastante amplio.
Por lo tanto, incluso por ahora, lo podemos borrar.
No lo vamos a utilizar.
Luego tenemos el app component ts que nuestro componente una clase.
Esta clase representa una parte de nuestra aplicación web.
Se podría comparar como si fuera un controlador de Spring que controla con lógica cierto contenido y
cómo se muestra este contenido utilizando el selector, por ejemplo, en el lugar donde usemos la etiqueta
a Pepe Rut, donde se va a mostrar a desplegar el contenido dinámico de este componente que está asociado
también a una vista a una plantilla.
Por ejemplo, si tenemos selector a Pepe Rut dentro del index, acá utilizamos el selector.
Por lo tanto, dentro de esta etiqueta se está insertando el contenido HTML de esta plantilla que responde
con la lógica del componente.
Es muy importante.
Primero, antes que nada importar el component.
Acá tenemos el decorador muy similar a los import de Spring.
Cuando importamos una clase acá también importamos clases decoradores que vamos a utilizar.
Por ejemplo acá el componente y luego del decorador se define.
La clase compone siempre con el sport para que se pueda después registrar y configurar como componente
en el app module el punto teza.
Luego tenemos el archivo app móvil bien importante.
Esto es como un repositorio donde se registran nuestro componente.
Las clases componen donde se registran los pipe, la clase de servicio.
Acá también se importan los diferentes módulos que vamos a utilizar.
Por ejemplo, por defecto está el browser que incluye la directivas, por ejemplo Enjoy if en Gifford
y toda la directiva con las cuales trabajamos en la plantilla en las vistas.
Pero además podríamos tener el for module para toja con formulario.
El http module para trabajar con peticiones http para trabajar por ejemplo con REST y poder realizar
peticiones a síncrona y obtener resultados.
Jason En fin, un montón de cosas acá también en import.
Podemos cargar configuraciones de la base auto, por ejemplo con memory data con Fauré base.
En fin, acá importamos los diferentes módulos que vamos a utilizar.
Bueno, en declaration acá se registran todos nuestros componente dentro de providers se registran nuestra
clase de servicio, todo aquellos que tengan algún tipo de lógica de negocio o clase con algún tipo
funcionalidad.
Por ejemplo para trabajar con Jason, que realizan consultas asíncrona a un servidor REST, a una aplicación
backend, por ejemplo con Spring Framework, acá tenemos el vostra.
Acá se indica cuál es el componente principal que se va a cargar.
Acá tenemos el app component.
Finalmente acá tenemos la clase App Module y es justamente la clase que se carga que arranca en el Main
.3.
Entonces, resumiendo, el app móvil es un repositorio, es un contenedor donde se registran nuestro
componente, nuestro módulos, nuestra clase de servicio.
Muy parecido en el fondo, lo que sería un contenedor de Spring y también los providers.
La clase servicio se puede inyectar a través de esta independencia, se definen, son inyectables y
se pueden pasar a los diferentes componentes.
Son globales.
Luego tenemos el Assets.
Había mencionado que acá se guardan todos los contenidos estático de nuestra aplicación environment.
Acá tenemos, por ejemplo, el ambiente Desarrollo Productions igual a fols.
Y acá tenemos el en varios M.T production igual thru el ambiente de producción.
Esto se utiliza ya cuando se genera la carpeta de distribución y se publica a producción.
Luego tenemos el favicon el de Angular que justamente el que se muestra en el navegador en los tab.
Luego tenemos index.
HTML que nuestra página principal.
Acá se coloca el selector del componente principal, el app component, la clase main principal que
levanta y arranca nuestra aplicación el app móvil.
Acá por defecto estamos utilizando el plataforma Browser Dinamic, es decir, podemos trabajar tanto
con navegador, con aplicaciones web, también con aplicaciones smartphone, aplicaciones móviles,
pero también podríamos utilizar otro tipo que sean solamente para aplicaciones móviles.
En fin.
Pero durante el curso vamos a trabajar con aplicaciones web y utilizando push up se pueden hacer responsive
para que nuestra creación web funcione perfectamente en un dispositivo smartphone o celular.
Luego tenemos el Polifenoles.
Un archivo de configuración para aumentar la compatibilidad de nuestra aplicación.
Acá tenemos el Styles para los estilos globales.
Luego tenemos test para pruebas unitarias.
Luego tenemos el ts config en la confesión de tal script.
Acá tenemos también pruebas unitarias.
Bien.
Y eso sería todo si revisamos también el directorio de nuestro proyecto en el explorador.
Acá notamos que tenemos la carpeta IT y nos modules que está oculta.
Se ocultan por la configuración que realizamos en el video anterior, pero básicamente en los módulos.
Acá tenemos toda la dependencia de nuestra aplicación.
Todos los plugins, toda la librería de Angular que hemos instalado Hakata todo.
Y esto básicamente no se toca.
Librería de Angular y de terceros.
Los Ventor quedamos hasta acá y cualquier duda que tengan la revisamos en el foro.
Les habló el profesor.
Hasta la próxima.