Creación de sitios web

Entradas

Mostrando entradas de noviembre, 2017

22. Java: programación orientada a objetos

- noviembre 30, 2017

Programación orienta a objetos (POO) Java es un lenguaje de programación orientado a objetos. Es cierto que JavaScript es también a día de hoy un lenguaje de programación orientado a objetos aunque si lo que estamos haciendo con JavaScript es tan sólo manipular o hacer interactivo nuestro documento HTML, no vamos a hacer uso (en la mayoría de los casos) de las caracteristicas en las que se basa la POO (herencia, encapsulación, etc.) ni definir clases para crear objetos. En el caso Java, por lo general, sí se hace un uso constante de aquellas caracteristicas que caracterizan la POO como puede ser la creación de clases , la herencia , etc. En JS vimos el tipo de dato objeto . En particular, vimos que el llamado DOM de JavaScript está compuesto de datos en forma de objeto. En el caso de Java, es la aplicación misma la que vamos a descomponer en forma de objetos. (https://en.wikipedia.org/wiki/Component-based_software_engineering" < - El "d ivide y vencerás "...

21. Android: primeros pasos

- noviembre 29, 2017

Primeros pasos para la programación con Android Para empezar a programar aplicaciones Android seguimos estos pasos: 1. Descargamos el IDE que Google recomienda para la creación de apps, es decir Android Studio. Podemos descargar Android Studio buscando en Google "android studio", a continuación pulsamos sobre el botón verde "Descargar" : Android Studio se puede instalar sobre los sistema operativos más difundidos: Linux, Windows y MacOS. En el caso del instalador de Android Studio para Windows, lo que se descarga es un archivo .exe. 2. Una vez descargado, ejecutamos el archivo haciendo doble click sobre él. 3. Tran instalar Android Studio, e intentar inicializarlo, puede que nos aparezca el siguiente cuadro de dialogo: En dicho cuadro de dialogo, se nos comunica que esta ocurriendo una de las siguientes posibilidades: Posibilidad 1 . Para desechar esta posibilidad, comprobaremos que el kit de desarrollo de Java (Java Development Kit o JDK) no es...

20. JavaScript en HTML: eventos

- noviembre 26, 2017

Registrar manejadores de eventos MÉTODO 1: registrar el manejador como una propiedad del elemento Es posible, registrar un manejador asignandole la función manejadora del evento a una propiedad. Las propiedades pueden ser "onclick", "onload", "onchange", "onmouseover", etc. Ejem: HTML: <button>pulsa</button> JS: var a = document.getElementsByTagName('button'); a[0]. onclick = function() { alert("has pulsado"); } Como se puede ver, hemos definido una función sin nombre alguno, cuyo cuerpo son las sentencias que se ejecutarán cuando el usuario pulse sobre el elemento <button> . MÉTODO 2: registrar un manejador como un atributo del elemento Es posible registrar un manejador de evento a través de un atributo en el propio elemento . Ejem: HTML: <button onclick="alert('Has pulsado')" >pulsa</...

19. JavaScript: el DOM

- noviembre 26, 2017

¿Qué es el DOM? El DOM es la representación de una página web en forma de objetos. Recuerda que el objeto es un tipo de dato. Aquí abajo tenemos un ejemplo de un objeto: var libro = { titulo: "Jarama", paginas: 200 }; El DOM, al igual que un documento HTML, es también una estructura jerarquica, pero de nodos en vez de etiquetas. Veamos un ejemplo: El siguiente documento HTML: <html> <head> <title> Sample Document </title> </head> <body> <h1> An HTML Document </h1> <p> This is a <i> simple </i> document. </html> tiene la siguiente representación DOM: Para referirnos al DOM, podemos utilizar la siguiente expresiones: El nodo padre , el nodo abuelo , etc, o los nodos antecesores . Por ejemplo, el nodo <p> es un nodo hijo de <body> . Los nodos hijos . Por ...

18. Nucleo de JavaScript: funciones

- noviembre 24, 2017

¿Qué es una función? Sintaxis de la definición de una función: Cuando una parte de nuestro programa realiza una tarea bien diferenciada podremos crear una función. JavaScript viene con muchísimas funciones definidas por defecto, por ejemplo "alert()", pero nosotros podemos definir las nuestras propias. Cuando creemos una función será necesario asignarle un nombre que nos permita identificarla . Escogeremos un nombre que describa la/s tarea/s que la función realiza en su interior. Ejem: el siguiente código declara 2 variables y suma sus valores. var a = 5; var b = 8; var c = a + b; En dicho código, la linea " var c = a + b; " suma el valor de las variables " a " y " b ". Para crear nuestra primera función, sustituiremos dicha linea por la llamada a una función llamada " suma() " que previamente tendremos que definir así: function suma(x, y) { var resultado = x + y; return resu...

17. JavaScript en HTML: seleccionar elementos

- noviembre 22, 2017

Selección de elementos de un documento HTML JS permite modificar, eliminar, añadir, mostrar, esconder, etc, los elementos que componen un documento HTML. Para poder manipular un elemento , debemos de seleccionarlo primeramente . Selección del elemento por su "id" Ya sabemos que a los elemento HTML les podemos añadir un atributo "id" . Para selecciónar un elemento por el valor de su atributo "id" usaremos la función getElementById() . Ejemplo: HTML: <h1 id="titular">Lorem ipsum</h1> JS : var a = document.getElementById("titular"); Si escribimos a continuación " console.log(a); " veremos que en la consola de nuestro navegador aparece una referencia al elemento <h1> que hemos seleccionado. Si clicamos sobre el triangulito que aparece a la izquierda del elemento en la consola, se expandirán detalles sobre dicho elemento. Esa información esta representada en forma de pares clave-va...