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...
Instalar Angular 6 con Angular CLI
En este tutorial vamos a aprender a instalar Angular 6 usando Angular CLI paso a paso. Paso 1. Instalar la última versión de NodeJS, para eso entraremos a su web oficial y descargaremos el instalador más actualizado https://nodejs.org/es/ Paso 2. Desinstalar los paquetes anteriores de Angular CLI npm uninstall -g angular-cli npm uninstall -g @angular/cli Paso 3. Borrar la caché del gestor de paquetes npm npm cache verify npm...
Master en JavaScript: Aprender JavaScript, jQuery, Angular, NodeJS y más
¡Entra al master completo pinchando aquí! Acabo de publicar el Máster en JavaScript, en el que aprenderemos todo lo necesario para dominar el lenguaje de programación más popular que existe actualmente y todas las tecnologías a su alrededor con más demanda laboral y más proyección de futuro. Este no es un curso cualquiera, estás ante un máster completo en el que aprenderemos: Programación desde cero y paso a paso,...
¿Que es Git y para que sirve?
¿Que es Git y para que sirve? Git es un sistema de control de versiones. Un sistema de control de versiones nos va a servir para trabajar en equipo de una manera mucho más simple y optima cuando estamos desarrollando software. Con Git vamos a poder controlar todos los cambios que se hacen en nuestra aplicación y en nuestro código y vamos a tener control absoluto de todo lo...
Entra a mis cursos online
Hosting recomendado ⬇️
