SlideShare una empresa de Scribd logo
1 de 12
• Lenguaje de programación de código
que permiten agregar interactividad
y dinamismo a las páginas y hacerles
mas interesantes y útiles a los
usuarios.
REQUISITOS
• Conocer HTML (Lenguaje de Etiquetas)
• Conocer CSS (Apariencia)
• Tener Instalado un navegador
SOFTWARE PARA PROGRAMAR
• Block de notas
• Notepad
• Aptana
• TextWrangler
• Edit Plus
• Dreamweaver
JAVA Y JAVASCRIPTS
• No son los mismo
• No tienen ninguna relación
• No tienen que ver uno con el otro
• Solo se parecen en el nombre
JAVA
Es un lenguaje de
programación de
propósito genera, que
puede crear
aplicaciones para
todo, puede
ejecutarse en un
servidor, en la web, en
estaciones de trabajo,
en aplicaciones
moviles.
JAVASCRIPTS
Lenguaje de
programación de
propósito concreto.
Tiene un objetivo
concreto, se ejecuta
solo en navegadores,
no es posible
ejecutarse en un
servidor, estaciones de
trabajo, orientado solo
en la web, Ej google
maps
CARACTERISTICAS DE JAVASCRIPTS
• Se ejecuta local (No en servidor)
• Es interpretado (No compilador)
• Es de respuesta inmediata
• Agrega interactividad a los sitios web
• Proporciona efectos visuales dinámicos
– Efectos de menú, efecto de transición
• Esta basado en 3 tecnologías
– HTML – CSS - Interactividad
HISTORIA
• Inventado por Netscape en 1995
• En los últimos tiempos ha experimentado un
reconocimiento como google maps, yahoo, etc
• Esta presente en diferentes aplicaciones como
– Dreamweaver
– Photoshop
– Pgmas para Iphone/Ipad/Android
JQUERY
• Es un conjunto de utilidades las cuales no
necesitan ser programadas, de hecho ya fueron
programadas, probadas y podemos utilizarlas
de una manera muy simplificada.
• Query nos permite agregar efectos y
funcionalidades complejas a nuestro sitio web,
como por ejemplo: galerías de fotos dinámicas
y elegantes, validación de formularios,
calendarios, hacer aparecer y desaparecer
elementos en nuestra página y muchas otras
poderosas opciones.
AGREGANDO JAVASCRIPTS A UNA
PAGINA
• El código de Javascripts va dentro de la página
web entre las etiquetas
<script> </script>
Puede ir en cualquier parte de la página:
En el head – En el body - En un archivo externo
con extensión .js
<head>
<scripts>
alert(“Hola Mundo”) </scripts>
ARCHIVOS EXTERNOS
• Dentro de la página lo incluyo asi:
<script src=“ejemplo.js”></script>
• Para enlazar con una biblioteca Jquery
<script src=“archivo.js”></script>
<script>
$(function() {
$(“body”).hide().fadeIn(3000);
}):
FUNCIONES DEFINIDAS
• alert():
• document.write();
• isNan();

Más contenido relacionado

La actualidad más candente

Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweavervaleriamont
 
Uso de html5 + webcomponents
Uso de html5 + webcomponentsUso de html5 + webcomponents
Uso de html5 + webcomponentsAvanet
 
Power point – prezi – slide share
Power point – prezi – slide sharePower point – prezi – slide share
Power point – prezi – slide shareandrea lopez
 
Mi lenguaje de Programación de Preferencia: Javascript
Mi lenguaje de Programación de Preferencia: JavascriptMi lenguaje de Programación de Preferencia: Javascript
Mi lenguaje de Programación de Preferencia: Javascriptixmarcano16
 
Presentation1
Presentation1Presentation1
Presentation1faty2114
 
La importancia de los CMS para los Community Managers
La importancia de los CMS para los Community ManagersLa importancia de los CMS para los Community Managers
La importancia de los CMS para los Community ManagersInterlat
 
Saregune Técnica
Saregune TécnicaSaregune Técnica
Saregune TécnicaSaregune
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia Mercedes Garcia
 
Clase1 de 2do semestre de crossmedia
Clase1 de 2do semestre de crossmediaClase1 de 2do semestre de crossmedia
Clase1 de 2do semestre de crossmediaconstanzagrafica
 

La actualidad más candente (20)

Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweaver
 
Adobe Dreamweaver
Adobe DreamweaverAdobe Dreamweaver
Adobe Dreamweaver
 
LA WEB
LA WEBLA WEB
LA WEB
 
Deber de computacion
Deber de computacionDeber de computacion
Deber de computacion
 
Las Herramientas de un Frontend
Las Herramientas de un FrontendLas Herramientas de un Frontend
Las Herramientas de un Frontend
 
Uso de html5 + webcomponents
Uso de html5 + webcomponentsUso de html5 + webcomponents
Uso de html5 + webcomponents
 
04 Adobe CS Conceptos minimos
04 Adobe CS Conceptos minimos04 Adobe CS Conceptos minimos
04 Adobe CS Conceptos minimos
 
Power point – prezi – slide share
Power point – prezi – slide sharePower point – prezi – slide share
Power point – prezi – slide share
 
Mi lenguaje de Programación de Preferencia: Javascript
Mi lenguaje de Programación de Preferencia: JavascriptMi lenguaje de Programación de Preferencia: Javascript
Mi lenguaje de Programación de Preferencia: Javascript
 
Powerpointjim
PowerpointjimPowerpointjim
Powerpointjim
 
Paginas web ventajas y desventajas
Paginas web ventajas y desventajasPaginas web ventajas y desventajas
Paginas web ventajas y desventajas
 
Introducción a Responsive Design
Introducción a Responsive DesignIntroducción a Responsive Design
Introducción a Responsive Design
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Presentation1
Presentation1Presentation1
Presentation1
 
02 introducción al diseño web
02 introducción al diseño web02 introducción al diseño web
02 introducción al diseño web
 
La importancia de los CMS para los Community Managers
La importancia de los CMS para los Community ManagersLa importancia de los CMS para los Community Managers
La importancia de los CMS para los Community Managers
 
Saregune Técnica
Saregune TécnicaSaregune Técnica
Saregune Técnica
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia
 
Clase1 de 2do semestre de crossmedia
Clase1 de 2do semestre de crossmediaClase1 de 2do semestre de crossmedia
Clase1 de 2do semestre de crossmedia
 
Jefferson - Diseño Web II - Presentación Curso
Jefferson - Diseño Web II - Presentación CursoJefferson - Diseño Web II - Presentación Curso
Jefferson - Diseño Web II - Presentación Curso
 

Destacado

Sou assistente social e aqui estão minhas bandeiras de luta
Sou assistente social e aqui estão minhas bandeiras de lutaSou assistente social e aqui estão minhas bandeiras de luta
Sou assistente social e aqui estão minhas bandeiras de lutaRosane Domingues
 
Hoja de vida Betty Alejo
Hoja de vida Betty AlejoHoja de vida Betty Alejo
Hoja de vida Betty AlejoBetty Alejo
 
Consecuencias de la globalización
Consecuencias de la globalizaciónConsecuencias de la globalización
Consecuencias de la globalizaciónJTK05
 
University of California, Berkeley
University of California, BerkeleyUniversity of California, Berkeley
University of California, BerkeleyRickard Ritterberg
 
Los ciudadanos giran independientemente
Los ciudadanos giran independientemente Los ciudadanos giran independientemente
Los ciudadanos giran independientemente Rodolfo Garza Gutierrez
 
Importancia2008 1233294840264354-2
Importancia2008 1233294840264354-2Importancia2008 1233294840264354-2
Importancia2008 1233294840264354-2PaulaEmiliaCoello
 
Pam Didner speaker overview
Pam Didner speaker overview Pam Didner speaker overview
Pam Didner speaker overview morfe1
 
Mesoamérica
MesoaméricaMesoamérica
MesoaméricaJTK05
 
Vestes Brancas - Raquel Santos
Vestes Brancas - Raquel SantosVestes Brancas - Raquel Santos
Vestes Brancas - Raquel SantosRafael Franco
 
H istoria y evolucion del internet
H istoria y evolucion del internetH istoria y evolucion del internet
H istoria y evolucion del internetJTK05
 
Tarea 2. ntics .tecnicas de creatividad
Tarea 2. ntics .tecnicas de creatividadTarea 2. ntics .tecnicas de creatividad
Tarea 2. ntics .tecnicas de creatividadPaulaEmiliaCoello
 
Analysis of double page spread
Analysis of double page spreadAnalysis of double page spread
Analysis of double page spreadAlessia Teresko
 
Seja Cheio - Rute Assunção
Seja Cheio - Rute AssunçãoSeja Cheio - Rute Assunção
Seja Cheio - Rute AssunçãoRafael Franco
 
Example GCSE sketchbook
Example GCSE sketchbookExample GCSE sketchbook
Example GCSE sketchbookFelt-tip-pen
 

Destacado (20)

Sou assistente social e aqui estão minhas bandeiras de luta
Sou assistente social e aqui estão minhas bandeiras de lutaSou assistente social e aqui estão minhas bandeiras de luta
Sou assistente social e aqui estão minhas bandeiras de luta
 
Hoja de vida Betty Alejo
Hoja de vida Betty AlejoHoja de vida Betty Alejo
Hoja de vida Betty Alejo
 
Consecuencias de la globalización
Consecuencias de la globalizaciónConsecuencias de la globalización
Consecuencias de la globalización
 
University of California, Berkeley
University of California, BerkeleyUniversity of California, Berkeley
University of California, Berkeley
 
Los ciudadanos giran independientemente
Los ciudadanos giran independientemente Los ciudadanos giran independientemente
Los ciudadanos giran independientemente
 
Presentacion
PresentacionPresentacion
Presentacion
 
Importancia2008 1233294840264354-2
Importancia2008 1233294840264354-2Importancia2008 1233294840264354-2
Importancia2008 1233294840264354-2
 
Pam Didner speaker overview
Pam Didner speaker overview Pam Didner speaker overview
Pam Didner speaker overview
 
Alarma anti sueño
Alarma anti sueñoAlarma anti sueño
Alarma anti sueño
 
Mesoamérica
MesoaméricaMesoamérica
Mesoamérica
 
Vestes Brancas - Raquel Santos
Vestes Brancas - Raquel SantosVestes Brancas - Raquel Santos
Vestes Brancas - Raquel Santos
 
H istoria y evolucion del internet
H istoria y evolucion del internetH istoria y evolucion del internet
H istoria y evolucion del internet
 
BRAZIL
BRAZILBRAZIL
BRAZIL
 
Omas 4b.
Omas 4b.Omas 4b.
Omas 4b.
 
Sr 89 13054-61640
Sr 89 13054-61640Sr 89 13054-61640
Sr 89 13054-61640
 
Tarea 2. ntics .tecnicas de creatividad
Tarea 2. ntics .tecnicas de creatividadTarea 2. ntics .tecnicas de creatividad
Tarea 2. ntics .tecnicas de creatividad
 
Contents page anlysis
Contents page anlysisContents page anlysis
Contents page anlysis
 
Analysis of double page spread
Analysis of double page spreadAnalysis of double page spread
Analysis of double page spread
 
Seja Cheio - Rute Assunção
Seja Cheio - Rute AssunçãoSeja Cheio - Rute Assunção
Seja Cheio - Rute Assunção
 
Example GCSE sketchbook
Example GCSE sketchbookExample GCSE sketchbook
Example GCSE sketchbook
 

Similar a Presentacion java scripts

1. Arquitecturas y Herramientas de Programación
1. Arquitecturas y Herramientas de Programación1. Arquitecturas y Herramientas de Programación
1. Arquitecturas y Herramientas de ProgramaciónLaura Folgado Galache
 
Software en la actualidad
Software en la actualidadSoftware en la actualidad
Software en la actualidadRaelyx Cordero
 
Frameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-RoseroFrameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-RoseroDanielRosero23
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web8vivi8
 
MEJORES PROGRAMAS PARA DISEÑAR PAGINA WEB
MEJORES PROGRAMAS PARA DISEÑAR PAGINA WEBMEJORES PROGRAMAS PARA DISEÑAR PAGINA WEB
MEJORES PROGRAMAS PARA DISEÑAR PAGINA WEBdaliacarolinaastocah
 
Frameworks de Desarrollo Web Grails
Frameworks de Desarrollo Web GrailsFrameworks de Desarrollo Web Grails
Frameworks de Desarrollo Web GrailsEsteban Saavedra
 
Java script para desarrolladores SharePoint
Java script para desarrolladores SharePointJava script para desarrolladores SharePoint
Java script para desarrolladores SharePointAdrian Diaz Cervera
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignJuan Morales
 
Conceptos de dreamweaver-Regina.pptx
Conceptos de dreamweaver-Regina.pptxConceptos de dreamweaver-Regina.pptx
Conceptos de dreamweaver-Regina.pptxregina927271
 
Todo sobre dreamweaver
Todo sobre dreamweaverTodo sobre dreamweaver
Todo sobre dreamweavervidalitomasna
 
Construyendo Portales Corporativos Usando Oracle WebCemter Portal
Construyendo Portales Corporativos Usando Oracle WebCemter PortalConstruyendo Portales Corporativos Usando Oracle WebCemter Portal
Construyendo Portales Corporativos Usando Oracle WebCemter PortalRefundation
 
6 Lenguajes para dispositivos móviles
6 Lenguajes para dispositivos móviles 6 Lenguajes para dispositivos móviles
6 Lenguajes para dispositivos móviles RAUL Velez
 
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptintroduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptssuser948499
 
INTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptINTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptTIRZOANTONIOMEDINACA
 

Similar a Presentacion java scripts (20)

1. Arquitecturas y Herramientas de Programación
1. Arquitecturas y Herramientas de Programación1. Arquitecturas y Herramientas de Programación
1. Arquitecturas y Herramientas de Programación
 
Software en la actualidad
Software en la actualidadSoftware en la actualidad
Software en la actualidad
 
Frameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-RoseroFrameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-Rosero
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
MEJORES PROGRAMAS PARA DISEÑAR PAGINA WEB
MEJORES PROGRAMAS PARA DISEÑAR PAGINA WEBMEJORES PROGRAMAS PARA DISEÑAR PAGINA WEB
MEJORES PROGRAMAS PARA DISEÑAR PAGINA WEB
 
Frameworks de Desarrollo Web Grails
Frameworks de Desarrollo Web GrailsFrameworks de Desarrollo Web Grails
Frameworks de Desarrollo Web Grails
 
Java script para desarrolladores SharePoint
Java script para desarrolladores SharePointJava script para desarrolladores SharePoint
Java script para desarrolladores SharePoint
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
IDEs y Frameworks mas utilizados
IDEs y Frameworks mas utilizadosIDEs y Frameworks mas utilizados
IDEs y Frameworks mas utilizados
 
DREMWEAVER
DREMWEAVERDREMWEAVER
DREMWEAVER
 
Progress Rollbase
Progress RollbaseProgress Rollbase
Progress Rollbase
 
Conceptos de dreamweaver-Regina.pptx
Conceptos de dreamweaver-Regina.pptxConceptos de dreamweaver-Regina.pptx
Conceptos de dreamweaver-Regina.pptx
 
Todo sobre dreamweaver
Todo sobre dreamweaverTodo sobre dreamweaver
Todo sobre dreamweaver
 
Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5
 
Construyendo Portales Corporativos Usando Oracle WebCemter Portal
Construyendo Portales Corporativos Usando Oracle WebCemter PortalConstruyendo Portales Corporativos Usando Oracle WebCemter Portal
Construyendo Portales Corporativos Usando Oracle WebCemter Portal
 
En 20 minutos ... Responsive Design
En 20 minutos ... Responsive DesignEn 20 minutos ... Responsive Design
En 20 minutos ... Responsive Design
 
6 Lenguajes para dispositivos móviles
6 Lenguajes para dispositivos móviles 6 Lenguajes para dispositivos móviles
6 Lenguajes para dispositivos móviles
 
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptintroduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
 
INTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptINTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.ppt
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Último

TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxCeciliaGuerreroGonza1
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 

Último (20)

TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 

Presentacion java scripts

  • 1.
  • 2. • Lenguaje de programación de código que permiten agregar interactividad y dinamismo a las páginas y hacerles mas interesantes y útiles a los usuarios.
  • 3. REQUISITOS • Conocer HTML (Lenguaje de Etiquetas) • Conocer CSS (Apariencia) • Tener Instalado un navegador
  • 4. SOFTWARE PARA PROGRAMAR • Block de notas • Notepad • Aptana • TextWrangler • Edit Plus • Dreamweaver
  • 5. JAVA Y JAVASCRIPTS • No son los mismo • No tienen ninguna relación • No tienen que ver uno con el otro • Solo se parecen en el nombre
  • 6. JAVA Es un lenguaje de programación de propósito genera, que puede crear aplicaciones para todo, puede ejecutarse en un servidor, en la web, en estaciones de trabajo, en aplicaciones moviles. JAVASCRIPTS Lenguaje de programación de propósito concreto. Tiene un objetivo concreto, se ejecuta solo en navegadores, no es posible ejecutarse en un servidor, estaciones de trabajo, orientado solo en la web, Ej google maps
  • 7. CARACTERISTICAS DE JAVASCRIPTS • Se ejecuta local (No en servidor) • Es interpretado (No compilador) • Es de respuesta inmediata • Agrega interactividad a los sitios web • Proporciona efectos visuales dinámicos – Efectos de menú, efecto de transición • Esta basado en 3 tecnologías – HTML – CSS - Interactividad
  • 8. HISTORIA • Inventado por Netscape en 1995 • En los últimos tiempos ha experimentado un reconocimiento como google maps, yahoo, etc • Esta presente en diferentes aplicaciones como – Dreamweaver – Photoshop – Pgmas para Iphone/Ipad/Android
  • 9. JQUERY • Es un conjunto de utilidades las cuales no necesitan ser programadas, de hecho ya fueron programadas, probadas y podemos utilizarlas de una manera muy simplificada. • Query nos permite agregar efectos y funcionalidades complejas a nuestro sitio web, como por ejemplo: galerías de fotos dinámicas y elegantes, validación de formularios, calendarios, hacer aparecer y desaparecer elementos en nuestra página y muchas otras poderosas opciones.
  • 10. AGREGANDO JAVASCRIPTS A UNA PAGINA • El código de Javascripts va dentro de la página web entre las etiquetas <script> </script> Puede ir en cualquier parte de la página: En el head – En el body - En un archivo externo con extensión .js <head> <scripts> alert(“Hola Mundo”) </scripts>
  • 11. ARCHIVOS EXTERNOS • Dentro de la página lo incluyo asi: <script src=“ejemplo.js”></script> • Para enlazar con una biblioteca Jquery <script src=“archivo.js”></script> <script> $(function() { $(“body”).hide().fadeIn(3000); }):
  • 12. FUNCIONES DEFINIDAS • alert(): • document.write(); • isNan();