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

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.

Sigue leyendo

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.

Sigue leyendo

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.

Sigue leyendo

Aplicación CRUD con AngularJS – parte I (Servicios).

Este es el primer post de una seria dedicada a realizar una aplicación CRUD con AngularJS, PHP y MySQL.

Esta aplicación CRUD nos permitirá gestionar la información de una entidad, digamos, estudiante.

Para este ejercicio vamos a utilizar las siguientes herramientas:

  1. Servidor de hosting gratuito Hostinger.
  2. Hostinger nos permite utilizar un servidor WEB Apache, un servidor de base de datos MySQL y un servidor FTP para transferir nuestros archivos.

Sigue leyendo