SlideShare una empresa de Scribd logo
1 de 3
Introducción a la informática 1
Programas en java script
Programs in java script
Manuela López Cardona
Departamento de ingenierías, Universidad tecnológica de Pereira, Colombia
Correo-e: manulc1199qgmail.com
Resumen— JavaScript es un robusto lenguaje de programación
que puede seraplicado a un documento HTML y usado para crear
interactividad dinámica en los sitios web. Fue inventado por
Brendan Eich, co-fundador del proyecto Mozilla, Mozilla
Foundation y la Corporación Mozilla .
Puedes hacer casi cualquiercosa con Javascript. Puedes empezar
con pequeñas cosas, con carruseles, galerías de imágenes, diseños
fluctuantes, y respuestas a las pulsaciones de botones. Con más
experiencia, serás capaz de crear juegos, gráficos 2D y 3D
animados, aplicaciones integradas basadas en bases de datos.
Palabras clave— Código, Lenguaje, Programación.
Abstract— JavaScript is a robust programming language that can
be applied to an HTML document and used to create dynamic
interactivity on websites. It was invented by Brendan Eich, co-
founder of the Mozilla project, Mozilla Foundation and the
Mozilla Corporation.
You can do almost anything with Javascript. You can start with
little things, with carousels, image galleries, fluctuating designs,
and responses to button presses. With more experience, you'll be
able to create games, animated 2D and 3D graphics, integrated
applications based on databases.
Key Word — Code, Language, Programming.
I. ¿QUÉ ES JAVASCRIPT?
JavaScript es el lenguaje de programación que debes usar para
añadir características interactivas a tu Sitio Web.
JavaScript es un lenguaje de programación que se utiliza
principalmente para crear páginas web dinámicas. Una página
web dinámica es aquella que incorpora efectos como texto que
aparece y desaparece, animaciones, acciones que se activan al
pulsar botones y ventanas con mensajes de aviso al usuario.
Javascript es un lenguaje con muchas posibilidades, utilizado
para crear pequeños programas que luego son insertados en una
página web y en programas más grandes, orientados a objetos
mucho más complejos. Con Javascript podemos crear
diferentes efectos e interactuar con nuestros usuarios.
Este lenguaje posee varias características, entre ellas podemos
mencionar que es un lenguaje basado en acciones que posee
menos restricciones. Además, es un lenguaje que utiliza
Windows y sistemas X-Windows, gran parte de la
programación en este lenguaje está centrada en describir
objetos, escribir funciones que respondan a movimientos del
mouse, aperturas,utilización de teclas, cargas de páginas entre
otros.
Es necesario resaltar que hay dos tipos de JavaScript: por un
lado está el que se ejecuta en el cliente, este es el Javascript
propiamente dicho, aunque técnicamente se denomina
Navigator JavaScript. Pero también existe un Javascript que se
ejecuta en el servidor, es más reciente y se denomina LiveWire
Javascript.
Introduccióna la informática.2
II. Ejemplos
1. Botón atrás y adelnate
Primero se escoge el color de fondo (body) , que en este caso
sería blanco, asi:
<BODY bgcolor="white">
Se ingresa la función “ button “ (que ya está definida y el
lenguaje sabe que es un botón) seguida del palabra que se le
quiera poner. Así:
= "button" VALUE="atras"
Y así mismo con la palabra “adelante”
= "button" VALUE="atdelante"
Seguidas del link a el cual se debe ir al oprimirlas.
2. Día de la semana en que naciste
3.
Para realizar este programa primero se asocias los días de la
semana con un número, asi:
days[0] = "Sábado”
days[1] = "Domingo"
days[2] = "Lunes"
days[3] = "Martes"
days[4] = "Miércoles"
days[5] = "Jueves"
days[6] = "Viernes"
Luego se definen los meses, asi:
months[1] = "Enero"
months[2] = "Febrero"
months[3] = "Marzo"
months[4] = "Abril"
months[5] = "Mayo"
months[6] = "Junio"
Introducción a la informática
____________________________
1. Las notas de pie de página deberán estar en la página donde se citan. LetraTimes NewRoman de 8 puntos
3
months[7] = "Julio"
months[8] = "Agosto"
months[9] = "Septiembre"
months[10] = "Octubre"
months[11] = "Noviembre"
months[12] = "Diciembre"
Después se escriben las condiciones de los números que no
van a ser válidos, siendo val 1 los días del mes, así :
if ((val1 < 0) || (val1 > 31)) {
alert("Day is out of range")
Y val2 los meses del año,
if ((val2 < 0) || (val2 > 12)) {
alert("Month is out of range")
se pone una val 3 que seria el año en el que se nació y se hace
una condición por cada día(val1) y el mes (val2) para que el
resultado sea el día de la semana en que naciste.
WEBGRAFIA
[1] https://norfipc.com/web/javascript-facil-paginas-
web-ejemplos.html
[2] http://www.htmlpoint.com/jscript/orari/index.html

Más contenido relacionado

La actualidad más candente (10)

Guía Google Docs
Guía Google DocsGuía Google Docs
Guía Google Docs
 
Presentacion dechardegreysh
Presentacion dechardegreyshPresentacion dechardegreysh
Presentacion dechardegreysh
 
Lucidchart maribel p.
Lucidchart maribel p.Lucidchart maribel p.
Lucidchart maribel p.
 
Semweb buscador semántico
Semweb buscador semánticoSemweb buscador semántico
Semweb buscador semántico
 
Como Insertar una hoja de cálculo de Google docs
Como Insertar una hoja de cálculo de Google docsComo Insertar una hoja de cálculo de Google docs
Como Insertar una hoja de cálculo de Google docs
 
Herramientas utiles para brindar soporte a distancia
Herramientas utiles para brindar soporte a distanciaHerramientas utiles para brindar soporte a distancia
Herramientas utiles para brindar soporte a distancia
 
Prueba de ensayo de katherine llanes
Prueba de ensayo de katherine llanesPrueba de ensayo de katherine llanes
Prueba de ensayo de katherine llanes
 
Ardora!
Ardora!Ardora!
Ardora!
 
Prueba de ensayo de katherine llanes
Prueba de ensayo de katherine llanesPrueba de ensayo de katherine llanes
Prueba de ensayo de katherine llanes
 
Prueba de ensayo de katherine llanes
Prueba de ensayo de katherine llanesPrueba de ensayo de katherine llanes
Prueba de ensayo de katherine llanes
 

Similar a Javascript

Introduciòn
IntroduciònIntroduciòn
Introduciòn
omarzon
 
Informe sobre los programas utilizados
Informe sobre los programas utilizadosInforme sobre los programas utilizados
Informe sobre los programas utilizados
micaydina
 
Luis edilson mutumbajoy lucero
Luis edilson mutumbajoy luceroLuis edilson mutumbajoy lucero
Luis edilson mutumbajoy lucero
luislucero04
 
Trabajo colaborativo 2 herramientas telematica svideo
Trabajo colaborativo 2  herramientas telematica svideoTrabajo colaborativo 2  herramientas telematica svideo
Trabajo colaborativo 2 herramientas telematica svideo
htlared
 

Similar a Javascript (20)

Deber pa la u
Deber pa la uDeber pa la u
Deber pa la u
 
Introduciòn
IntroduciònIntroduciòn
Introduciòn
 
Informe sobre los programas utilizados
Informe sobre los programas utilizadosInforme sobre los programas utilizados
Informe sobre los programas utilizados
 
Java script
Java scriptJava script
Java script
 
Herramientas interactivas
Herramientas interactivasHerramientas interactivas
Herramientas interactivas
 
Herramientas interactivas
Herramientas interactivasHerramientas interactivas
Herramientas interactivas
 
Herramientas interactivas
Herramientas interactivasHerramientas interactivas
Herramientas interactivas
 
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
 
Unidad educativa javeriano
Unidad educativa javerianoUnidad educativa javeriano
Unidad educativa javeriano
 
programas
programasprogramas
programas
 
Microsoft word
Microsoft wordMicrosoft word
Microsoft word
 
Mapas Mentales
Mapas Mentales Mapas Mentales
Mapas Mentales
 
Tics
TicsTics
Tics
 
Introductorio tsd_software2021_disciplinar
 Introductorio tsd_software2021_disciplinar Introductorio tsd_software2021_disciplinar
Introductorio tsd_software2021_disciplinar
 
Documento 2.0
Documento 2.0Documento 2.0
Documento 2.0
 
C# for Beginners
C# for BeginnersC# for Beginners
C# for Beginners
 
Herramientas esenciales de la Informatica
Herramientas esenciales de la InformaticaHerramientas esenciales de la Informatica
Herramientas esenciales de la Informatica
 
Luis edilson mutumbajoy lucero
Luis edilson mutumbajoy luceroLuis edilson mutumbajoy lucero
Luis edilson mutumbajoy lucero
 
Trabajo colaborativo 2 herramientas telematica svideo
Trabajo colaborativo 2  herramientas telematica svideoTrabajo colaborativo 2  herramientas telematica svideo
Trabajo colaborativo 2 herramientas telematica svideo
 

Más de Manuela Lopez Cardona (8)

Recursividad
RecursividadRecursividad
Recursividad
 
Conjuntos
ConjuntosConjuntos
Conjuntos
 
Canvas
CanvasCanvas
Canvas
 
Conteo
ConteoConteo
Conteo
 
Javascript
JavascriptJavascript
Javascript
 
Ejercicios geogebra
Ejercicios geogebraEjercicios geogebra
Ejercicios geogebra
 
Geogebra
GeogebraGeogebra
Geogebra
 
La recursividad
La recursividadLa recursividad
La recursividad
 

Último

2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 

Último (20)

Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptxEL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnn
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 

Javascript

  • 1. Introducción a la informática 1 Programas en java script Programs in java script Manuela López Cardona Departamento de ingenierías, Universidad tecnológica de Pereira, Colombia Correo-e: manulc1199qgmail.com Resumen— JavaScript es un robusto lenguaje de programación que puede seraplicado a un documento HTML y usado para crear interactividad dinámica en los sitios web. Fue inventado por Brendan Eich, co-fundador del proyecto Mozilla, Mozilla Foundation y la Corporación Mozilla . Puedes hacer casi cualquiercosa con Javascript. Puedes empezar con pequeñas cosas, con carruseles, galerías de imágenes, diseños fluctuantes, y respuestas a las pulsaciones de botones. Con más experiencia, serás capaz de crear juegos, gráficos 2D y 3D animados, aplicaciones integradas basadas en bases de datos. Palabras clave— Código, Lenguaje, Programación. Abstract— JavaScript is a robust programming language that can be applied to an HTML document and used to create dynamic interactivity on websites. It was invented by Brendan Eich, co- founder of the Mozilla project, Mozilla Foundation and the Mozilla Corporation. You can do almost anything with Javascript. You can start with little things, with carousels, image galleries, fluctuating designs, and responses to button presses. With more experience, you'll be able to create games, animated 2D and 3D graphics, integrated applications based on databases. Key Word — Code, Language, Programming. I. ¿QUÉ ES JAVASCRIPT? JavaScript es el lenguaje de programación que debes usar para añadir características interactivas a tu Sitio Web. JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas. Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario. Javascript es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas que luego son insertados en una página web y en programas más grandes, orientados a objetos mucho más complejos. Con Javascript podemos crear diferentes efectos e interactuar con nuestros usuarios. Este lenguaje posee varias características, entre ellas podemos mencionar que es un lenguaje basado en acciones que posee menos restricciones. Además, es un lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la programación en este lenguaje está centrada en describir objetos, escribir funciones que respondan a movimientos del mouse, aperturas,utilización de teclas, cargas de páginas entre otros. Es necesario resaltar que hay dos tipos de JavaScript: por un lado está el que se ejecuta en el cliente, este es el Javascript propiamente dicho, aunque técnicamente se denomina Navigator JavaScript. Pero también existe un Javascript que se ejecuta en el servidor, es más reciente y se denomina LiveWire Javascript.
  • 2. Introduccióna la informática.2 II. Ejemplos 1. Botón atrás y adelnate Primero se escoge el color de fondo (body) , que en este caso sería blanco, asi: <BODY bgcolor="white"> Se ingresa la función “ button “ (que ya está definida y el lenguaje sabe que es un botón) seguida del palabra que se le quiera poner. Así: = "button" VALUE="atras" Y así mismo con la palabra “adelante” = "button" VALUE="atdelante" Seguidas del link a el cual se debe ir al oprimirlas. 2. Día de la semana en que naciste 3. Para realizar este programa primero se asocias los días de la semana con un número, asi: days[0] = "Sábado” days[1] = "Domingo" days[2] = "Lunes" days[3] = "Martes" days[4] = "Miércoles" days[5] = "Jueves" days[6] = "Viernes" Luego se definen los meses, asi: months[1] = "Enero" months[2] = "Febrero" months[3] = "Marzo" months[4] = "Abril" months[5] = "Mayo" months[6] = "Junio"
  • 3. Introducción a la informática ____________________________ 1. Las notas de pie de página deberán estar en la página donde se citan. LetraTimes NewRoman de 8 puntos 3 months[7] = "Julio" months[8] = "Agosto" months[9] = "Septiembre" months[10] = "Octubre" months[11] = "Noviembre" months[12] = "Diciembre" Después se escriben las condiciones de los números que no van a ser válidos, siendo val 1 los días del mes, así : if ((val1 < 0) || (val1 > 31)) { alert("Day is out of range") Y val2 los meses del año, if ((val2 < 0) || (val2 > 12)) { alert("Month is out of range") se pone una val 3 que seria el año en el que se nació y se hace una condición por cada día(val1) y el mes (val2) para que el resultado sea el día de la semana en que naciste. WEBGRAFIA [1] https://norfipc.com/web/javascript-facil-paginas- web-ejemplos.html [2] http://www.htmlpoint.com/jscript/orari/index.html