SlideShare uma empresa Scribd logo
1 de 7
¡¡ JAVASCRIPT !!
¿QUÉ ES Y PARA QUÉ SIRVE JAVASCRIPT?
JavaScript es un lenguaje de programación, al igual que PHP, si bien tiene
diferencias importantes con éste. JavaScript se utiliza principalmente del
lado del cliente (es decir, se ejecuta en nuestro ordenador, no en el servidor)
permitiendo crear efectos atractivos y dinámicos en las páginas web. Los
navegadores modernos interpretan el código JavaScript integrado en las
páginas web.
Para entender lo que es JavaScript consideremos lo siguiente. Un usuario
escribe una dirección web en su navegador, por ejemplo
http://www.aprenderaprogramar.com. El servidor recibe la petición y como
respuesta a esa petición envía al ordenador del usuario código HTML junto a
código JavaScript. El código HTML se encarga de que en la pantalla se
muestre algo, por ejemplo una imagen, un menú, etc. El código JavaScript se
puede encargar de crear efectos dinámicos en respuesta a acciones del
usuario, por ejemplo que se despliegue un menú tipo acordeón cuando el
usuario pasa el ratón por encima de un elemento del menú.
La ventaja de JavaScript es que al estar alojado en el ordenador del usuario
los efectos son muy rápidos y dinámicos. Al ser un lenguaje de programación
permite toda la potencia de la programación como uso de variables,
condicionales, bucles, etc. También podemos citar algún inconveniente: por
ejemplo si el usuario tiene desactivado JavaScript en su navegador, no se
mostrarán los efectos. No obstante, hoy día la mayoría de los usuarios
navegan por la web con JavaScript activado.
FORMAS DE USAR
JAVASCRIPT EN
DOCUMENTOS HTML
La primera forma de usar
JavaScript dentro de una página
web es embebiendo directamente
el código JavaScript dentro del
código HTML. Vamos a poner un
ejemplo de código JavaScript
pero no vamos a entrar en detalle
a comentarlo ni explicarlo ya que
en este curso no vamos a explicar
JavaScript. Simplemente
queremos saber interpretar por
qué dentro de un documento
HTML pueden aparecer
fragmentos de código escrito en
otro lenguaje.
Como podemos observar, el código JavaScript debe ir encerrado entre las siguientes marcas:
<script type="text/javascript">
…
</script>
La segunda forma para usar JavaScript es definir JavaScript en un archivo externo. Los archivos de
JavaScript son archivos de texto guardados con la extensión .js. Veamos un ejemplo: imaginemos que
tenemos un archivo denominado mensaje.js con código JavaScript:
Ahora, para incluir dicho archivo en la una página web utilizaríamos el
siguiente código:
<script type="text/javascript" src="archivo.js"></script>

Mais conteúdo relacionado

Mais procurados

Mais procurados (19)

Java script
Java scriptJava script
Java script
 
Programación del lado del cliente
Programación del lado del clienteProgramación del lado del cliente
Programación del lado del cliente
 
HTML
HTMLHTML
HTML
 
2.1
2.12.1
2.1
 
JavaScript desde Cero
JavaScript desde CeroJavaScript desde Cero
JavaScript desde Cero
 
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
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Desarrollo de página web dinámica
Desarrollo de página web dinámicaDesarrollo de página web dinámica
Desarrollo de página web dinámica
 
Editores de Pagina Web
Editores de Pagina WebEditores de Pagina Web
Editores de Pagina Web
 
Gato html (2)
Gato html (2)Gato html (2)
Gato html (2)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Lenguaje de programación javascript
Lenguaje de programación javascriptLenguaje de programación javascript
Lenguaje de programación javascript
 
Editor de paginas web (pres semana)
Editor de paginas web (pres semana)Editor de paginas web (pres semana)
Editor de paginas web (pres semana)
 
Ut3 3 publicardesdeword
Ut3 3 publicardesdewordUt3 3 publicardesdeword
Ut3 3 publicardesdeword
 
IDENTIFIACIÓN DEL LENGUAJE JACASCRIPT
IDENTIFIACIÓN DEL LENGUAJE JACASCRIPTIDENTIFIACIÓN DEL LENGUAJE JACASCRIPT
IDENTIFIACIÓN DEL LENGUAJE JACASCRIPT
 
Javascript
JavascriptJavascript
Javascript
 
Emelyn
EmelynEmelyn
Emelyn
 
Javascript y Jquery
Javascript y JqueryJavascript y Jquery
Javascript y Jquery
 

Semelhante a JAVASCRIP (20)

2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Curso HTML 5 & jQuery - Leccion 11
 Curso HTML 5 & jQuery - Leccion 11 Curso HTML 5 & jQuery - Leccion 11
Curso HTML 5 & jQuery - Leccion 11
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
INFOSAN Manual programación-javascript
INFOSAN Manual programación-javascriptINFOSAN Manual programación-javascript
INFOSAN Manual programación-javascript
 
INFOSAN MANUAL JAVA SCRIP
INFOSAN  MANUAL JAVA SCRIPINFOSAN  MANUAL JAVA SCRIP
INFOSAN MANUAL JAVA SCRIP
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
Guia java script
Guia java scriptGuia java script
Guia java script
 
Java script
Java scriptJava script
Java script
 
Manual de JavaScript
Manual de JavaScriptManual de JavaScript
Manual de JavaScript
 
Manual programacion-javascript-parte1
Manual programacion-javascript-parte1Manual programacion-javascript-parte1
Manual programacion-javascript-parte1
 
Javacript
JavacriptJavacript
Javacript
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Mod2ud1 1
Mod2ud1 1Mod2ud1 1
Mod2ud1 1
 
Definición y función de lenguaje java script
Definición y  función de lenguaje java scriptDefinición y  función de lenguaje java script
Definición y función de lenguaje java script
 
Lenguajes de desarrollo web
Lenguajes de desarrollo webLenguajes de desarrollo web
Lenguajes de desarrollo web
 
Lenguajes de desarrollo web
Lenguajes de desarrollo webLenguajes de desarrollo web
Lenguajes de desarrollo web
 
javascript
javascriptjavascript
javascript
 
Arquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguezArquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguez
 

Mais de AlanOcampoRojas (20)

ZOCALOS DE CONEXION DE RAM
ZOCALOS DE CONEXION DE RAMZOCALOS DE CONEXION DE RAM
ZOCALOS DE CONEXION DE RAM
 
TORNILLOS Y SEGUROS
TORNILLOS Y SEGUROSTORNILLOS Y SEGUROS
TORNILLOS Y SEGUROS
 
TARJETA MADRE
TARJETA MADRETARJETA MADRE
TARJETA MADRE
 
STEVE JOBS
STEVE JOBS STEVE JOBS
STEVE JOBS
 
SLIDESHARE
SLIDESHARESLIDESHARE
SLIDESHARE
 
SISTEMAS OPERATIVOS
SISTEMAS OPERATIVOSSISTEMAS OPERATIVOS
SISTEMAS OPERATIVOS
 
SINTAXIS
SINTAXISSINTAXIS
SINTAXIS
 
Screencast o-matic
Screencast o-maticScreencast o-matic
Screencast o-matic
 
Puertos i o
Puertos i oPuertos i o
Puertos i o
 
MS-DOS
MS-DOSMS-DOS
MS-DOS
 
MONETIZACION
MONETIZACIONMONETIZACION
MONETIZACION
 
MANTENIMIENTO PREVENTIVO
MANTENIMIENTO PREVENTIVOMANTENIMIENTO PREVENTIVO
MANTENIMIENTO PREVENTIVO
 
MANTENIMIENTO CORRECTIVO
MANTENIMIENTO CORRECTIVOMANTENIMIENTO CORRECTIVO
MANTENIMIENTO CORRECTIVO
 
FACEBOOK
FACEBOOKFACEBOOK
FACEBOOK
 
EMSAMBLE DE EQUIPO DE COMPUTO
EMSAMBLE DE EQUIPO DE COMPUTOEMSAMBLE DE EQUIPO DE COMPUTO
EMSAMBLE DE EQUIPO DE COMPUTO
 
DIODOS
DIODOSDIODOS
DIODOS
 
DERECHOS DE AUTOR
DERECHOS DE AUTORDERECHOS DE AUTOR
DERECHOS DE AUTOR
 
CONECTORES DE DISCO
CONECTORES DE DISCOCONECTORES DE DISCO
CONECTORES DE DISCO
 
COMANDOS INTERNOS
COMANDOS INTERNOSCOMANDOS INTERNOS
COMANDOS INTERNOS
 
COMANDOS EXTERNOS
COMANDOS EXTERNOSCOMANDOS EXTERNOS
COMANDOS EXTERNOS
 

Último

plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
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
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesLauraColom3
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 

Último (20)

plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
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
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reacciones
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 

JAVASCRIP

  • 2. ¿QUÉ ES Y PARA QUÉ SIRVE JAVASCRIPT? JavaScript es un lenguaje de programación, al igual que PHP, si bien tiene diferencias importantes con éste. JavaScript se utiliza principalmente del lado del cliente (es decir, se ejecuta en nuestro ordenador, no en el servidor) permitiendo crear efectos atractivos y dinámicos en las páginas web. Los navegadores modernos interpretan el código JavaScript integrado en las páginas web.
  • 3. Para entender lo que es JavaScript consideremos lo siguiente. Un usuario escribe una dirección web en su navegador, por ejemplo http://www.aprenderaprogramar.com. El servidor recibe la petición y como respuesta a esa petición envía al ordenador del usuario código HTML junto a código JavaScript. El código HTML se encarga de que en la pantalla se muestre algo, por ejemplo una imagen, un menú, etc. El código JavaScript se puede encargar de crear efectos dinámicos en respuesta a acciones del usuario, por ejemplo que se despliegue un menú tipo acordeón cuando el usuario pasa el ratón por encima de un elemento del menú.
  • 4. La ventaja de JavaScript es que al estar alojado en el ordenador del usuario los efectos son muy rápidos y dinámicos. Al ser un lenguaje de programación permite toda la potencia de la programación como uso de variables, condicionales, bucles, etc. También podemos citar algún inconveniente: por ejemplo si el usuario tiene desactivado JavaScript en su navegador, no se mostrarán los efectos. No obstante, hoy día la mayoría de los usuarios navegan por la web con JavaScript activado.
  • 5. FORMAS DE USAR JAVASCRIPT EN DOCUMENTOS HTML La primera forma de usar JavaScript dentro de una página web es embebiendo directamente el código JavaScript dentro del código HTML. Vamos a poner un ejemplo de código JavaScript pero no vamos a entrar en detalle a comentarlo ni explicarlo ya que en este curso no vamos a explicar JavaScript. Simplemente queremos saber interpretar por qué dentro de un documento HTML pueden aparecer fragmentos de código escrito en otro lenguaje.
  • 6. Como podemos observar, el código JavaScript debe ir encerrado entre las siguientes marcas: <script type="text/javascript"> … </script> La segunda forma para usar JavaScript es definir JavaScript en un archivo externo. Los archivos de JavaScript son archivos de texto guardados con la extensión .js. Veamos un ejemplo: imaginemos que tenemos un archivo denominado mensaje.js con código JavaScript:
  • 7. Ahora, para incluir dicho archivo en la una página web utilizaríamos el siguiente código: <script type="text/javascript" src="archivo.js"></script>