Crea tu propia biblioteca de componente con Angular 12+

Crea tu propia biblioteca de componente con Angular 12+
219.99 EUR
Buy Now

Muchos desarrolladores de Angular utilizamos bibliotecas de terceros como Angular material, primeng, etc. pero, y si pudiramos 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 documentacin automticamente con ComposeDoc. Tambin nos crearemos una documentacin 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 aplicacin. Dropdown: Componente que nos permitir elegir una serie de opciones, teniendo integrado un buscador. Toast: Componente que nos muestra mensajes de error, informacin, avisos o xito. Como si fuera una notificacin. ClickOutSide: Directiva que nos permite realizar alguna accin cuando clicamos fuera de un elemento concreto. LoadIframe: Directiva que nos permite indicar una accin al cargar un iframe con otra web. Config Service: Servicio para gestionar la informacin de un fichero JSON. Viene muy bien para el tema de configuracin. Detail: Componente de un detalle base que podemos nosotros rellenar el contenido. Block-List: Componente que nos permite mostrar elementos en bloques, le podemos aadir una serie de acciones. Tabs: Componente para mostrar diferentes secciones en una misma pgina. Resolution Service: Servicio que nos indica en que resolucin estamos (mvil, tablet o web)Accordion: Componente que al abrir aparece el contenido. Translate: Servicio para traducir textos. Ng-Model-Base: Clase base para utilizar nuestros componentes con ngModel. Toggle: Componente para activar/desactivar. Modal: Componente para mostrar modales. En este curso, se ha realizado con Angular 12, pero se puede realizar en versiones posteriores. A partir de la versin 6.Vemos como manejar el tema de versiones de nuestra biblioteca. Tambin aprenderemos como podemos subir nuestra biblioteca a Github con Visual Studio Code. Adems, veremos como funciona Github packages. Disfrutar del curso!