Taller Flisol Javascript Frontend

13
Junior Enrique Ramos Espinoza Miembro de UEL @tutitter Círculo de Estudios

description

TALLER FLION

Transcript of Taller Flisol Javascript Frontend

  • Junior Enrique Ramos EspinozaMiembro de UEL

    @tutitter

    Crculo de Estudios

  • Taller: Desarrollo web bsico JavaScript

    Segn Wikipedia:

    JavaScript (abreviado comnmente "JS") es un lenguaje de programacin interpretado, dialecto del estndar ECMAScript. Se define como orientado a objetos, basado en prototipos, imperativo, dbilmente tipado y dinmico.

  • Taller: Desarrollo web bsico

    Es software libre y de cdigo abierto, posee un doble licenciamiento bajo la licencia MIT y la Licencia Pblica General de GNU v2, permitiendo su uso en proyectos libres y privativos.Su creador es John Resig, jQuery es una biblioteca de JavaScript, rica en funciones...

    Qu es lo que debes saber de jQuery?

  • Taller: Desarrollo web bsico

    Hace las cosas como documento HTML de recorrido y la manipulacin, manejo de eventos, animacin y Ajax mucho ms simple con un API fcil de usar que funciona a travs de una multitud de navegadores

    Que es lo que hace jQuery?

  • Taller: Desarrollo web bsico

    HTML se analiza. Las hojas de los scripts externos / estilo se cargan. Los scripts se ejecutan, ya que se analizan en el

    documento. HTML DOM est totalmente construido. Las imgenes y contenido externo se cargan. La pgina haya terminado de cargarse.

    Esperando el DOM HTML para cargar

  • Taller: Desarrollo web bsico

    Utilizar window.onload Poner a lo ultimo del

    DOM mayor mente antes de que termine el

    Y la ultima utilizando jQuery y su funcin ready();

    Maneras para saber si el DOM HTML esta listo

  • Taller: Desarrollo web bsico

    $( document ).ready( handler ) $().ready( handler ) (this is not

    recommended) $( handler )

    Tambin se puedes utilizar jQuery o $

    DOM cargado con jQuery

  • Taller: Desarrollo web bsico

    Un evento es una accin del usuario ante la cual puede realizarse algn proceso (por ejemplo, el cambio del valor de un formulario, o la pulsacin de un enlace)

    Eventos

  • Taller: Desarrollo web bsico

    Onclick = tanto como propiedad del elemento o como atributo(en linea)

    Click(handler)=Mtodo de jQuery On(click,handler)=Mtodo de jQuery

    Como controlar un evento?

  • Taller: Desarrollo web bsico

    El evento tiene 2 fases: Captura (capturing) Burbujeo incendio propagacin

    (bubbling)

    Fases del Evento

  • Taller: Desarrollo web bsico

    W3C se ubico

    en una posicin

    central en esta

    lucha y se llego

    a esta conclusin

    Capturing y Bubbling

  • Taller: Desarrollo web bsico

    addEventListener (eventName, function, useCapture): Estndar de la W3C

    attachEvent (eventName, function): I.E

  • Conclusin

    Pgina 1Pgina 2Pgina 3Pgina 4Pgina 5Pgina 6Pgina 7Pgina 8Pgina 9Pgina 10Pgina 11Pgina 12Pgina 13