R. Chavarria's Blog

Proud of developing software, proud of being an Engineer

Mi primera aplicación web con AngularJS

Esta semana no he podido aportar ningún tutorial a la serie de demos de tecnologías JavaEE ya que he dedicado grandes esfuerzos a realizar una prueba técnica para una empresa.

La prueba consitía en realizar una aplicación web, donde el back-end está programado en PHP y el front-end en JavaScript, utilizando el framework MVC AngularJS.

Ha sido una experiencia interesantísima. Ya tenía conocimientos de arquitecturas MVC, he participado profesionalmente en multitud de desarrollos siguiendo este modelo, pero ésta ha sido una oportunidad increíble de conocer un framework tan de moda y tan demandado como AngularJS. El proyecto consistía en implementar una librería de videos de youtube.

En definitiva, he aprovechado esta oportunidad, y con unas pequeñas modificaciones a la prueba técnica inicial, he eliminado la necesidad de un back-end, he creado un servidor web básico en NodeJS, y he desplegado la aplicación en heroku.

Si te pica la curiosidad y quieres ver el código fuente, lo puedes encontrar en mi repositorio de github rchavarria/ytlibrary.

La aplicación explota multitud de conceptos de AngularJS:

  • Directivas más comunes: ng-model, ng-repeat, ng-click, …
  • Controladores, angular.controller(...).
  • Servicios, implementados como factorías con angular.factory(...).
  • Directivas, angular.directive(...).
  • Posibilidad de arrastrar y soltar vídeos para añadirlos a la lista.
  • Animaciones con el módulo proporcionado por AngularJS ngAnimate.

Si todavía tienes ganas de más, te invito a que eches un vistazo a Youtube library. Por supuesto, si quieres, me encantaría que me contases qué te ha parecido.

Comments