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...
Curso de NodeJS y Angular 2
¡Accede al curso pinchando aquí! Bienvenido al Curso de NodeJS y Angular 2, vas a aprender paso a paso como desarrollar servicios y APIs REST con NodeJS y MongoDB y como crear aplicaciones web SPA y front-ends con la nueva versión de AngularJS. En definitiva vamos a aprender a hacer desarrollos fullstack con el MEAN Stack 2.0 (MongoDB, Express, Angular 2 y NodeJS). NodeJS es una tecnología que nos...
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...
¡Especial 2000+ alumnos en el curso de desarrollo web fullstack!
Como sabes hace poco publiqué el curso de desarrollo web full-stack con Symfony3 y Angular 2 en el que enseño a desarrollar aplicaciones web a nivel de back-end y front-end con los dos frameworks más punteros del mercado. Es mi curso más largo (más de 17 horas) y estoy muy contento con el resultado, ya que cuando acabé de producir el curso me dí cuenta de que me salió...
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,...
Diferencia entre let y var en ES6 y TypeScript
Hoy vamos a ver la diferencia entre let y var en TypeScript. Con TypeScript podemos usar las novedades para JavaScript que nos trae el ES6, podemos definir variables de dos formas, utilizando var como ya veníamos utilizando en JavaScript clásico y también podemos usar una nueva palabra reservada que es let. La diferencia es el alcance de las variables. let permite declarar variables limitando su alcance al bloque, declaración,...
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...
Entra a mis cursos online
Hosting recomendado ⬇️
