Angular y NodeJS en producción: Configurar un servidor VPS
Sep17

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...

Leer más
Curso de MongoDB – Aprende bases de datos NoSQL
Sep07

Curso de MongoDB – Aprende bases de datos NoSQL

¡Entra al curso completo pinchando aquí! Acabo de publicar el curso de MongoDB, vamos a aprender a trabajar con bases de datos NoSQL y no relacionales con MongoDB y a crear APIs RESTful con NodeJS, Express y Mongoose. MongoDB es la base de datos NoSQL líder. Nos permite trabajar con documentos JSON binarios (BSON) en lugar de utilizar un sistema clásico de tablas y relaciones, lo cual hace que Mongo...

Leer más
Recoger parámetros GET en JavaScript
Jul22

Recoger parámetros GET en JavaScript

Hoy vamos a ver como recoger los parámetros GET en JavaScript de una manera muy sencilla. Muchas veces necesitamos poder capturar los datos que nos llegan en la URL dentro de nuestro código de JS, vamos a definir la siguiente función: var QueryString = function () { var query_string = {}; var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if (typeof...

Leer más
Como crear un módulo en Angular 5, 4 y 2
Jul15

Como crear un módulo en Angular 5, 4 y 2

Hoy aprenderemos a crear un módulo en Angular 4, vamos a ver de manera muy práctica la creación de módulos en las nuevas versiones de AngularJS ¡vamos allá! Para crear un módulo lo primero que debemos hacer es ir al directorio app de nuestro proyecto y dentro crear un directorio con el nombre del módulo que queremos crear. En mi caso voy a crear un módulo llamado clientes, así...

Leer más
Trabajar con muchos componentes en Angular 4
Jul01

Trabajar con muchos componentes en Angular 4

Hoy aprenderemos a usar muchos componentes en Angular 4. Aprenderemos a trabajar con múltiples componentes y como cargarlos en el app.module de nuestra aplicación de Angular 4. Veamos como hacerlo: ¿Quieres más? Curso de Angular 4 – Desde cero hasta...

Leer más
Como crear componentes en Angular 4
Jun24

Como crear componentes en Angular 4

Hoy vamos a aprender a crear componentes en Angular 4 desde cero y paso a paso. He preparado un vídeo para que podamos entender como trabajar con componentes de la mejor manera: ¿Quieres más? Curso de Angular 4 – Desde cero hasta...

Leer más
¿Que es un componente en Angular 4?
Jun17

¿Que es un componente en Angular 4?

Hoy vamos a aprender que es un componente dentro de Angular 4. Las aplicaciones web construidas con Angular están formadas por componentes. Un componente va a controlar un trozo de pantalla o de vista. Todo lo que se puede ver en pantalla está controlado y gestionado por este tipo de elementos(componentes). Para entenderlo mejor he preparado un vídeo para ti: ¿Quieres más? Curso de Angular 4 – Desde cero...

Leer más
Instalar Angular 4 con Angular CLI
Jun10

Instalar Angular 4 con Angular CLI

Hoy vamos a aprender a instalar Angular 4 con Angular CLI de forma fácil. Utilizar Angular CLI es muy sencillo, simplemente lo instalamos con este comando: npm install -g @angular/cli Y podemos generar una instalación de Angular 4 de esta forma: ng new mi_proyecto cd mi_proyecto ng serve Veamoslo más en detalle en esta clase que he grabado para ti: ¿Quieres más? Curso de Angular 4 – Desde cero...

Leer más
Recorrer y mostrar un array en VueJS 2
May27

Recorrer y mostrar un array en VueJS 2

Hoy vamos a aprender a recorrer y mostrar un array en VueJS 2 usando la directiva de iteración v-for. Es muy simple, veamos un ejemplo en una estructura básica de html: <html> <head> <meta charset="utf-8"> <title>Curso de VueJS 2 - victorroblesweb.es</title> </head> <body> <!-- Elemento main donde actua la instancia vue --> <main> <!-- Directiva de bucles v-for --> <h1>Listado de peliculas (array)</h1> <ol> <li v-for="pelicula in peliculas">{{ pelicula...

Leer más
Directivas condicionales en VueJS 2 (v-if)
May20

Directivas condicionales en VueJS 2 (v-if)

Las directivas condicionales en VueJS 2 nos permiten usar estructuras de control en las plantillas de Vue 2. En este framework existe la directiva v-if: <h1 v-if="correcto">Si</h1> <h1 v-else>No</h1> He preparado una clase en vídeo para hacer un ejemplo más extenso: Con esto ya sabemos usar las directivas condicionales en VueJS 2 de forma básica. ¿Quieres más? Curso de VueJS 2 en Español – Crea webapps...

Leer más
¡Especial +5000 alumnos en el curso avanzado de MEAN Stack 2.0!
May18

¡Especial +5000 alumnos en el curso avanzado de MEAN Stack 2.0!

Hace unas semanas lancé el curso de desarrollo web con JavaScript, Angular, NodeJS y MongoDB en el que enseño a desarrollar aplicaciones web a nivel de back-end y front-end solo utilizando JS. Es un curso bastante largo (más de 15 horas) y es un curso que me encanta porque aprendemos a crear una web como Spotify desde cero y paso a paso usando tecnologías bastante novedosas y a la...

Leer más
Iframe de videos de YouTube Responsive
May13

Iframe de videos de YouTube Responsive

Hoy vamos a aprender a cargar los Iframe de vídeos de YouTube Responsive. Para conseguir que los vídeos que empotramos en nuestras páginas web sean responsive, debemos crear estas reglas css: .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } Y por ultimo utilizar la clase video-container en el div que contenga el iframe. Ejemplo: <div class="video-container">...

Leer más