Crear servicios en Angular 2
Los servicios en Angular 2 son clases que básicamente nos van a servir para realizar acciones concretas, por ejemplo proveer de datos al componente, hacer peticiones al servidor, o realizar una lógica compleja fuera del componente. Veamos como crear un servicio en Angular 2. // importamos el modulo Injectable de AngularJS import { Injectable } from '@angular/core'; // Permitimos que este objeto se pueda inyectar con la DI @Injectable()...
Rutas en Angular 2 (Nuevo Router)
Hoy vamos a ver como funcionan las rutas en Angular 2 utilizando el nuevo Router. Este nuevo router es diferente al que utilizábamos en las versiones BETA de Angular y aunque este nuevo router este en versión alpha se postula a ser la forma de trabajar definitiva con las rutas en la versión final de Angular 2. En realidad ganamos comodidad por una parte y la perdemos por otra,...
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...
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...
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...
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,...
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...
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...
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...
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...
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:...
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...
Entra a mis cursos online
Hosting recomendado ⬇️
