Como crear un módulo en Angular 4 y 2
Jul15

Como crear un módulo en Angular 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 +3000 alumnos en el curso avanzado de MEAN Stack 2.0!
May18

¡Especial +3000 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
Two way databinding y reactividad en VueJS 2
May06

Two way databinding y reactividad en VueJS 2

Hoy vamos a aprender a utilizar el Two way databinding y la reactividad en VueJS 2. El Two way data binding o enlace de datos bidireccional nos permite modificar el valor de una propiedad del modelo de datos de forma dinamica y reactiva cuando se produce un cambio en la vista o en el modelo de datos y el cambio se refleja en ambas partes. He grabado una clase...

Leer más
Hacer un hola mundo con VueJS 2
Abr22

Hacer un hola mundo con VueJS 2

Vamos a aprender a incluir VueJS 2 en una página web y como hacer un hola mundo con VueJS 2. Lo primero que tenemos que hacer es crear un fichero de JavaScript y definir una instancia de Vue que es la que va a controlar la interacción con el DOM etc. Creamos el fichero main.js, creamos el objeto Vue, en la propiedad “el” definimos el nombre del elemento principal...

Leer más
Quitar comillas dobles de un string en JavaScript
Abr15

Quitar comillas dobles de un string en JavaScript

Hoy vamos a ver como quitar las comillas dobles de un string en JavaScript. Usaremos la función repace de JavaScript. Veamos un ejemplo: var cadena = 'Hola "bienvenido a victorroblesweb.es" de Víctor Robles'; console.log(cadena.replace(/['"]+/g, '')); De esta forma podemos eliminar las comillas dobles de un string en JavaScript. ¿Quieres más? Curso Online Desarrollo web con JavaScript, Angular, NodeJS y...

Leer más
Página 1 de 812345...Última »