martes, 30 de junio de 2015

Iniciando con AngujarJS

Este framework o JS AngularJS que básicamente se divide en tres partes principales:
ng-app: Directiva que define y enlaza una aplicación AngularJS a HTML.
ng-model: Directiva que obliga y representa a los valores de datos de la aplicación AngularJS a HTML a controlar las entradas de datos.
ng-bind: Directiva que se encarga de mostrar el texto de las etiquetas HTML.

Gráfica de retorno de enlace de datos – Página Oficial AngularJS

Lo único que se necesitas para desarrollar con AngularJS es un editor de texto y un navegador:

1.       Editor de código: En mi caso estoy usando notepad++ (más adelante implementaremos una demo usando Visual Studio .Net)
2.       Navegador: Google Chrome.
3.       Lo más importante descargar el framework que está disponible en su página oficial https://angularjs.org/

Directivas (Directive) en AngularJS:

Comandos que se incorporar al HTML y puede asignar a cualquiera de las etiquetas por medio de atributos. Algunas directivas que nos brinda el framework son: ng-app, ng-init, ng-model, ng-repeat, ng-bind entre otros. Además, a esto se suma las que se pueden crear nuestras propias directivas.

Expresiones (Expressions):

Se utilizan para unir los datos de aplicación con HTML. Las expresiones se escriben dentro dobles llaves, como {{expressions}}. Considerando que las expresiones de aplicación son expresiones javascript puras y emite los datos según la expresión a realizar.

Quizás el punto de partida para ir iniciando algunas prácticas solo se dependerá de una directiva que es el  ng-app y palabra reservada scope que es el responsable de detectar los cambios en el modelo y proporciona el contexto de las acciones que se quiera realizar.



Algunas otras gráficas para ir conociendo lo que hace a fondo el framework:

Controlador. Es el código con la lógica de negocio que comunica el modelo con la vista.

Modelo. Son los datos, que junto con la plantilla HTML (acción a realizar) producen las vistas.

Vistas. Lo que el usuario visualiza. Parte de una plantilla HTML, se implementa con el modelo y se renderiza en el árbol DOM.

Bueno, en el siguiente apartado iniciaremos con algunos ejemplos. Nos vemos

sábado, 27 de junio de 2015

Qué es AngularJS

En el siguiente apartado quiero iniciar hablando acerca de AngularJS, a raíz de la implementando que estoy realizando.

AngularJS Está considerado como un framework de aplicaciones web de código abierto. En la actualidad se mantiene por Google, originalmente fue desarrollado en 2009 por Misko Hevery y Adam Abrons. Su última versión es la 1.4.2.

En mi opinión AngulaJS es un archivo JS (JavaScript) que se encarga de separar muy bien la responsabilidad de cada tecnología en su ámbito ya sea HTML, CSS o el mismo Javascript o JQuery. Quizás lo más interesante es que todo esto sucede en el cliente (browser) dentro de una aplicación web. Permitiéndonos desarrollar aplicación ricas de internet – RIA con la intensión de ofrecer la misma características y funcionalidades de una aplicación desktop. Además, nos permite implementar con cualquier tecnología a nivel de servidores o lenguajes de programación.

En general, AngularJS es un marco para construir a gran escala aplicaciones web de alto rendimiento mientras que los mantiene tan fácil de mantener.

Características:
1.   Entorno de desarrollo basado en.
2.   Desarrollo de lado del cliente de manera MVC Model View Controller limpio.
3. Compatible con multiplex navegadores. Angularjs automáticamente maneja código javascript adecuado para cada navegador.
4.  Código abierto, totalmente gratuito
5.  Licenciado bajo la versión 2.0 de Apache License.

Ventajas:
1.  Capacidad para crear páginas SPA (una sola página de aplicaciones) de una manera muy limpia y fácil de mantener.
2.  Capacidad de enlace de datos.
3.  Implementación y código reutilizables.
4.  Desarrollo con menos código y obtener una mayor funcionalidad.
5.  Las vistas son páginas HTML puros, y los controladores escritos en Javascript que se encargan del procesamiento del negocio.
6. Se puede ejecutar en todos los principales navegadores y teléfonos inteligentes, incluyendo teléfonos / tabletas Android y iOS base.

Desventajas:
1. En lo personal diría que la principal desventaja sería que el usuario deshabilita el JavaScript – dejando sin acción la funcionalidad del angular (recuerden que es un JS). Pero, estoy seguro que para esto existan alternativas de solución.

2.  Por ser un archivo JS no son 100% seguros, quizás esta sea una desventaja más crítica, pero hay maneras y formas de poder solucionarlo – todo depende de nuestro desarrollo incluyendo nuestro fond-end en especial el back-end. Considerando que la autenticación del lado del servidor y la autorización es imprescindible para mantener una aplicación segura.

Algo de contexto para ir conociendo el framework, nos vemos en el siguiente apartado.

lunes, 8 de junio de 2015

Instalar IIS en Windows 7

Internet Information Services (IIS) 7 no se instala de forma predeterminada al instalar el SO Windows 7. Para una correcta instalación del IIS, se debe seguir los siguientes pasos.

1. Ir al panel de control, en el ejecutar escribir el comando - control.

2. Luego clic en programas y características.
3. Luego clic en Activar o desactivar las características de windows.


4. Esperar que cargue toda la lista.

5. Activar la casilla de Internet Information Services

6. Esperemos a que windows realiza cambios.

7. Al terminar nos solicita reiniciar el SO - se recomianda reiniciar para un optimo funcionamiento.

8. Después de haber reiniciado, validaremos la correcta instalación - escribir el comando inetmgr.


9. Clic en Examinar en *:80 (http), estando en el sitio por default de windows.

Correcta instalación

Algo simple, pero importante. Espero les ayude.