Loading
  • Twitter
  • Facebook
  • Linkedin
  • Youtube
  • English English Inglés en
  • Español Español Español es
Besoftware
  • Inicio
  • Soluciones
    • Bemagic ERP y CRM
    • Business Intelligence
    • Desarrollo web, tienda online y marketing online
    • Bejornada
    • Bewho’s
    • Soluciones de desarrollo y gestión
    • Innovación
    • Outsourcing IT
  • Blog
  • Contacto
    • Contactar
    • Soporte
  • Sobre BSW
  • I+D
    • Proyecto GIPI
    • Proyecto Witle2
    • Proyecto Relación Cliente-Proveedor
  • Ofertas de empleo
  • Buscar
  • Menú
Tú estás aquí: Inicio / Blog / Artículos / Estructura de un proyecto en Angular

Estructura de un proyecto en Angular

  • Programador Angular

Cuando empecemos un proyecto en Angular, es muy importante estructurar las carpetas para que sean escalables y evitar desorden en el desarrollo. Además, al crear nuestro proyecto, Angular-cli crea muchas carpetas y archivos que son imprescindibles saber para qué existen, ya que pueden surgirnos errores sobre ellos.

Por ello, en este artículo voy a explicar la estructura de un proyecto en Angular. ¡Vamos allá!

Estructura básica de un proyecto en Angular

Estructura básica proyecto en Angular

Al realizar un nuevo proyecto, Angular Cli nos genera un nuevo espacio de trabajo,ng new. Aquí te explico cómo instalar Angular Cli

  • e2e: esta carpeta, denominada “end to end”, engloba unas series de ficheros cuya función es la realización de test automáticos, como si un usuario interactuase con la app. Se ejecuta con el comando ng e2e.
  • node_modules: es la carpeta que contiene todas las dependencias de nuestro proyecto.
  • Src: es el directorio donde trabajaremos nuestros módulos. Además, es el más importante, ya que contiene todo el código.
Directorio src proyecto en Angular
  • Carpeta app

    Aquí se encuentra la carpeta app donde se ubica toda la implementación de los componentes principales, junto a su template html y archivos de estilos css.

  • Carpeta assets

    Contendrá todos los asset y archivos adicionales para hacer que el proyecto funcione.

  • Carpeta enviroments

    Donde se encuentra las configuraciones y variables de entorno para poner el proyecto tanto en desarrollo como en producción..

  • Archivo favicon.ico

    Es el archivo del icono del proyecto.

  • Archivo index.html

    Es el archivo de la página principal del proyecto.

  • Archivo main.ts

    Es el archivo Type Script inicial del proyecto donde podrás configurar todas las configuraciones globales del proyecto.

  • editorconfig: es la configuración de nuestro editor de código.
  • .gitignore: son las carpetas o archivos que debe ignorar el git cuando lo añadamos al repositorio.
  • angularjson: contiene la configuración de Angular. Además, incluye rutas, versiones, etc.
  • package.json: es la configuración de nuestra aplicación. Contiene el nombre de la app, las dependencias necesarias para su correcta ejecución y muchas otras cosas.
  • REARME.md: aquí podemos añadir información sobre la aplicación. Este archivo es leído por GIT y los muestra en el repositorio.
  • tsconfig.json: contiene la configuración TypeScript.
  • tslint.json: se utiliza para que el código sea sostenible y se mantenga.

Desarróllate profesionalmente con nuestro curso de Angular

¿Quieres mejorar tus posibilidades de cambiar de puesto de trabajo o incorporarte al mercado laboral? Estas en el sitio adecuado. En Besoftware buscamos talentos digitales como tu para ayudarte a desarrollarte profesionalmente y llegar a donde te propongas.

Por ello, vamos a impartir un curso en Angular de forma videopresencial, para aprender desde casa, de la mano de nuestros profesionales expertos en la materia. Y te preguntarás ¿merecerá la pena este curso? Descúbrelo por ti mismo.

  • Curso Angular Online

Materias que se verán en el curso

1. Introducción a Angular.

2. Angular Cli.

3. Node y Npm.

4. Instalación y primeros pasos.

5. Editor de Código.

6. Estructura de un proyecto.

7. Resumen del flujo de ejecución de la aplicación básica Angular.

8. Elementos que conforman Angular.

9. Primer ejemplo práctico.

10. Componentes y Plantillas.

11. Módulos 12. Typescript.

13. Funciones de flecha.

14. Clases, Modelos de datos y Objetos.

15. Directivas.

16. Comunicación entre componentes ( Input / Output ).

17. ¡Y mucho más!

¡Te esperamos!

Más información

Share and Enjoy !

0Shares
0 0

Últimas Ofertas de Trabajo

  • Analista Programador FullStack .NET

    • hace 2 años
    • Madrid
    • Programación
  • Analista Programador VUE

    • hace 2 años
    • Alcobendas
    • Programación
  • Programador ABAP

    • hace 2 años
    • Bilbao
    • Programación

Oficinas

Madrid   +34 918 277 003
Málaga   +34 952 313 759
Granada +34 958 562 228

Categorías

  • Artículos
  • Artículos destacados
  • Noticias
  • Noticias destacadas
© Copyright - BeSoftware - Aviso Legal - Política de Cookies
El primer pilar de la Seguridad Ciberseguridad Ciberseguridad IoT cómo instalar dispositivos Iot seguros Ciberseguridad IoT: Cómo instalar dispositivos IoT seguros
Este sitio web utiliza Cookies, tanto propias como de terceros, para su correcto funcionamiento, recopilar información estadística sobre su navegación y mostrarle publicidad relacionada con sus preferencias, generada a partir de sus pautas de navegación. Puede configurar, rechazar las cookies, u obtener más información clicando la opción “Configuración Cookies”. Para más información acceda Política de Cookies

Aceptar Todo Solo Necesarias Configuración Cookies
Política de Cookies y Privacidad

Resumen de la privacidad

Este sitio web utiliza cookies para mejorar su experiencia mientras navega por el sitio web. De ellas, las cookies clasificadas como necesarias se almacenan en su navegador, ya que son esenciales para el funcionamiento de las funciones básicas del sitio web. También utilizamos cookies de terceros que nos ayudan a analizar y comprender cómo utiliza usted este sitio web. Estas cookies se almacenan en su navegador sólo con su consentimiento. También tiene la opción de excluirse de estas cookies. Pero la exclusión de algunas de estas cookies puede afectar a su experiencia de navegación.
Necesarias
Siempre activado

Las cookies necesarias son absolutamente imprescindibles para que el sitio web funcione correctamente. Esta categoría sólo incluye las cookies que garantizan las funcionalidades básicas y las características de seguridad del sitio web. Estas cookies no almacenan ninguna información personal.

Cookies Usadas por RRSS

Además, en la medida en que se hace uso de Social Plugins, esta web puede participar de distintas redes sociales, como por ejemplo Facebook, para permitir que el usuario pueda compartir con su círculo social aquellos contenidos que le resulten de interés. En la lista de cookies al final de este documento, se pueden comprobar las cookies instaladas y las redes sociales correspondientes.

Visualización

Esta web puede hacer uso de complementos de visualización de contenido, como por ejemplo Google Maps para visualizar ubicaciones geográficas. Su uso implica en ocasiones la remisión de ciertas cookies que son detalladas en el listado al final del documento. Algunas de estas cookies son instaladas y gestionadas por los proveedores de dichos complementos, no pudiendo ser accedidas por esta sitio web.

Analíticas

Con propósitos de mantenimiento periódico, y en aras de garantizar el mejor servicio posible al usuario, este sitio web hace uso de cookies “analíticas” para el recabado de estadísticas de actividad. La información recabada será en todo caso anónima, no siendo posible establecer vínculo alguno entre patrones de navegación y personas físicas. El usuario podrá excluir su actividad individual mediante los sistemas de exclusión facilitados por los propios proveedores de los sistemas de análisis que utilizan estas cookies, como Google Analytics. Es posible que esta web utilice varios de dichos sistemas, y puede consultar la lista completa en el listado de cookies al final de este documento.

Cookies de terceros

Las cookies de publicidad se utilizan para ofrecer a los visitantes anuncios y campañas de marketing relevantes. Estas cookies rastrean a los visitantes en todos los sitios web y recopilan información para ofrecer anuncios personalizados.

Otras cookies de uso interno

Además, esta web puede usar diversas cookies para el mantenimiento de sesiones de usuario entre diferentes “logins” a las áreas privadas o de autogestión facilitadas. Su desactivación ocasiona normalmente molestias al usuario en forma de funcionalidades bloqueadas, y son por tanto cookies necesarias para el funcionamiento de este sitio. Nuevamente, puede consultar la lista completa en el listad de cookies al final de este documento.

GUARDAR Y ACEPTAR
Desplazarse hacia arriba