Arquitectura de un proyecto Angular

Vitmar Aliaga (@cruzjhonson)

Vitmar Aliaga

@cruzjhonson

Bach. Systems Engineer / Frontend Developer             

Vitmar Aliaga (@cruzjhonson)

Empecemos

Vitmar Aliaga (@cruzjhonson)

Install

Archivos

• tslint.json: Archivo donde puedes configurar las reglas del estilo de codificación en todo tu proyecto.
• tsconfig.json: Archivo le permite especificar los archivos de nivel raíz y las opciones del compilador que requieren compilar un proyecto de TypeScript. La presencia de este archivo en un directorio especifica que dicho directorio es la raíz del proyecto de TypeScript.

Vitmar Aliaga (@cruzjhonson)

Install

Archivos

• package.json: Npm: es el gestor de paquetes de Node desde donde puedes instalar los módulos. package.json: el archivo de configuración de un proyecto de Node. dependencias de librerías y scripts
• angular.json: Configuración del propio CLI. La madre de todos los configuradores.

Vitmar Aliaga (@cruzjhonson)

Install

Archivos

• src/: La carpeta donde están los archivos de la aplicación.
  • index.html: Un fichero HTML índice estándar.
  • main.ts: Fichero TypeScript de arranque de la aplicación.
  • app/: La carpeta con el código especifico de tu aplicación.
    • app.module.ts: Las aplicaciones son arboles de módulos, y este es su raíz.
    • app.component.ts Las páginas son árboles de componentes, y este es su raíz.

Vitmar Aliaga (@cruzjhonson)

Install

Archivos

• e2e/: Pruebas end to end, de toda la aplicación.
• node_modules: Paquetes instalados con el gestor de node, npm.
• src/:
  • ​tslint.ts: Configuración personalizada de la aplicación.
  • tsconfig.app.json: Configuración de compilación typescript de la aplicación.
  • styles.scss: Estilos generales de la aplicación
  • polyfills.ts: En angular hay algunas líneas de código que hacen que su aplicación sea compatible con diferentes navegadores.

Vitmar Aliaga (@cruzjhonson)

Install

Vista General

Vitmar Aliaga (@cruzjhonson)

Install

Modulos

Vitmar Aliaga (@cruzjhonson)

Install

Components

Vitmar Aliaga (@cruzjhonson)

Install

Title Text

Github: http://github.com/valiaga

Slides : http://slides.com/vitmaraliaga