Novedades e Instalación de Angular 8
May29

Novedades e Instalación de Angular 8

Acaba de salir la nueva versión de Angular, la versión 8 de este gran framework para JavaScript. Esta nueva versión no representa un cambio radical con respecto a la versión 7, es decir, todo el código que tengamos hecho con Angular 7 es totalmente compatible con la versión 8, no hay cambios de sintaxis, por lo cual la migración de una versión a otra será muy fácil y no...

Leer más
Instalación de MongoDB paso a paso (2019)
May14

Instalación de MongoDB paso a paso (2019)

En el tutorial de hoy veremos la instalación MongoDB paso a paso, versión 2019. Verás que instalar este sistema gestor de bases de datos no relacionales es muy fácil. Para hacer la instalación MongoDB lo primero que hay que hacer es bajarlo desde su sitio web oficial, debes elegir la versión community, y la versión especifica que necesites para tu sistema operativo: https://www.mongodb.com/download-center#community Para que te sea más facil...

Leer más
Como incrustar un vídeo de YouTube en Angular
Abr15

Como incrustar un vídeo de YouTube en Angular

Hoy veremos como incrustar un vídeo de YouTube en Angular. Cuando desarrollamos una aplicación web SPA con Angular y queremos cargar un vídeo dentro de nuestra web no basta solo con usar la etiqueta iframe para hacerlo. Normalmente esto no nos terminará de funcionar. Lo que tendremos que hacer para incrustar un vídeo de YouTube en Angular es lo siguiente. Paso 1. Importar DomSanitizer: import { DomSanitizer, SafeResourceUrl }...

Leer más
Como conseguir la miniatura de un vídeo de YouTube con JavaScript
Abr14

Como conseguir la miniatura de un vídeo de YouTube con JavaScript

Hoy aprenderemos a como conseguir la miniatura de un vídeo de YouTube con JavaScript, algo muy útil cuando desarrollamos una aplicación web que se apoya en YouTube para consumir vídeos bajo demanda. Bien, imaginate que necesitamos sacar la miniatura, imagen de portada, thumbnail, o thumb de este video: https://www.youtube.com/watch?v=YkKIthn9-b4 Pues seria tan fácil como usar una url como está y nos conseguirá la miniatura de ese vídeo en concreto:...

Leer más
Master en desarrollo web Full Stack: Angular, Node, Laravel, Symfony 4 y más
Mar01

Master en desarrollo web Full Stack: Angular, Node, Laravel, Symfony 4 y más

¡Entra al master completo pinchando aquí! Bienvenido al Máster en desarrollo web Full Stack, en el que aprenderemos todo lo necesario para dominar el desarrollo de aplicaciones web en el lado del servidor (back-end) y en el lado del cliente (front-end). Este no es un curso cualquiera, estás ante un máster completo en el que aprenderemos: Desarrollo de Backend moderno, creando aplicaciones en el lado del servidor con las tecnologías mas demandadas. Desarrollo...

Leer más
Reemplazar HTML Entities con JavaScript
Ene20

Reemplazar HTML Entities con JavaScript

En el post de hoy te traigo una función para JavaScript que he preparado para sustituir o eliminar las HTML Entities con JS. Esta función puede servirte mucho cuando necesitas reemplazar html entities con JavaScript, para enviar código html dentro de un JSON. Es muy común que los editores de texto enriquecido que incluimos en las webs nos metan HTML Entities en el código html lo cual muchas veces...

Leer más
¿Que es una PWA y para que sirve? ¿Aplicaciones web progresivas?
Jul07

¿Que es una PWA y para que sirve? ¿Aplicaciones web progresivas?

¿Que es una PWA? Las Aplicaciones Web Progresivas nos permiten crear aplicaciones web para dispositivos móviles, simulan ser una aplicación nativa y comparten características con ellas. Además este tipo de aplicación web pueden instalarse en el dispositivo móvil como si fuera una aplicación normal, pueden ejecutarse sin conexión y además son rápidas y ligeras. ¿Como hacer una PWA? Para crear una Aplicación Web progresiva tenemos que seguir estos pasos:...

Leer más
Curso de Aplicaciones Web Progresivas (PWA) y Responsive + Angular PWA
Jul02

Curso de Aplicaciones Web Progresivas (PWA) y Responsive + Angular PWA

¡Accede al curso pinchando aquí! Bienvenido al Curso de Aplicaciones Web Progresivas(PWA) y Responsive Web Design, en el que aprenderemos a desarrollar las aplicaciones móviles del futuro usando tecnologías web. Durante el curso aprenderemos: Maquetación web. Responsive Design, para que tus webs se adapten perfectamente a la pantalla de cualquier dispositivo. Desarrollo de PWA, usando JavaScript. Github Pages, para publicar de forma gratuita nuestros sitios web en internet. Angular PWA, para convertir cualquier proyecto con...

Leer más
Curso de Angular 6 desde cero – Desde principiante a desarrollador
Jun16

Curso de Angular 6 desde cero – Desde principiante a desarrollador

¡Accede al curso pinchando aquí! Bienvenido al curso de Angular 6, vas a aprender paso a paso como desarrollar aplicaciones web font-end con la nueva versión de este framework de Google. Angular 6 es el framework para JavaScript estándar para crear webs SPA. Es uno de los frameworks más populares para desarrollar aplicaciones modernas y escalables en el lado del cliente. Si quieres ser desarrollador front-end o full-stack, o incluso si ya te dedicas al desarrollo...

Leer más
Solución a los errores con Rxjs y novedades en Angular 6
May25

Solución a los errores con Rxjs y novedades en Angular 6

En este tutorial aprenderemos a solucionar los problemas con RXJS en Angular 6. Nos podemos encontrar varias situaciones en las que podemos tener errores con rxjs. Proyecto con versión anterior o uso de imports clásicos Si acabamos de actualizar un proyecto completo de Angular en una versión anterior a la versión 6, es común que podamos tener un error. En Angular 6 al importar Observable en nuestros servicios: import...

Leer más
Pasar un proyecto de Angular 5 a Angular 6
May24

Pasar un proyecto de Angular 5 a Angular 6

Hoy aprenderemos a pasar un proyecto de Angular 5 a Angular 6 y hacer la migración entre estas versiones usando Angular CLI, el nuevo comando ng update y el gestor de dependencias npm. Paso 1. Entrar a la carpeta del proyecto e instalar Angular Cli local de ese proyecto: npm install @angular/cli@latest Paso 2. Actualizar Angular CLI local y el proyecto con ng update: ng update @angular/cli Paso 3....

Leer más
Solución: Vulnerabilities error con NPM
May23

Solución: Vulnerabilities error con NPM

En las ultimas versiones de NodeJS cuando usamos npm para instalar o actualizar alguna dependencia podemos tener un error con las auditorias de seguridad de npm y las vulnerabilities. Pues en este tutorial aprenderemos a solucionar este fallo, con los siguientes pasos. Paso 1. Actualizar NPM con el comando: npm install -g npm@latest Paso 2. Borrar la cache de NPM: npm cache clean --force Paso 3. Desactivar las auditorias...

Leer más