Skip to content
amoelcodigo.com

amoelcodigo.com

Amamos el código, amamos los retos.

  • Inicio
  • Blog
  • Acerca de mí
  • Contacto

Tag: Angular

Posted on September 11, 2020September 12, 2020

Diccionario Multilenguaje en Ionic

diccionario-ionic

Proyecto que realizamos en Ionic que consume Dictionary Api para la búsqueda de palabras, soporta 12 idiomas, utilizamos Angular como framework para trabajar e incluimos varios componentes Ionic UI.

Continuar Leyendo
Posted on August 30, 2020August 30, 2020

Curriculum Vitae (CV) en Angular con Flexbox y Grid

miniatura-CV

Da un toque diferente a todos esos curriculum aburridos y marca la diferencia del resto de candidatos! con este proyecto de maquetación de un CV moderno en Angular realizado con Flexbox y Grid.

Continuar Leyendo
Posted on August 15, 2020August 15, 2020

Trabajando con Poke Api para hacer una Pokedex con Angular Material

Poke api es un servicio abierto al publico el cual aprovechamos para hacer el modelo inicial de una pokedex con diferentes componentes de angular material como mat-table, mat-paginator, mat-filter, mat-snackbar, mat-cards, mat-chips.

Continuar leyendo
Posted on August 8, 2020August 8, 2020

¿Cómo implementar un Interceptor en Angular? Envió de token en la cabecera HTTP

Normalmente cuando queremos hacer peticiones a un API se requiere de un token de autorización o una api key. Varios desarrolladores optan por incluir la cabecera cada servicio o petición. Para no hacer esto tan tedioso existe una forma de hacer esto de manera mas sencilla utilizando HTTP INTERCEPTOR

Continuar leyendo
Posted on July 18, 2020July 19, 2020

Gráficas dinámicas en Angular con ng2-charts (Angular, Node.js, MySQL y Bootstrap).

En este proyecto utilizamos ng2-chartjs para generar gráficas en Angular, nos apoyamos de Bootstrap para la maquetación, utilizamos MySQL como base de datos, y como backend Node.Js con Express. Tantos los datos de las graficas como sus colores van a ser parametrizables. El resultado que se obtendrá de este proyecto es el siguiente.

Continuar Leyendo
Posted on July 11, 2020July 13, 2020

Angular y Spring. Múltiple subida de archivos (Frontend) con Angular

En este tutorial vamos a realizar el frontend en Angular para subir múltiples/varios archivos, se utiliza Angular Material para el aspecto de la aplicación. Si quieres ver el backend de esta aplicación da clic aqui.

El resultado que vamos a obtener con este proyecto en la parte Front en Angular es este:

Continuar leyendo
Posted on July 5, 2020July 10, 2020

Angular 10 – Exportar Tablas de Angular Material a Excel, Json y Archivos de texto con mat-table-exporter


angulartoexcel

Hoy traigo la manera mas sencilla para exportar tablas de Angular Material a archivos con extensión .xlsx .csv .json y .txt haciendo uso de mat-table-exporter.

Continuar leyendo
Posted on July 4, 2020July 4, 2020

¿Cómo hacer pruebas unitarias en un modal en Angular Material?

En este post voy a enseñar como hacer pruebas unitarias de un modal / popup / ventana emergente de Angular Material. Voy a empezar con un proyecto desde cero, junto con la instalación de Angular Material y mostrando paso a paso lo que hago para hacer las pruebas unitarias de dicho componente.

Continuar Leyendo

Categories

  • Angular
  • Angular+Java
  • Bases de datos
  • CSS
  • Docker
  • Flexbox y Grid
  • Java
  • Spring

Recent Posts

  • Diccionario Multilenguaje en Ionic
  • Curriculum Vitae (CV) en Angular con Flexbox y Grid
  • ¿ Como Dockerizar una aplicación en Angular?
  • Trabajando con Poke Api para hacer una Pokedex con Angular Material
  • ¿Cómo implementar un Interceptor en Angular? Envió de token en la cabecera HTTP

“La mayoría de los buenos programadores programan, no porque esperan que se les pague o por adulación por parte del público, sino porque es divertido programar.”
– Linus Torvalds

Podría Interesarte

  • Angular
  • Angular+Java
  • Bases de datos
  • CSS
  • Docker
  • Flexbox y Grid
  • Java
  • Spring
  • LinkedIn
  • Instagram
  • YouTube
  • GitHub