Como instalar Angular 2.4 y últimas versiones
Ene06

Como instalar Angular 2.4 y últimas versiones

Hoy vamos a ver como instalar Angular 2.4 y las versiones finales con un repositorio de GitHub que ha publicado la gente de de Angular. Primero clonamos el repositorio que incluye lo básico que debe llevar una instalación de Angular 2. git clone https://github.com/angular/quickstart.git instalacion-angular Una vez que lo clonamos, entramos al proyecto y hacemos un npm install para instalar todas las dependencias del framework: cd instalacion-angular npm install...

Leer más
Detectar la ruta actual en Angular 2 (ruta activa)
Ene05

Detectar la ruta actual en Angular 2 (ruta activa)

Hoy vamos a aprender a detectar la ruta actual en Angular 2, es decir, que ruta está activa en el momento actual dentro de una plantilla del proyecto. Es sencillo, veamos un ejemplo: <a [routerLink]="['/prueba']" [routerLinkActive]="['elemento-activado']"> Esto significa que cuando estemos en la ruta /prueba le vamos a poner una clase elemento-activado al enlace. También podríamos utilizar routerLinkActive de manera aislada en cualquier elemento y pondremos una clase de...

Leer más
Como usar jQuery en Angular 2
Dic26

Como usar jQuery en Angular 2

Hoy aprenderemos a usar jQuery en Angular 2, en el ejemplo que voy a hacer veremos como usar jQuery dentro de un componente de Angular2. jQuery es una librería de JavaScript que nos permite trabajar con el DOM de forma muy sencilla y Angular 2 es un framework desarrollado por Google que sirve para desarrollar aplicaciones web SPA, osea que el propósito de estos frameworks es completamente diferente. Cuando...

Leer más
Ruta 404 en Angular 2
Dic21

Ruta 404 en Angular 2

Hoy vamos a ver como hacer una ruta 404 en Angular 2 para que cuando un usuario acceda a una url que no exista nos cargue un componente en especifico. Imagina que tenemos un componente llamado NotFoundComponent y en el tenemos una plantilla asociada que muestra un 404 o el mensaje que quieras. Para hacer que ese componente se cargue cuando la ruta no exista debemos añadir la siguiente...

Leer más
Como usar Angular CLI en Angular 2
Dic10

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...

Leer más
Curso de NodeJS y Angular 2
Nov17

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...

Leer más
Input y Output en Angular 2
Nov07

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...

Leer más
¡Especial 2000+ alumnos en el curso de desarrollo web fullstack!
Oct15

¡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ó...

Leer más
Formularios con Angular 2
Sep17

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,...

Leer más
Instalar Angular 2 y crear un componente (versión final)
Sep16

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...

Leer más
Como instalar Angular 2 RC7
Sep14

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...

Leer más
Instalación de Angular 2 RC6 y primeros pasos
Sep07

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...

Leer más