BLOG

careuno
Autor: careuno
Publicado el: 18 - dic - 2014 Categorías: AngularJS, Cordova, Javascript, Phonegap

Qué es y cómo empezar con AngularJS

Desde hace un tiempo venimos escuchando hablar mucho de aplicaciones web escritas con AngularJS. Muchos o la mayoría ya habréis tenido contacto con este Framework o simplemente le habéis echado un ojo sin meteros en desarrollo con él. Los que lo estáis usando no podréis negar la velocidad de desarrollo que se adquiere en nuestros proyectos y la rápida curva de aprendizaje que tiene. No obstante, nunca está de más hablar de este Framework MVC para los que aun no lo conocen y como nos puede beneficiar a la hora de programar una aplicación con Phonegap.

Definición

AngularJS es un framework JavaScript creado y mantenido por Google que es utilizado para la creación de aplicaciones web siguiendo el patrón Modelo Vista Controlador, capacitado para extender nuestros documentos HTML añadiendo nuevas etiquetas y atributos que cumplirán con funciones específicas ya definidas o programadas por el desarrollador.

Por qué usar AngularJS

· Con AngularJS tendrás tu código JavaScript organizado.
· Desarrollo más rápido.
· Es compatible con JQuery y otras librerías (con el uso veremos que con AngularJS es suficiente para manipular el DOM)
· Facilidad para hacer tests.

Dónde descargar AngularJS

https://angularjs.org/

Desarrollando con AngularJS
Según empezamos con AngularJS, aprenderemos diferentes conceptos como son módulos, controladores, directivas, expresiones, filtros, etc… que nos permitirán realizar muchas funcionalidades con un menor esfuerzo, así como organizar nuestro código y poder mantenerlo limpio y entendible. Veremos con qué facilidad se referencian los datos que tenemos en los modelos a las vistas, así como la organización del funcionamiento de cada vista con su propio controlador. Podremos separar nuestro código en módulos para facilitar su organización e incluso poder exportarlo a otros proyectos.

Funcionamiento de una aplicación web con AngularJS frente a un servidor

AngularJS está pensado para aplicaciones de una sola página por lo que el cliente no tendrá que estar cargando las páginas solicitadas como una página web tradicional, sino que estás se cargaran en forma de templates por detrás para mejorar la experiencia de usuario. A continuación veremos una imagen explicativa:

angularjs1

AngularJS y PhoneGap

Con el auge de AngularJS, han surgido varios Framework para el desarrollo de aplicaciones móviles en HTML5 haciendo uso del potencial de éste. No obstante, podemos hacer uso de AngularJS sin necesidades de aplicar una capa más para desarrollar en móviles, la ventaja de estos frameworks es que traen ya componentes preparados para ser utilizados en aplicaciones móviles por lo que nos facilita y acelera mucho el trabajo. A continuación listamos los más usados:

null
Onsen UI
onsen.io

null
Ionic
ionicframework.com

null
Mobile Angular UI
mobileangularui.com

null
Supersonic
www.appgyver.com

AngularJS en PhonegapSpain

Nos gustaría ofreceros próximamente un pequeño tutorial acerca de AngularJS en español, así como una serie de tutoriales donde profundicemos en el uso de los frameworks anteriormente mencionados.

Saludos a tod@s!

6 Respuestas.

  1. siscolor siscolor dice:

    Gracias por el artículo, muy interesante. :)

  2. John Alejandro Garcia Arias John Alejandro Garcia Arias dice:

    Excelente Framework, vale la pena profundizar en el tema.

  3. rockanalex rockanalex dice:

    Excelente framewoerk y mejor aun con onsen ui en phonegap

  4. [...] está tomando últimamente. Hagamos un poco de memoria, anteriormente hemos hablado sobre Angular JS y detallamos algunos de los frameworks que están en la red que trabajan bajo ese MVC y MVVM. Como [...]

  5. aobradors dice:

    Gracias por la información, es de mucha ayuda.

  6. genixxavier dice:

    para un principiante en phonegap con conocimiento de html5, css3 y jquery, cual de estos frameworks debe aprender, muchas gracias

Deja tu comentario

Debes estarlogueado para comentar.

RT @addyosmani: Learn how to virtualize large lists & tables with react-window: https://t.co/ggzMgmX6zP ~ a small library for efficiently r…04:25 PM Jun 26th