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
Cliente HTTP y peticiones AJAX en Angular 2
Sep03

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

Leer más
Página 2 de 41234