Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como TypeScript

Firebase Cloud Messaging en Angular 13

  Hoy vamos a añadir Push messag e en nuestra página con Firebase 9.0.0 y Angular 13 .Si has seguido los tutoriales anteriores por ahora lo dejamos y vamos a crear un proyecto nuevo desde cero. En primer lugar, nos aseguramos tener todos los framework y SDK al día. Utilizando Command Prompt escribimos ng version el resultado debería ser como en la imagen arriba. Si no, hay que instalar Node.js y Angular/Cli. Creamos proyecto nuevo ng new <nombre de proyecto> y abrimos Visual Code con el proyecto recién creado. Para poder trabajar con Firebase primero vamos a crear un proyecto en consola de firebase. Como crear lo puedes leer aquí https://firebase.google.com/docs/projects/learn-more Para comprobar la versión de firebase escribimos en terminal o en Command Prompt comando firebase –version . Si no hay ninguna instalamos con este comando: npm install -g firebase-tools y después en el terminal del proyecto npm install firebase para utilizar las bibliotecas. Preparación. Al c...

Angular Admin Panel Con Flex Layout

  También sirve para una página de documentación o cualquier otro sitio técnico.   Crear un proyecto nuevo Creamos un proyecto nuevo ( ng new {nombre del proyecto} ) seleccionando siguientes opciones. Al abrir el proyecto en Visual Code, podemos borrar todo el contenido de componente app.componet.html , y al siguiente abrimos el terminal e introducimos los siguientes comandos. 1.        ng add @angular/material - siguiendo las instrucciones 2.        npm i -s @angular/flex-layout y para que podemos aprovechar todos los beneficios en app.module.ts importar dicho modulo y unos cuantos más, que aprovechamos para construir la pagina. import  {  BrowserModule  }  from   '@angular/platform-browser' ; import  {  NgModule  }  from   '@angular/core' ;   import  {  AppRoutingModule  }  from   './app-routing.module' ; import ...