SlideShare una empresa de Scribd logo
1 de 2
ITZELSANCHEZ357@GMAIL.C
OM
DEYNNALOPEZ4@GMAIL.CO
M
ITZEL SANCHEZ
DEYNNA LOPEZ
5565010511 JAVASCRIPT FOR DUMMIES
JS
¿ES COMPATIBLE
CON
NAVEGADORES?
JavaScript es soportado por la
mayoría de los navegadores
como Internet Explorer,
Netscape, Opera, Mozilla
Firefox, entre otros.
CREADOR
JAVASCRIPT
Brendan Eich, creador del
lenguaje de
programación JavaScript y
antiguo jefe de tecnologías de
Mozilla
JAVASCRIPT FOR DUMMIES.
ITZEL CABRERA SÁNCHEZ.
DEYNNA LÓPEZ GONZÁLEZ.
ITZEL CABRERA SANCHEZ
DEYNNA LOPEZ GONZALEZ
¿QUÉ ES JAVASCRIPT?
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.
¿CÓMO NACE JAVASCRIPT?
Javascript nació con la necesidad de permitir a los autores de sitio web
crear páginas que permitan intercambiar con los usuarios, ya que se
necesitaba crear webs de mayor complejidad. El HTML solo permitía
crear páginas estáticas donde se podía mostrar textos con estilos, pero se
necesitaba interactuar con los usuarios.
¿DÓNDE PUEDO VER FUNCIONANDO
JAVASCRIPT?
Entre los diferentes servicios que se encuentran realizados con Javascript
en Internet se encuentran:
 Correo
 Chat
 Buscadores de Información
JS
JAVASCRIPT FOR DUMMIES.
ITZEL CABRERA SÁNCHEZ.
DEYNNA LÓPEZ GONZÁLEZ.
ITZELSANCHEZ357@
GMAIL.COM
DEYNNALOPEZ4@G
MAIL.COM
ITZEL SANCHEZ
DEYNNA LOPEZ
5565010511 JAVASCRIPT FOR
DUMMIES
2
¿CÓMO IDENTIFICAR CÓDIGO JAVASCRIPT?
EL CÓDIGO JAVASCRIPT PODEMOS ENCONTRARLO DENTRO DE LAS ETIQUETAS
<BODY></BODY> DE NUESTRAS PÁGINAS WEB. POR LO GENERAL SE INSERTANENTRE:
<SCRIPT></SCRIPT>. TAMBIÉNPUEDENESTAR UBICADOS ENFICHEROS EXTERNOSUSANDO:
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="MICODIGO.JS"></SCRIPT>
ALGUNAS CARACTERÍSTICAS DEL LENGUAJE SON:
Su sintaxis es similar a la usada en Java y C, al ser un lenguaje del lado del cliente este es interpretado por el
navegador, no se necesita tener instalado ningún Framework.
 Variables: var = “Hola”, n=103
 Condiciones: if(i<10){ … }
 Ciclos: for(i; i<10; i++){ … }
 Arreglos: var miArreglo = new Array(“12”, “77”, “5”)
 Funciones: Ppopias del lenguaje y predefinidas por los usuarios
 Comentarios para una sola línea: // Comentarios
 Comentarios para varias lineas:
/*
Comentarios
*/
 Permite la programación orientada a objetos: document.write("Hola");
 Las variables pueden ser definidas como: string, integer, flota, bolean simplemente utilizando “var”.
Podemos usar “+” para concatenar cadenas y variables.

Más contenido relacionado

La actualidad más candente (18)

Diana presentacion
Diana presentacionDiana presentacion
Diana presentacion
 
Javacript
JavacriptJavacript
Javacript
 
ATIX21
ATIX21ATIX21
ATIX21
 
Los navegadores
Los navegadoresLos navegadores
Los navegadores
 
Java script
Java scriptJava script
Java script
 
JavaScript desde Cero
JavaScript desde CeroJavaScript desde Cero
JavaScript desde Cero
 
Cuestionario dreamweaver
Cuestionario dreamweaverCuestionario dreamweaver
Cuestionario dreamweaver
 
Colegio123
Colegio123Colegio123
Colegio123
 
Curso de javascript #1 presentación
Curso de javascript #1 presentaciónCurso de javascript #1 presentación
Curso de javascript #1 presentación
 
Software
SoftwareSoftware
Software
 
Zaraii d0minguez
Zaraii d0minguezZaraii d0minguez
Zaraii d0minguez
 
Javascript
JavascriptJavascript
Javascript
 
Desatanizando Tecnologías: Javascript/AJAX
Desatanizando Tecnologías: Javascript/AJAXDesatanizando Tecnologías: Javascript/AJAX
Desatanizando Tecnologías: Javascript/AJAX
 
Jquery Eghost Julio2008
Jquery Eghost Julio2008Jquery Eghost Julio2008
Jquery Eghost Julio2008
 
Entorno de Programacion
Entorno de ProgramacionEntorno de Programacion
Entorno de Programacion
 
Lenguaje JavaScript parte 1
Lenguaje JavaScript parte 1Lenguaje JavaScript parte 1
Lenguaje JavaScript parte 1
 
¿Por qué ruby on rails?
¿Por qué ruby on rails?¿Por qué ruby on rails?
¿Por qué ruby on rails?
 
Navegadores
NavegadoresNavegadores
Navegadores
 

Similar a Leccion1

Java script(1)
Java script(1)Java script(1)
Java script(1)mat3matik
 
Java script(1)
Java script(1)Java script(1)
Java script(1)mat3matik
 
Java script(1)
Java script(1)Java script(1)
Java script(1)trazco
 
COMPLEMENTOS DEL NAVEGADOR
COMPLEMENTOS DEL NAVEGADORCOMPLEMENTOS DEL NAVEGADOR
COMPLEMENTOS DEL NAVEGADORJOSELINE
 
ventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosIrving Muñoz
 
ventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosIrving Muñoz
 
Herramientas de Desarrollo de Software Bajo Web
Herramientas de Desarrollo de Software Bajo WebHerramientas de Desarrollo de Software Bajo Web
Herramientas de Desarrollo de Software Bajo WebJosé Medina
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia webfanyto
 
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 JavaScriptKarsarmi
 
Clase 0 - Introducción a Javascript.pptx
Clase 0 - Introducción a Javascript.pptxClase 0 - Introducción a Javascript.pptx
Clase 0 - Introducción a Javascript.pptxMaxiMalaval
 
Java script presentation
Java script presentationJava script presentation
Java script presentationVictor0216
 
Java script presentation
Java script presentationJava script presentation
Java script presentationVictor0216
 
Presentacion java scripts
Presentacion java scriptsPresentacion java scripts
Presentacion java scriptsHernando Moreno
 
Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Rafael Garcia
 

Similar a Leccion1 (20)

Java script(1)
Java script(1)Java script(1)
Java script(1)
 
Java script(1)
Java script(1)Java script(1)
Java script(1)
 
Java script(1)
Java script(1)Java script(1)
Java script(1)
 
COMPLEMENTOS DEL NAVEGADOR
COMPLEMENTOS DEL NAVEGADORCOMPLEMENTOS DEL NAVEGADOR
COMPLEMENTOS DEL NAVEGADOR
 
Atix21
Atix21Atix21
Atix21
 
ventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticos
 
ventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticos
 
Herramientas de Desarrollo de Software Bajo Web
Herramientas de Desarrollo de Software Bajo WebHerramientas de Desarrollo de Software Bajo Web
Herramientas de Desarrollo de Software Bajo Web
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
 
Exposicion Java script
Exposicion Java scriptExposicion Java script
Exposicion Java script
 
Java script
Java scriptJava script
Java script
 
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
 
Clase 0 - Introducción a Javascript.pptx
Clase 0 - Introducción a Javascript.pptxClase 0 - Introducción a Javascript.pptx
Clase 0 - Introducción a Javascript.pptx
 
Java script presentation
Java script presentationJava script presentation
Java script presentation
 
Java script presentation
Java script presentationJava script presentation
Java script presentation
 
Presentacion java scripts
Presentacion java scriptsPresentacion java scripts
Presentacion java scripts
 
Javascript
JavascriptJavascript
Javascript
 
Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1
 
JAVASCRIPT.pptx
JAVASCRIPT.pptxJAVASCRIPT.pptx
JAVASCRIPT.pptx
 

Último

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
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Ángel Encinas
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
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
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIIsauraImbrondone
 
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
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperiomiralbaipiales2016
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
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
 

Último (20)

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
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
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
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
 
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
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
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
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 

Leccion1

  • 1. ITZELSANCHEZ357@GMAIL.C OM DEYNNALOPEZ4@GMAIL.CO M ITZEL SANCHEZ DEYNNA LOPEZ 5565010511 JAVASCRIPT FOR DUMMIES JS ¿ES COMPATIBLE CON NAVEGADORES? JavaScript es soportado por la mayoría de los navegadores como Internet Explorer, Netscape, Opera, Mozilla Firefox, entre otros. CREADOR JAVASCRIPT Brendan Eich, creador del lenguaje de programación JavaScript y antiguo jefe de tecnologías de Mozilla JAVASCRIPT FOR DUMMIES. ITZEL CABRERA SÁNCHEZ. DEYNNA LÓPEZ GONZÁLEZ. ITZEL CABRERA SANCHEZ DEYNNA LOPEZ GONZALEZ ¿QUÉ ES JAVASCRIPT? 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. ¿CÓMO NACE JAVASCRIPT? Javascript nació con la necesidad de permitir a los autores de sitio web crear páginas que permitan intercambiar con los usuarios, ya que se necesitaba crear webs de mayor complejidad. El HTML solo permitía crear páginas estáticas donde se podía mostrar textos con estilos, pero se necesitaba interactuar con los usuarios. ¿DÓNDE PUEDO VER FUNCIONANDO JAVASCRIPT? Entre los diferentes servicios que se encuentran realizados con Javascript en Internet se encuentran:  Correo  Chat  Buscadores de Información
  • 2. JS JAVASCRIPT FOR DUMMIES. ITZEL CABRERA SÁNCHEZ. DEYNNA LÓPEZ GONZÁLEZ. ITZELSANCHEZ357@ GMAIL.COM DEYNNALOPEZ4@G MAIL.COM ITZEL SANCHEZ DEYNNA LOPEZ 5565010511 JAVASCRIPT FOR DUMMIES 2 ¿CÓMO IDENTIFICAR CÓDIGO JAVASCRIPT? EL CÓDIGO JAVASCRIPT PODEMOS ENCONTRARLO DENTRO DE LAS ETIQUETAS <BODY></BODY> DE NUESTRAS PÁGINAS WEB. POR LO GENERAL SE INSERTANENTRE: <SCRIPT></SCRIPT>. TAMBIÉNPUEDENESTAR UBICADOS ENFICHEROS EXTERNOSUSANDO: <SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="MICODIGO.JS"></SCRIPT> ALGUNAS CARACTERÍSTICAS DEL LENGUAJE SON: Su sintaxis es similar a la usada en Java y C, al ser un lenguaje del lado del cliente este es interpretado por el navegador, no se necesita tener instalado ningún Framework.  Variables: var = “Hola”, n=103  Condiciones: if(i<10){ … }  Ciclos: for(i; i<10; i++){ … }  Arreglos: var miArreglo = new Array(“12”, “77”, “5”)  Funciones: Ppopias del lenguaje y predefinidas por los usuarios  Comentarios para una sola línea: // Comentarios  Comentarios para varias lineas: /* Comentarios */  Permite la programación orientada a objetos: document.write("Hola");  Las variables pueden ser definidas como: string, integer, flota, bolean simplemente utilizando “var”. Podemos usar “+” para concatenar cadenas y variables.