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 }...
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...
Desarrollar una red social con JavaScript, Angular, NodeJS y MongoDB
Accede al curso pinchando aquí. He publicado el nuevo curso Desarrollar una red social con JavaScript, Angular y NodeJS, vas a aprender paso a paso como desarrollar una aplicación web completa y funcional paso a paso, a nivel de backend y frontend, usando únicamente tecnologías JavaScript. Seguramente, el mejor curso que he creado en 2017. La red social que vamos a crear será muy parecida a Twitter y es un caso práctico de un desarrollo profesional...
Incluir librerías externas en Angular
Hoy aprenderemos a incluir librerías externas en Angular. Si alguna vez has querido ver como cargar librerías de javascript, como cargar Bootstrap y jQuery dentro de Angular, eso es lo que vamos a aprender. Lo primero que debemos hacer es añadir las librerías que necesitemos a las dependencias del fichero package.json de nuestro proyecto, en mi caso jQuery y Bootstrap: "dependencies": { // OTRAS MUCHAS DEPENDENCIAS Y AL FINAL...
Angular 5 y TypeScript: Curso gratuito de introducción
Accede al curso gratuito haciendo click aquí He publicado un curso de Introducción a Angular 5, vas a aprender paso a paso las bases de este framework de Google. Angular 5 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 web, es casi...
Actualizar un proyecto de Angular 4 a Angular 5
En este tutorial vamos a ver como a actualizar un proyecto de Angular 4 a Angular 5 paso a paso. Tenemos dos métodos para pasar de Angular 4 a Angular 5. La primera forma es actualizando Angular CLI y generando un nuevo proyecto de Angular 5. Una vez hecho esto copiar las dependencias y el código del proyecto de Angular 4 y llevárnoslo a la instalación de Angular 5....
Como usar el LocalStorage de JavaScript
Hoy vamos a aprender a utilizar el LocalStorage de HTML5 y JavaScript para usarlo en nuestros proyectos web. ¿Que es el LocalStorage? Con el LocalStorage o HTML5 Web Storage podemos guardar información en nuestro navegador web a modo de sesión y que esa información persista y esté disponible durante la navegación entre las diferentes páginas de nuestro sitio o aplicación web. El LocalStorage suele usarse mucho en aplicaciones web...
Angular y NodeJS en producción: Configurar un servidor VPS
¡Entra al curso completo pinchando aquí! Hace unos moomentos he publicado el curso Angular y NodeJS en producción, vamos a aprender a desplegar y publicar en producción webapps desarrolladas con el MEAN Stack, NodeJS, Angular y MongoDB desde cero y paso a paso. Mucha gente no sabe como poner en producción una web creada con NodeJS y Angular, esto es porque casi no hay soluciones de hosting fáciles para usuarios novatos que nos...
Hooks de Angular 4
Hoy vamos a hablar acerca de los hooks de Angular 4 del ciclo de vida de un componente. Estos hooks son eventos que se ejecutan en un momento dado del ciclo de vida del componente, es decir, son eventos que se van a lanzar dependiendo del estado del componente. Por ejemplo, cuando iniciemos el componente, cuando hagamos algún cambio en el componente, etc. Veamos algún ejemplo de como trabajar...
Curso de Angular 4 avanzado: MEAN Stack, JWT, Módulos, Animaciones y más
¡Entra al curso completo pinchando aquí! Bienvenido al curso de Angular 4 avanzado. Vamos a aprender a desarrollar aplicaciones web completas con Angular4 utilizando temas avanzamos como módulos, animaciones, hooks, routing, rutas hijas, guards, localstorage y mucho más. Además también aprenderemos a crear el backend con NodeJS, Express, MongoDB y JWT. ¡No solo aprenderemos Angular 4 avanzado si no que también haremos un desarrollo web fullstack con el MEAN Stack! Angular...
¿Que es Angular y para que sirve?
Angular es un framework de desarrollo para JavaScript creado por Google. La finalidad de Angular es facilitarnos el desarrollo de aplicaciones web SPA y además darnos herramientas para trabajar con los elementos de una web de una manera más sencilla y optima. Otro propósito que tiene Angular es la separación completa entre el front-end y el back-end en una aplicación web. Ya sabemos que es Angular, pero… ¿que es...
¡Especial 5000 alumnos en el curso de Angular 4!
Hace unos meses cree el nuevo curso de Angular 4, uno de mis cursos favoritos en el que enseño Angular 4 desde cero, de forma practica, fácil y paso a paso. El curso dura más de 11 horas y me gusta mucho porque aprendemos Angular4 desde cero y con un orden muy lógico y gradual para aprender de la mejor manera, a los alumnos les está mucho. El nuevo...