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
Mostrando un array asociativo con NgFor en Angular 2
Abr25

Mostrando un array asociativo con NgFor en Angular 2

Vamos a definir una propieda cuyo valor será array en nuestro componente de Angular 2, automaticamente ya tenemos disponible esa propiedad en la plantilla. Para mostrar los datos del array tenemos que recorrer el array con un bucle y en Angular existe la directiva ngFor que nos va a permitir hacer esto. Veamos como mostrar un array asociativo con NgFor en Angular 2 import {Component} from 'angular2/core'; @Component({ selector:...

Leer más
Instalar SASS en Windows
Abr23

Instalar SASS en Windows

Hoy veremos como instalar SASS en Windows y como compilar ficheros scss a css. Descargamos RubyInstaller para Windows http://rubyinstaller.org/downloads/ Una vez instalado podemos utilizar la consola de ruby para instalar sass y compass: gem install sass gem install compass Cada vez que necesitemos compilar los cambios a CSS desde la consola de ruby ejecutamos el comando sass –watch estilos.scss:styles_compilados.css en el directorio donde tengamos el fichero scss. En teoría...

Leer más
Mostrar propiedades de un componente en Angular 2
Abr18

Mostrar propiedades de un componente en Angular 2

Como sabemos en Angular 2 trabajamos principalmente con componentes, los cuales controlan el trabajo con los eventos, etc, estan formados por una clase con propiedades, métodos y además podemos invocar decoradores para definir el propio componente e indicarle en que etiqueta mostrar el componente y que plantilla o vista va a tener el mismo. Veamos como mostrar las propiedades de un componente en Angular 2. Tenemos el componente principal...

Leer más
Buscar un commit en Git
Abr16

Buscar un commit en Git

Muchas veces necesitamos buscar un commit que hicimos hace tiempo en el log de Git, para volver a el o hacer cualquier cosa con el. Para buscar un commit en Git utilizaremos el comando git log. Buscar en los comentarios del commit git log --grep=texto Buscar en los cambios hechos al código git log -S texto Mostrar solo el comentario de cada commit: git log...

Leer más
Instalar Angular 2 y hacer un Hola Mundo!!
Abr11

Instalar Angular 2 y hacer un Hola Mundo!!

Angular 2 es la nueva versión de AngularJS, es una tecnología muy interesante, veamos como instalar Angular 2 y hacer un Hola Mundo!! Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2. 1. Instalar Node.js Lo primero que tenemos que hacer es instalar node.js para utilizar su gestor de paquetes npm. Lo puedes descargar e instalar desde https://nodejs.org/en/download/ 2. Crear un directorio para proyecto...

Leer más
¿Que es un ORM? ¿Doctrine y entidades? en Symfony3
Abr09

¿Que es un ORM? ¿Doctrine y entidades? en Symfony3

En este vídeo intento aclarar el concepto de que es un ORM y como funciona Doctrine a grandes rasgos: ¿Quieres más? Vídeo Curso de Symfony3 ¡Domina el framework PHP más completo...

Leer más
Página 10 de 28« Primera...89101112...20...Última »