Scribd
Cargar
25 vistas

Módulo 1 - Intr JavaScript

Este documento presenta una introducción a JavaScript, incluyendo su historia, tipos de datos, declaración de variables, métodos como document.write() y getElementById(), y funciones. Explica que JavaScript es el lenguaje de programación compatible con todos los navegadores principales y es necesario para crear sitios web dinámicos.

Cargado por

Josue Fontanez
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
25 vistas

Módulo 1 - Intr JavaScript

Este documento presenta una introducción a JavaScript, incluyendo su historia, tipos de datos, declaración de variables, métodos como document.write() y getElementById(), y funciones. Explica que JavaScript es el lenguaje de programación compatible con todos los navegadores principales y es necesario para crear sitios web dinámicos.

Cargado por

Josue Fontanez
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 15

Módulo 1:

Introducción a JavaScript

Prof. Rebeca Acevedo Rivera


• HTML significa HyperText Markup Language.
• HTML nació originalmente como un medio para
compartir trabajos de investigación; por lo tanto, el
formato de texto siempre ha sido una parte importante
de HTML.
• Aunque existen varios lenguajes de páginas web, HTML,
o alguna variación o extensión de HTML, es, con mucho,
el lenguaje de marcado predominante en Internet.
HTML • HTML no es un lenguaje de programación.
• Es un sistema de codificación de texto que consiste en un
conjunto de símbolos insertados en un documento de
texto para controlar su estructura, formato o la relación.
• El navegador interpreta la descripción y muestra esa
interpretación en pantalla para la computadora o
dispositivo móvil.
• <!DOCTYPE html>
• <html lang="en">
• <head>
• <meta charset="utf-8">
• </head>
• <body>
• <h1>This is a top level
heading</h1>
• <h2>This is a second
level heading</h2>
• <h3>This is a third
level heading</h3>
• </body>
• </html>
CSS

Es un lenguaje de También funciona


hojas de estilo que con páginas escritas
describe la apariencia en XML (lenguaje de
y el formato de un marcado extensible),
documento escrito y puede usar CSS
en un lenguaje de para formatear texto
marcado, en películas Flash, así
generalmente HTML como muchas otras
o XHTML. aplicaciones.

Las hojas de estilo


Las hojas de estilo en contienen estilos, y los
cascada ayudan en el estilos son listas de
diseño de las páginas, instrucciones, como
todo tipo de páginas, tamaño, color, ubicación,
pero más a menudo fuente, etc., para dar
las páginas web. formato a los elementos
de la página.
Este concepto, crear y guardar Si usa un procesador de texto, Otros programas con los que
instrucciones de formato para como Microsoft Word o Apple El software de diseño de puede estar familiarizado, como
aplicar a varios objetos, a Pages, probablemente esté páginas, como Adobe Indesign o Photoshop o Flash, utilizan una
menudo en varias páginas o familiarizado con la versión de Microsoft Publisher, también forma de estilos listos para usar
documentos, no es nuevo ni estilos del procesamiento de utiliza estilos. llamados ajustes
exclusivo del diseño web. texto. preestablecidos.
JavaScript
• JavaScript ha existido casi tanto
tiempo como los propios
navegadores web.
• Primera vez en 1995 con
Netscape Navigator 2.0 y es el
único lenguaje de programación
compatible con todos los
navegadores más populares.
• Como resultado, si desea crear
sitios web dinámicos, necesita
saber JavaScript.
Las variables pueden contener
diferentes tipos de valores, por Un tipo de dato es la categoría que
ejemplo, la hora del día, una específica de información que
cantidad en dólares o el nombre contiene una variable.
de una persona.

Tipos de
Si alguien te pregunta tu nombre,
datos En la vida real no sueles distinguir
entre diferentes tipos de
tu edad o la hora actual, no sueles
detenerte a considerar que tu
nombre es una cadena de texto y
información.
que tu edad y la hora actual son
números.

Sin embargo, el tipo de datos


específico de una variable es muy
importante en la programación El tipo de datos también rige los
porque el tipo de datos ayuda a tipos de operaciones que se
determinar cuánta memoria asigna pueden realizar en una variable.
la computadora para los datos
almacenados en la variable.
Valor “Null”
• Nulo es un tipo de datos, así como un valor
que se puede asignar a una variable.
• Asignar el valor nulo a una variable indica
que la variable no contiene un valor
utilizable.
• Una variable con un valor nulo tiene un valor
asignado; nulo es realmente el valor "sin
valor".
• Se asigna el valor nulo a una variable cuando
desee asegurarse de que la variable no
contenga ningún dato.
• Por el contrario, una variable indefinida es
una variable que nunca ha tenido un valor
asignado, no ha sido declarada o no existe.
Declarar variables
• Var / let
• let te permite declarar variables limitando su alcance (scope) al
bloque, declaración, o expresión donde se está usando.
• A diferencia de la palabra clave var la cual define una variable global o
local en una función sin importar el ámbito del bloque.
JavaScript Vodnik & Gosselin, sixth edition

var stateTax;
document.write(stateTax); diffTypes = "Hello World"; // String
stateTax = 40; diffTypes = 8; // Integer number
document.write(stateTax); diffTypes = 5.367; // Floating-point number
stateTax = null; diffTypes = true; // Boolean
document.write(stateTax); diffTypes = null; // Null
• var a; // La varible "a" “ha sido declarada
• var a, b; // Ambas variables fueron declaradas "a" y
"b"
• var a, b, c, d; // Las 4 4 variables; "a", "b", "c" and "d"
fueron declaradas
• var a = 1, b; // Las variables "a" y "b" fueron
declaradas, a la variable "a" se le asignó el número 1 y
"b" está indefinida.
• var a = 1, b = 2; // Las variables "a" y "b" fueron
declaradas, a la variable "a" se le asignó el número 1 y
"b" se le asignó el número 2
Document.write

Para imprimir texto


literalmente, escribe
Uno de los comandos El comando imprime
el texto en comillas document.write('Hola
básicos de JavaScript el texto especificado
simples y entre Mundo!');
es document.write. en la página.
paréntesis como
sigue:
• También puedes utilizar document.write para imprimir variables.
var mytext = "Hola otra vez";
document.write(mytext);

var color1 = “amarillo";


var color2 = "rosa";
document.write('<p>color1: ' + color1 + '<br>color2: ' + color2 + '</p>');
getElementById

• El método getElementById permite, como su nombre indica,


seleccionar un elemento del documento por medio del valor del
atributo id que se le haya asignado.
• Su sintaxis es la siguiente:
document.getElementById('id_del_elemento');
• Las funciones son uno de los bloques de
construcción fundamentales en JavaScript.
• Una función en JavaScript es similar a un
procedimiento — un conjunto de instrucciones
que realiza una tarea o calcula un valor.
• Las funciones devuelven valores.
• Para usar una función, debes definirla en algún
lugar del ámbito desde el que deseas llamarla.
Funciones
function square(number) {
return number * number;
}

También podría gustarte