©2022 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
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
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
Repaso de “buenas prácticas” contenidas en las guías oficiales de Angular en temas relacionados con archivos, clases , pipes, componentes...
Continuamos con una sesión centrada en conocer las buenas prácticas contenidas en las guías oficiales de Angular.
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.
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
Eduardo Garces
Raúl Lozano
Me reservo la opinión
Development
Luis Muñoz
He visto las dos primeras clases y la verdad me aburrí, muy denso, y es algo que ya sabía. Veré las otras dos espero mejore.
Juan Caravaca
JAdev
PDF incompleto
¿Conoces nuestra tarifa plana?
Toda la formación de EscuelaIT, con más de 170 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.