Como crear tu propia biblioteca de componentes con angular

Curso de angular para la creación de tu propia biblioteca de componentes.

Estate atento a mi twitter y a nuestra app de cupones, informare de los cupones que ponga para el curso.

Muchos desarrolladores de Angular utilizamos bibliotecas de terceros como Angular material, primeng, etc. pero, ¿y si pudiéramos crear nuestra propia biblioteca y compartirla con el resto del mundo? Pues esto lo vamos a ver en este curso.

Veremos como hacerlo desde 0 con angular, crearemos algunos componentes, pipes, servicios y directivas para que veas todo el potencial que se puede sacar.

Veremos como se puede subir a github y a npmjs y como se puede hacer documentación automáticamente con ComposeDoc. También nos crearemos una documentación personalizada como la de primeng.

Estos son los elementos que realizaremos:

  • Join: Pipe para unir varios elementos por el separador que nosotros le indiquemos.
  • Spinner: Componente para esperar la carga de datos de la aplicación.
  • Dropdown: Componente que nos permitirá elegir una serie de opciones, teniendo integrado un buscador.
  • Toast: Componente que nos muestra mensajes de error, información, avisos o éxito. Como si fuera una notificación.
  • ClickOutSide: Directiva que nos permite realizar alguna acción cuando clicamos fuera de un elemento concreto.
  • LoadIframe: Directiva que nos permite indicar una acción al cargar un iframe con otra web.
  • Config Service: Servicio para gestionar la información de un fichero JSON. Viene muy bien para el tema de configuración.
  • Detail: Componente de un detalle base que podemos nosotros rellenar el contenido.
  • Block-List: Componente que nos permite mostrar elementos en bloques, le podemos añadir una serie de acciones.

En este curso, se realizara con Angular 8.

Aquí tienes el proyecto final: http://biblioteca-ddr-udemy.discoduroderoer.es/

¡Disfrutar del curso!

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *