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...
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...
Master en APIs RESTful y Web apps SPA (Node, Laravel, Symfony 4, Angular)
¡Entra al master completo pinchando aquí! Bienvenido al Máster en APIs RESTful y Web apps SPA, en el que aprenderemos todo lo necesario para dominar el desarrollo de aplicaciones web en el lado del servidor (backend) y en el lado del cliente (frontend). Este no es un curso normal, estás ante un máster completo en el que aprenderemos: Desarrollo back-end moderno, creando aplicaciones en el lado del servidor con las tecnologías mas...
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 }...
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:...
Que programas instalar para hacer desarrollo web con PHP
En el tutorial de hoy aprenderemos a preparar nuestro PC para hacer desarrollo web con PHP (y sus frameworks como Laravel 5 o Symfony 4). Veremos que programas instalar paso a paso y desde cero y prepararemos nuestro entorno de desarrollo para programar con PHP de la mejor forma posible. Para explicar esto en detalle he preparado un video en que te enseño todo esto: Los pasos que seguiremos...
¿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:...
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...
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...
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...
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....
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...