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
Actualizar Angular CLI para Angular 4
Jun03

Actualizar Angular CLI para Angular 4

Hoy vamos a aprender a actualizar Angular CLI para instalar Angular 4 paso a paso. Paso 1. Desinstalar el paquete clásico de Angular CLI npm uninstall -g angular-cli Paso 2. Desinstalar el paquete nuevo de Angular CLI (por si acaso) npm uninstall -g @angular/cli Paso 3. Vaciar la caché del gestor de paquetes npm npm cache clean Paso 4. Instalar la última versión de Angular CLI npm install -g...

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
Víctor Robles Academy
May24

Víctor Robles Academy

Hoy vamos a hablar de Víctor Robles Academy, la nueva sección de este blog. Como sabes soy formador online desde hace ya bastante tiempo y he creado muchos cursos online entonces, el objetivo de esta sección es que tengas un catalogo completo de los mejores cursos online de desarrollo web que imparto en Udemy. A vista de pájaro puedes ver cuales de mis cursos te interesan más para aprender...

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
Cabeceras HTTP en PHP para permitir el acceso CORS
Abr23

Cabeceras HTTP en PHP para permitir el acceso CORS

Cabeceras HTTP en PHP para permitir el acceso CORS con Apache o con otro servidor web. En este caso te pongo las cabeceras configuradas en PHP para que puedas utilizarlo en los desarrollos de tus APIs REST o cualquier proyecto que tengas: header('Access-Control-Allow-Origin: *'); header("Access-Control-Allow-Headers: X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method"); header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE"); header("Allow: GET, POST, OPTIONS, PUT, DELETE"); $method = $_SERVER['REQUEST_METHOD']; if($method == "OPTIONS")...

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
Curso de Angular 4
Abr12

Curso de Angular 4

¡Accede al curso pinchando aquí! Bienvenido al curso de Angular 4, vas a aprender paso a paso como desarrollar aplicaciones web font-end con la nueva versión de este framework de Google. Angular 4 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...

Leer más
Página 2 de 2312345...1020...Última »