Depurar código PHP con FireBug y FirePHP
Jun25

Depurar código PHP con FireBug y FirePHP

Hoy vamos a ver como depurar código PHP con FireBug y FirePHP. FireBug es una conocidisima herramienta para depurar html, css y javascript en nuestro navegador web, pero cuando estamos desarrollando aplicaciones con PHP echamos en falta una especie de console.log para poder depurar de forma más cómoda el backend con PHP de nuestra web. Vamos a utilizar composer, así que si no lo tienes, lo puedes descargar e...

Leer más
¡Especial 3000+ estudiantes en el curso de Angular 2!
Jun14

¡Especial 3000+ estudiantes en el curso de Angular 2!

Como sabes hace unas semanas publiqué el curso de Angular 2 en el que enseño a desarrollar aplicaciones web SPA con este framework JavaScript de Google desde cero. Es un curso en el que puse mucho esfuerzo al desarrollarlo y me siento muy satisfecho con el resultado y con la acogida que está teniendo y sobre todo porque estoy ayudando a mucha gente a aprender a programar con las...

Leer más
Two-way data binding en Angular 2
Jun04

Two-way data binding en Angular 2

Hoy aprenderemos a utilizar el Two-way data bindind en Angular 2. Hasta ahora estábamos usando el binding por interpolación que simplemente nos permitía mostrar el valor de las propiedades de la clase de nuestro componente en la plantilla, muy simple, solamente mostrábamos datos. El two-way data binding en Angular 2 nos permite modificar el valor de una propiedad de forma bidireccional, de forma que cuando nosotros modificamos el valor...

Leer más
Instalar Angular 2 RC
May28

Instalar Angular 2 RC

Angular 2 es la nueva versión de AngularJS y ya casi tenemos la versión final, de momento ha salido la versión RC que presenta algunos cambios a la hora de instalar este framework. Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2 RC. 1. Instalar Node.js Lo primero que tenemos que hacer es instalar node.js para utilizar su gestor de paquetes npm. Lo puedes...

Leer más
Rutas básicas en Node.js
May26

Rutas básicas en Node.js

Hoy vamos a ver como usar las rutas básicas en Node.js para hacer un sistema que cargue ficheros html de forma dinámica en función de la URL. //HTTP var http = require("http"); // File System para abrir ficheros var fs = require("fs"); // Creamos el servidor http.createServer(function(request, response){ // Contenido html response.writeHead(200, {'Content-Type': 'text/html'}); // Comprobamos si el segmento de la URL es alguno de estos y en cada...

Leer más
Curso de Angular 2
May10

Curso de Angular 2

Accede al curso pinchando aquí. He creado un nuevo curso de Angular 2, vas a aprender paso a paso como desarrollar aplicaciones web font-end con la nueva versión de este framework de Google. Angular 2 se va a convertir el framework para JavaScript estándar. 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,...

Leer más
Directiva condicional NgIf en Angular 2
May10

Directiva condicional NgIf en Angular 2

La directiva NgIf en Angular 2 nos permite hacer condiciones en nuestras plantillas. En el siguiente ejemplo se mostrarán los datos en el caso de que la cantidad de elementos que tiene el array sea mayor o igual a 5. <div *ngIf="peliculas.length >= 5"> <h3>Primera pelicula harcodeada:</h3> <p>Pelicula: {{peliculas[0]["pelicula"]}}</p> <p>Director: {{peliculas[0]["director"]}}</p> <p>Año: {{peliculas[0]["anio"]}}</p> </div> No tiene mucho más misterio, es así de fácil. Ejemplo completo NgIf, NgClass y evento...

Leer más
Crear una clase para los datos en Angular 2
May09

Crear una clase para los datos en Angular 2

Estamos definiendo nuestros datos directamente dentro de nuestro componente. Eso está bien para una demostración, pero ciertamente no es una buena práctica. Veamos como crear una clase para los datos en Angular 2. Esto es como un modelo de datos o entidad dentro de Angular. Nuestro componente app.component.ts, en el array creamos objetos Pelicula: import {Component} from 'angular2/core'; import {Pelicula} from './model/pelicula'; @Component({ selector: 'my-app', templateUrl: 'app/views/peliculas.html', }) export...

Leer más
Nodemon reiniciar servidor Node.js automaticamente
May07

Nodemon reiniciar servidor Node.js automaticamente

Cuando desarrollamos algo con Node tenemos un problema y es que cuando hacemos cambios en nuestro código tenemos que parar la ejecución del script y volver a lanzarlo, es decir, reiniciar constantemente el servidor Node. Para solucionar este asunto y hacernos el trabajo más fácil existe Nodemon, que lo que hace es precisamente eso, recargar el script en la consola de forma automatica. Lo puedes instalar utilizando el gestor...

Leer más
Cambios entre AngularJS y Angular 2
May03

Cambios entre AngularJS y Angular 2

Angular 2 es la nueva versión de AngularJS. Esta nueva versión es completamente diferente a Angular 1. Veamos los cambios entre AngularJS y Angular2. Controladores y Componentes En Angular 1: <body ng-controller="PeliculasController as peli"> <h3>{{peli.data.titulo}}</h3> <h3 ng-bind="peli.data.titulo"></h3> </body> <script type="text/javascript"> (function (){ angular .module('app') .controller('PeliculasController', PeliculasController); function PeliculasController() { var peli = this; peli.data= { id: 45, titulo: 'Una historia real' }; } })(); </script> En Angular 2 import...

Leer más
Plantillas en linea o plantillas en fichero en Angular 2
May02

Plantillas en linea o plantillas en fichero en Angular 2

En Angular2 podemos indicarle a nuestro componente que va a tener una plantilla asociada de dos formas. Una forma seria definiendola en linea usando la propiedad template. O podemos definirla en un archivo HTML separado y diciéndole la ruta del mismo usando la propiedad templateUrl del decorador @Component Esta forma de trabajar es recomendable si la plantilla va a ser muy grande. Veamos como utilizar plantillas en fichero en...

Leer más
Hola mundo con Node.js
Abr30

Hola mundo con Node.js

Node.js es una tecnología para desarrollar aplicaciones en JavaScript del lado del servidor (también se pueden desarrollar aplicaciones en el cliente, scripts para hacer ciertas tareas, etc). Tiene varias ventajas, principalmente la velocidad y ligereza. Hoy vamos a ver como hacer un hola mundo con Node.js. Lo primero que debes hacer es descargar Node.js desde https://nodejs.org/en/ e instalarlo(asistente siguiente siguiente). En Node no necesitamos ningún tipo de servidor web...

Leer más
Página 5 de 7« Primera...34567