Como usar Angular CLI en Angular 2
Angular CLI es una herramienta que nos hace más fácil el proceso de instalación de Angular 2 y nos agiliza el inicio de un proyecto con este framework de Google. ¿Que nos ofrece Angular CLI al final? Instalación y esqueleto básico de Angular 2 Comandos para la generación de código(componentes, servicios, etc) Herramientas de minificación y builds para las webapps Testing Para instalar Angular CLI lanzamos el comando npm...
Input y Output en Angular 2
Hoy vamos a ver como trabajar con Input y Output en Angular 2 para la interacción entre componentes. Los inputs nos permiten pasar valores desde el componente «padre» que utiliza dentro del el otro componente y así intercambiar datos entre estos dos componentes. Veamos un ejemplo para entenderlo mejor. Tenemos un componente mi-formulario.component.ts que utiliza otro componente pueblo.component.ts. Desde el componente MiFormularioComponent vamos a pasarle las propiedades ciudad y...
Formularios con Angular 2
Veamos como usar los formularios con Angular 2 (última actualización). Vamos directos a la práctica. Para poder utilizar los formularios con Angular 2 primero tenemos que cargar el modulo Forms de Angular. import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; // Importamos el módulo de formularios import { FormsModule } from '@angular/forms'; // Importar componente principal import { AppComponent } from './app.component'; // Cargamos módulos,...
Instalar Angular 2 y crear un componente (versión final)
Hoy vamos a ver la instalación de Angular 2 de forma fácil y estar listos para empezar a desarrollar aplicaciones SPA 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 (versión final). 1. Instalar/Actualizar Node.js y actualizar NPM Lo primero que tenemos que hacer es instalar Node.js (necesaria versión mayor a...
Como instalar Angular 2 RC7
Hoy vamos a ver la instalación de Angular 2 RC7 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 7. 1. Instalar/Actualizar Node.js y actualizar NPM Lo primero que tenemos que hacer es instalar Node.js (necesaria versión mayor a...
Instalación de Angular 2 RC6 y primeros pasos
Hoy vamos a ver la instalación de Angular 2 RC6 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 6. 1. Instalar/Actualizar Node.js y actualizar NPM Lo primero que tenemos que hacer es instalar Node.js (necesaria versión mayor a...
Cliente HTTP y peticiones AJAX en Angular 2
Hoy aprenderemos a utilizar el cliente HTTP y ver como hacer peticiones AJAX en Angular 2. Vamos directos a la práctica. Modificamos el fichero app.module.ts para añadir el módulo HTTP y cargarlo en la aplicación de forma global. import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; // Importamos el módulo http del paquete http de Angular import { HttpModule,...
Routing en Angular 2 (nuevo router rc5)
Hoy vamos a ver como funcionan el routing en Angular 2 utilizando el nuevo Router de la versión RC5. Este nuevo router es diferente al que utilizábamos en las versiones BETA de Angular y 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, con el router-deprecated la...
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...
Entra a mis cursos online
Hosting recomendado ⬇️
