Workflows modernos con angular


Origami

Notacion JSON


JavaScript Object Notation

Especificación hecha por Douglas Crockford

Estándar abierto para intercambio de datos

Transmisión de Datos estructurados mediante la red

Relacionado con JavaScript, pero la mayoría de los lenguajes son capaces de parsear un JSON

Historia


Douglas Crockford (The Good Parts)
State Software, 2001
AJAX||DHTML||Object Based Comm
http://json.org/

 2005, Yahoo!
2006, Google


Ejemplo de un json (tipos)

{
    "firstName": "John",
    "lastName": "Smith",
    "age": 25,
    "address": {
        "streetAddress": "21 2nd Street",
        "city": "New York",
        "state": "NY",
        "postalCode": 10021
    },
    "phoneNumbers": [
        {
            "type": "home",
            "number": "212 555-1234"
        },
        {
            "type": "fax",
            "number": "646 555-4567"
        }
    ]
}

Eval is evil


eval() ==> NOOOOOooOOoO!1!!111!!!!1!1

JSON.parse() ==> SI (y)

http://jsonformatter.curiousconcept.com/

Ajax: JSON vs xml


JSON entendido de manera nativa en el browser

Peso de  XML es mayor por los closing tags (**GZIP)

Lectura mas facil

http://www.json.org/xml.html



Ejercicios


http://jsfiddle.net/hybrisCole/37Mhk/

Git

Software de control de versiones creado 
por Linus Torvalds

Desarrollo No Lineal

Desarrollo Distribuido

GitHub

https://github.com/popular/starred

http://www.youtube.com/watch?v=4XpnKHJAok8

Instalacion de git y Github


http://git-scm.com/download/mac


https://github.com/login


https://help.github.com/articles/set-up-git

Comandos comunes


Clonar: git clone {{url}}
Nuevo branch: git branch {{nombre_branch}}
Branch remoto: git checkout -b {{nombre_local}} origin/{{nombre_branch}}
Actualizar Mis Cambios: git pull origin {{branch}}
Guardar cambios: git commit -am "{{mensaje_commit}}" 
Subir cambios: git push origin {{nombre_branch}}
Saber en que branch estoy: git branch
Merge: git merge {{nombre_branch}}




Ejercicios


1. Crear un repositorio en Github

2. Copiar el ejericio de JSON

3. Hacer commit

4. Hacer push.

5. Crear un nuevo branch con modificaciones al JSON

6. Hacer merge con Master

Instalacion de

Sublime y Webstorm


http://www.sublimetext.com/


http://www.jetbrains.com/webstorm/

Conceptos de una aplicacion

 angularjs


Client Side Template
Model View Controller
Data Binding
Inyección de Dependencias
Directivas


Un Shopping cart...


checkout del proyecto en GitHub

https://github.com/hybrisCole/workflow_angular_cetav

Workflows modernos con angular || Clase 2

By Alberto Cole

Made with Slides.com

Workflows modernos con angular || Clase 2

  • 706

More from Alberto Cole