Conferencia sobre los conceptos básicos de Angular.js dictada por Jeison Castañeda miembro del GDG Cali. El código fuente se encuentra en https://github.com/gdgcali/IntegrantesGDG
1. Que es angular.js?
AngularJS , Es un proyecto de
código abierto, realizado en
Javascript que contiene un
conjunto de librerías útiles para el
desarrollo de aplicaciones web y
propone una serie de patrones de
diseño para llevarlas a cabo. En
pocas palabras, es lo que se conoce
como un framework para el
desarrollo, en esta caso sobre el
lenguaje Javascript con
programación del lado del cliente.
2. Relacion de angular.js con html
Angular.js pretende que los programadores
mejoren el HTML que hacen. Que puedan
producir un HTML que, de manera
declarativa, genere aplicaciones que sean
fáciles de entender incluso para alguien
que no tiene conocimientos profundos de
informática. El objetivo es producir un
HTML altamente semántico, es decir, que
cuando lo leas entiendas de manera clara
qué es lo que hace o para qué sirve cada
cosa.
3. Patron de diseño de angular.js
Angular promueve y usa patrones de
diseño de software. En concreto
implementa lo que se llama MVC (Modelo
vista contrlador). Básicamente estos
patrones nos marcan la separación del
código de los programas dependiendo de
su responsabilidad. Eso permite repartir la
lógica de la aplicación por capas, lo que
resulta muy adecuado para aplicaciones de
negocio y para las aplicaciones SPA
(Single Page Aplication
5. Angular.js frente a jQuery
jQuery y AngularJS son librerías bien
diferentes. El alcance y el tipo de cosas
que se hacen con una y otra librería son
distintos.
6. Angular.js frente a jQuery
jQuery es una librería que nos sirve para
acceder y modificar el estado de
cualquiera de los elementos de la página.
A través de jQuery y los selectores de CSS
eres capaz de llegar a los elementos de la
página, a cualquiera de ellos, y puedes leer
y modificar sus propiedades, suscribirte a
eventos que ocurran en esos elementos,
etc. Con jQuery podíamos manejar
cualquier cosa que ocurra en esos
elementos de una manera mucho más
cómoda que con Javascript puro y
compatible con la mayor gama de
navegadores.
7. Angular.js frente a jQuery
Angular no solo te permite una serie de
funciones y mecanismos para acceder a los
elementos de la página y modificarlos, sino
que también te ofrece una serie de
mecanismos por los cuales extender el
HTML, para hacerlo más semántico,
incluso ahorrarte muchas líneas de código
Javascript para hacer las mismas cosas que
antes hacías con jQuery. Pero la principal
diferencia y por la cual AngularJS toma la
denominación de "framework", es que te
marca una serie de normas y hábitos en la
programación, principalmente gracias al
patrón MVC implementado en AngularJS.