Ejemplos Básicos con AngularJS

AngularJS es un framework MVC (Modelo vista Controlador) de JavaScript para el Desarrollo de aplicaciones Web Front-End el cual permite crear aplicaciones Single-Page Applications o SPA. Angular esta dentro de la familia de frameworks como BackboneJS o EmberJS.
Recomiendo el blog de joelhooks y su post "learn angular this weekend" para ampliar información.


Ejemplos sencillos con AngularJS

Empezamos descargando AngularJS desde su sitio oficial angularjs.org

Podemos también copiar el enlace directo para pegarlo en nuestro archivo, por esta vez haremos la descargar.

Creamos un proyecto "MyApp" y su respectiva pagina principal index.html

Iniciamos con un código HTML, en el hacemos la llamada del archivo js de angular, de la siguiente manera

ng-app: se incluye dentro de la etiqueta en la que se ejecutará la aplicación js, en este caso body

ng-init: Es usado para definir las tareas de inicialización de la aplicación, en este caso creamos un modelo llamado "escritor". NOTA: Sin embargo no es recomendable incluir ng-init dentro de la vista (plantilla o archivo html) debe ir en el controller, solo para este primer ejemplo fue usado ahí.


Otro ejemplo

Declaramos el modelo nombre y posteriormente lo llamamos en Hola {{nombre}}, esto permitirá que al escribir algo en el input se recargue automaticamente:

Otro ejemplo...

En este ejemplo se pondrá un input donde se pueda escribir el tipo de clase para cambiar el color al texto, para esto incluiremos bootstrap.

vamos a http://getbootstrap.com/getting-started/  y podemos descargarlo o simplemente copiar el CDN

los tipos de clase son entre otros: success(verde) warning(amarillo) danger(rojo)..

Read More

Guardar datos permanentemente con User Defaults In xCode 8 (Swift 3.0)

Iniciamos el proyecto eligiendo "single view Application" en nuestro entorno Xcode

Elegimos un campo de texto "TextField", un Label y un Button y los agregamos a nuestro storyboard

Abrimos ViewController.swift al lado de nuestro storyBoard y arrastramos junto con click los 3 elementos, label y textfield seleccionamos connection:Outlet

El botón seleccionamos connection:action, dentro de esta función agregamos el siguiente código

@IBAction func action(_ sender: Any)

    {

        output.text = input.text

        UserDefaults.standard.set(input.text, forKey: "myName")

        input.text = ""

    }

Esto permite que el texto que se ingrese en el textfield se despliegue en el Label al presionar el botón. Simplemente eso

Ahora agregamos al final de nuestro viewcontroller el siguiente código

override func viewDidAppear(_ animated: Bool)

    {

        if let x = UserDefaults.standard.object(forKey: "myName") as? String

        {

            output.text = x

        }

    }

Este nos dice que si "myName" como se había definido en la función del botón, ya ha sido ingresado, el output.text seguirá siendo el mismo, se define una variable x que captura el texto introducido anteriormente. UserDefaults (también NSUserdefault en swift2) es un método de persistencia de datos que permite mantener los datos introducidos después de cerrada la App, para mas información sobre este método puedes revisar los siguientes links.

apple.UserDefaults
apple.UserDefaults2


Al ejecutar nuestra aplicación deberá funcionar de manera correcta al introducir un nombre o texto, luego damos en Pausar el emulador y nuevamente lo corremos, el nombre introducido debe quedar almacenado en el Label.

Read More