Aplicación CRUD con Angular 4. Parte 4: lado servidor, CRUD con ASP.NET MVC 5

En este post se creará una aplicación del lado servidor con ASP.NET MVC 5 de Microsof y EntityFramework para acceso a datos.

Para iniciar, lo primero que debe hacerse es descargar el Visual Studio Community desde https://www.visualstudio.com/vs/community/ e instalarlo. Es importante en las opciones de instalación, indicarle al Visual Studio Community que instale las herramientas para desarrollo Web.
Sigue leyendo

Anuncios

Aplicación CRUD con Angular 4. Parte 3: Componentes de aplicación con Angular Material

En el post anterior se trabajó en la creación de la aplicación Angular 4 con ruteo y versionado en GitHub. Ahora se verá como incorporar componentes con Angular Material para dotar la aplicación de una apariencia más usable y profesional.

Angular Material es el framework oficial de componentes gráficos para construir interfaces de usuario con Angular 4.
Sigue leyendo

Aplicación CRUD con Angular 4. Parte 2: Crear la aplicación, routing y versionado en GitHub

En el post anterior se introdujo la arquitectura de la aplicación a crear. En este post se cubrirá como crear la estructura básica de la aplicación Angular 4.

Creación de la aplicación

Para iniciar, se debe instalar NodeJS, a fin de disponer del manejador de paquetes NPM, a través del cual se gestionarán todas las librerías y dependencias del proyecto. Posteriormente, se debe instalar angular-cli. Angular-cli es una herramienta de consola que dispone de un conjunto de utilidades y comandos para crear y gestionar aplicaciones Angular 4.
Sigue leyendo

Aplicación CRUD con Angular 4. Parte 1: Arquitectura.

En este post les mostraré como crear una aplicación CRUD Angular 4 y Angular 4 Material. Adicionalmente, explicaré como versionar este proyecto en GitHub. No profundizaré en los conceptos de Angular4, más bien adoptaré un enfoque práctico para la construcción de la aplicación CRUD con Angular 4.
Sigue leyendo

Como versionar un proyecto Angular 2 en GitHub y Visual Studio Code

En este post veremos cómo versionar el código de nuestros proyectos, con un ejemplo realizado en angularJS 2, versionado en Github integrado al editor Visual Studio Code.

Es muy importante para nuestros proyectos tener los archivos fuentes versionados, compartirlos con nuestro equipo de trabajo, administrar privilegios y accesos, etc. Esto nos permitirá una gestión más eficiente del código fuente y de los diferentes activos de nuestro proyecto (imágenes, documentos…etc.), lo cual nos proporciona un trabajo en equipo más cohesivo y nos posibilitará tener diferentes versiones o ramas (branches), por ejemplo una rama(branch) para la versión que está editando el equipo de desarrollo y otro branch para la versión que actualmente tienen nuestros clientes en producción.


Paso 1: Instalar Visual Studio Code

Lo primero que debemos es hacer es instalar un editor de código para nuestro proyecto, este editor debe permitir la conexión con GitHub, en este caso instalaremos Visual Studio Code Sigue leyendo

Empezando con Angular 2

Hace unos 2 años, en esta gran empresa donde laboro IT-ROI Solutions, hemos venido realizando todo el Front-end de nuestros productos en AngularJS 1.x, cabe destacar que la experiencia ha sido positiva y enriquecedora.

Hace un tiempo ya que Google anunció la reescritura de AngularJS a su versión 2.0, este cambio implica varias cosas importantes, la primera es que la versión 2 de no es compatible con la versión 1.x, la segunda es que Angular 2.0 está escrito sobre TypeScript en colaboración con Microsoft, así que bueno, ya son dos cosas para aprender: Sigue leyendo