Curso de Buenas Prácticas en Angular
Una revisión exhaustiva de las buenas prácticas para la programación de aplicaciones bajo el framework Javascript Angular.
Material disponible
Intermedio
4 Clases 7 h
El curso de buenas prácticas en Angular ofrece a los desarrolladores una formación detallada sobre las mejores recomendaciones, tanto a la hora de organizar su código, como estructurar un proyecto o sacar partido a las herramientas disponibles en el framework. 

El estudiante aprenderá a organizar un proyecto Angular, desde su estructura y disposición de carpetas, conceptos de estructura de código, hasta cómo organizar las piezas de software dentro de los propios archivos: single responsability, nombrado, etc. 

Lógicamente, nos basaremos principalmente en las prácticas contenidas en la “Guía de estilos de Angular”, pero desde un enfoque crítico, ofreciendo incluso alternativas a sus planteamientos. De manera adicional, durante el curso se abordarán diversos ejemplos extra, de buenas prácticas que no se encuentran en la guía de estilos oficial y que son indispensables para el desarrollo de aplicaciones con elevados estándares de calidad

El contenido del curso de Buenas prácticas se abordará a partir de ejemplos y al final veremos una aplicación que resume de manera global el conocimiento impartido durante las clases y la estructura de programación MVC con Angular. 

Qué aprenderé en el 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

Objetivos del curso

  • 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.

Por qué debes aprender Buenas Prácticas en Angular

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.

Qué tengo que saber

Para poder aprovechar el curso de buenas prácticas en Angular es necesario disponer de conocimientos básicos de Angular, ya que no es un curso del framework desde cero, sino de estructuración y buenas prácticas.

Clases y contenidos

Buenas prácticas Angular I

Repaso de “buenas prácticas” contenidas en las guías oficiales de Angular en temas relacionados con archivos, clases , pipes, componentes...

Buenas prácticas Angular II

Continuamos con una sesión centrada en conocer las buenas prácticas contenidas en las guías oficiales de Angular.

Aporte Extra en Buenas Prácticas

Vamos más allá de la guía de estilos oficial con una visión crítica a partir de la experiencia profesional en el desarrollo de aplicaciones Angular.

Cómo organizar el código en arquitectura MVC con Angular

Repasamos un ejemplo práctico a la hora de emplear un patrón Modelo Vista Controlador (MVC) y repartir nuestras lógicas.

Valoraciones

Nacho Paso

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 130 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete