Pipes personalizados en Angular 2
En el tutorial anterior vimos como utilizar los pipes por defecto en Angular 2 y ya sabemos que son filtros o funciones que nos permiten manipular en las vistas ciertos datos. Hoy vamos a ver como crear pipes personalizados en Angular 2 de forma sencilla. Lo primero que haremos será crear un directorio llamado pipes dentro del directorio app de nuestro proyecto Angular y en este directorio podemos crear...
Curso gratuito de TypeScript
Accede al curso pinchando aquí Bienvenido al curso de TypeScript, vas a aprender las bases de este lenguaje creado por Microsoft para mejorar nuestro código JavaScript desde cero. TypeScript es un lenguaje que nos permite tener una orientación a objetos más limpia y potente en JavaScript, además añade un tipado fuerte y es el lenguaje que utilizamos para programar aplicaciones web con Angular 2 que es uno de los...
Instalar Angular 2 RC5 y hacer Hola Mundo
Hoy vamos a ver como instalar Angular 2 RC5 de forma fácil y estar listos para empezar a desarrollar aplicaciones con este framework sin problemas. Simplemente sigue mis instrucciones y copia y pega. Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2 RC 5. 1. Instalar/Actualizar Node.js y actualizar NPM Lo primero que tenemos que hacer es instalar Node.js (necesaria versión 4) para utilizar...
Pipes por defecto en Angular 2
Los pipes, tuberías o filtros son pequeñas funciones que nos sirven para realizar alguna tarea en nuestra vista o plantilla de Angular 2. Por ejemplo, los pipes por defecto en Angular 2 serian funciones para transformar fechas o convertir caracteres de minúsculas a mayúsculas y viceversa. Entonces veamos como usar los pipes por defecto en Angular 2. Vamos a definir una propiedad publica en nuestra clase del componente: public...
Crear y validar formularios en Angular 2
Hoy vamos a ver como crear y validar formularios en Angular 2 de forma muy sencilla. Lo haremos todo sobre app.component.ts en su plantilla vamos a crear un formulario. Le vamos a poner un nombre al formulario y le indicaremos que es un formulario de Angular así: #usuarioForm="ngForm" Utilizaremos el evento submit para lanzar un método cuando se envié el formulario así: (ngSubmit)="onSubmit()" Definiremos los inputs y le pondremos...
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()...
Desarrollo web full-stack con Symfony3 y Angular 2
Accede al curso pinchando aquí. He creado un nuevo curso, es mi curso más largo con más de 17 horas de contenido en vídeo. Te presento el curso de Desarrollo web full-stack con Symfony3 y Angular 2, en el que vas a aprender paso a paso como desarrollar APIs REST con Symfony y aplicaciones web SPA avanzadas con Angular 2. Symfony3 es el framework más potente, más utilizado y...
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,...
Instalar Angular 2 RC 3 y hacer Hola mundo
Hoy vamos a ver como instalar Angular 2 RC 3 de forma fácil para evitar cualquier tipo de problema que nos pueda surgir. Simplemente sigue mis instrucciones y copia y pega. Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2 RC3. 1. Instalar/Actualizar Node.js y actualizar NPM Lo primero que tenemos que hacer es instalar Node.js para utilizar su gestor de paquetes npm. Lo...
Instalar Angular 2 RC2 + Pruebas con el Router
Angular 2 es la nueva versión de AngularJS y ya casi tenemos la versión final, hoy vamos a instalar Angular 2 RC2 y vamos a probar el nuevo sistema de rutas con el Router Alpha.7. Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2 RC2. 1. Instalar Node.js Lo primero que tenemos que hacer es instalar node.js para utilizar su gestor de paquetes npm....
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...
¡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...