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.

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.

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.

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.

Crear una aplicación Web con Typescript y Visual Studio Code

En este post veremos el procedimiento necesario para crear una aplicación web con Typescript y Visual Studio Code, adicionalmente, veremos cómo versionar este proyecto en GitHub.

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

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:

Programación Orientada a Objetos en JavaScript

JavaScript no es un lenguaje orientado a objetos puro por varias razones, entre ellas:

1. No permite la creación de clases, sino de plantillas (Funciones constructoras –pseudo clases-)
2. Podemos tener funciones (function()) que no se encuentren encapsuladas en una clase, lo cual no es posible en un lenguaje de POO puro.
3. No hay soporte directo de herencia ni algunas formas de polimorfismo como sobrecarga de métodos

No obstante, hay algunos hacks o trucos para lograr algunos de estos comportamientos del paradigma P.O.O.

Adicionalmente, en JavaScript, existen varias formas de crear objetos/plantillas, la primera forma que veremos es con una función constructora, la segunda forma es con una notación literal de objetos, vamos a mezclar ambas para conocer un poco de las dos.

Personalizar ícono, splash screen y nombre de una app IONIC

En este breve post les mostraré como personalizar el ícono y el nombre de una app.

Uno de los grandes problemas al desarrollar para múltiples plataformas y dispositivos son sus diferencias en tamaños, resoluciones, etc…, este inconveniente radica en el gran esfuerzo necesario para generar iconografía acorde a cada una de las plataformas y dispositivos.

Para resolver este problema, IONIC cuenta con herramientas para automatizar el proceso de generación de íconos y splash screen’s.

Aplicación CRUD con AngularJS – parte II (Cliente móvil), guardar un objeto en la base de datos.

En el post anterior, veíamos como crear un servicio a nivel de servidor para guardar un estudiante en una base de datos utilizando PHP y MySQL.

En este post, vamos a crear un cliente móvil con IONIC Framework para consumir este servicio.