Curso de Buenas Prácticas en Angular

• Única responsabilidad
  Regla de uno
  Funciones pequeñas

• Nombrado general
  Separar nombres de archivos con puntos y guiones
  Símbolos en nombres de archivos
  Nombrado de servicios
  Bootstrapping de Angular
  Selector de componentes
  Prefijo personalizado para componentes
  Selector en directivas
  Prefijo personalizado para directivas
  Nombres de pipes
  Nombrado de tests unitarios
  Nombrado de tests End‐to‐End (E2E) Nombres para Angular NgModule

• Convenciones para el código
  Clases
  Constantes
  Interfaces
  Propiedades y métodos
  Espaciado de líneas en imports

• Estructura de aplicación y módulos
  LIFT
  Locate
  Identify
  Flat
  T‐DRY (Try "intentar ser" DRY)
  Directrices estructurales
  Estructura de carpetas por funcionalidad
  Módulo "App root"
  Módulos de funcionalidades
  Módulos con funcionalidades compartidas
  Módulo con las funcionalidades "core"
  Prevención del re-importado de los módulos
  Carpetas con carga perezosa (Lazy Load)
  No importar nunca directamente carpetas destinadas a carga perezosa

• Componentes
  Componentes como elementos
  Extraer templates y estilos a sus propios archivos
  Decorar propiedades input y output
  Evitar "aliasing" de inputs y outputs
  Secuencia de miembros
  Delegar lógica compleja de componentes a servicios
  No usar prefijos en las propiedades output
  Poner la lógica de presentación en la clase del componente

• Directivas
  Usar directivas para mejorar elementos
  Decoradores HostListener / HostBinding versus host metadata

• Servicios
  Servicios son singletons
  Responsabilidad única
  Proporcionar un servicio
  Usar la el decorador de clase @Injectable()

• Servicios de datos
  Comunicaciones con el servidor a través de servicios

-Hooks del ciclo de vida
Implementar interfaces del ciclo de vida

• Apéndice
  Codelyzer
  Plantillas de ficheros y snippets

• Buenas prácticas usando Angular PROHIBIDO el uso de los “BARREL”
  Uso de los “COMENTARIOS”
  Tipificar
  Constructor()
  toPromise()
  Hacer uso de takeUntil()
  trackBy()
  Árbol de carpetas “Plana”
  Estructura de los “imports”
  Estructura “interna” de la “class”

• Ejemplo MVC

• Conceptos básicos de estructura de código
• Organización de un proyecto Angular
• Disposición de árbol de carpetas y archivos
• Pautas de nombrado
• Guía de estilos para cada elemento o herramienta que nos ofrece Angular
• Otra alternativa de esqueleto de carpetas
• Repaso de “buenas prácticas” extra, no contenidas en las guías oficiales de Angular
• Un ejemplo de aplicación MVC con Angular

Con este curso revisaremos las buenas prácticas para el desarrollo, con convenciones oficiales ofrecidas por el equipo de Angular en su “Guía de estilo”, aportando nuevas soluciones que añaden un contenido indispensable para la elaboración de grandes proyectos. Gracias al curso de buenas prácticas, en pocas horas, un desarrollador Angular podrá adquirir gran cantidad de conocimiento, que de otra manera requeriría años de experiencia para su obtención.

El curso de buenas prácticas en Angular está orientado a desarrolladores profesionales que ya conocen Angular de antemano y desean adquirir rápidamente conocimientos adicionales que les permitan elevar la calidad de su código y sus proyectos.

Angular se está convirtiendo en el framework más usado, sobre todo en proyectos de gran tamaño, por su robustez, versatilidad, y por la empresa que le da soporte (Google). Al usarse en proyectos de gran magnitud es muy importante hacer hincapié en la estructuración, tanto de carpetas como de código, y de su forma de programarlo, creando convenciones que deberían aplicarse por cada uno de los miembros del equipo de desarrolladores del proyecto.

Con este curso revisaremos las buenas prácticas para el desarrollo, con convenciones oficiales ofrecidas por el equipo de Angular en su “Guía de estilo”, aportando nuevas soluciones que añaden un contenido indispensable para la elaboración de grandes proyectos.

Gracias al curso de buenas prácticas, en pocas horas, un desarrollador Angular podrá adquirir gran cantidad de conocimiento, que de otra manera requeriría años de experiencia para su obtención.