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