Como crear un módulo en Angular 5, 4 y 2
Hoy aprenderemos a crear un módulo en Angular 4, vamos a ver de manera muy práctica la creación de módulos en las nuevas versiones de AngularJS ¡vamos allá! Para crear un módulo lo primero que debemos hacer es ir al directorio app de nuestro proyecto y dentro crear un directorio con el nombre del módulo que queremos crear. En mi caso voy a crear un módulo llamado clientes, así...
Desarrollo web frontend con Angular 4 y backend con Symfony 3.3
¡Accede al curso pinchando aquí! Bienvenido al curso Desarrollo frontend con Angular 4 y backend con Symfony 3.3, en el que aprenderemos paso a paso a como desarrollar servicios y APIs REST con Symfony y como crear aplicaciones web front-end completas con la nueva versión de Angular 2. Symfony 3 es el framework más poderoso, más usado y más solicitado por las empresas para hacer desarrollos back-end con PHP....
Víctor Robles Academy
Hoy vamos a hablar de Víctor Robles Academy, la nueva sección de este blog. Como sabes soy formador online desde hace ya bastante tiempo y he creado muchos cursos online entonces, el objetivo de esta sección es que tengas un catalogo completo de los mejores cursos online de desarrollo web que imparto en Udemy. A vista de pájaro puedes ver cuales de mis cursos te interesan más para aprender...
Curso de Angular 4
¡Accede al curso pinchando aquí! Bienvenido al curso de Angular 4, vas a aprender paso a paso como desarrollar aplicaciones web font-end con la nueva versión de este framework de Google. Angular 4 es el framework para JavaScript estándar para crear webs SPA. Es uno de los frameworks más populares para desarrollar aplicaciones modernas y escalables en el lado del cliente. Si quieres ser desarrollador front-end o full-stack, o incluso si ya te dedicas al desarrollo...
Servicios y módulo HTTP en Angular 2 Final
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. Crear un servicio básico en Angular 2 Veamos como crear un servicio en Angular 2. // importamos el modulo Injectable de AngularJS import { Injectable } from '@angular/core'; // Permitimos que este objeto...
Desarrollo web con JavaScript, Angular, NodeJS y MongoDB
Entra al curso pinchando aquí Te presento mi nuevo curso Desarrollo web con JavaScript, Angular, NodeJS y MongoDB. Vas a aprender paso a paso como desarrollar servicios y APIs REST con NodeJS, Express, MongoDB, JWT y como crear aplicaciones web front-end complejas con la nueva versión de AngularJS (Angular 2). En resumen vamos a aprender a hacer un desarrollo fullstack con el MEAN Stack 2.0, creando paso a paso...
Crear varios componentes en Angular 2 (@Component y @NgModule)
Hoy vamos a ver como crear varios componentes en Angular 2, es muy simple. Lo primero que vamos a hacer es crear un directorio para los componentes dentro de nuestro directorio app, esto es una preferencia personal, tu puedes tener la estructura de directorios que prefieras. Crearé el directorio app/components y ahí meteré los componentes. Dentro de este directorio voy a crear dos componentes, por ejemplo, crearé empleados.component.ts y...
Enlace de datos bidireccional en Angular 2 (two-way)
Hoy aprenderemos a utilizar el Enlace de datos bidireccional en Angular 2, también conocido como Two-way Data Bindind. En Angular 2 tenemos varios tipos de enlace de datos o binding, por ejemplo, el binding por interpolación que simplemente nos permitía mostrar el valor de las propiedades de la clase de nuestro componente en la plantilla, muy simple, solamente le pasamos un dato del componente a la plantilla. El two-way...
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...
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...
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...
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...