Curso JavaScript UAEM

JavaScript
Interacción con el
usuario

Aprenderemos sobre:
1.Conceptos

Básicos
2.Programación en
JavaScript
3.Funciones y objetos
4.Manejo de Eventos
5.Introducción a JQuery

Sobre el instructor






Ing. Marco Antonio Camarena
Ingeniero en Computación, con
especialidades en Sistemas Expertos y
Administración de Proyectos.
Trabaja como Consultor de Tecnología.
Cuenta con más de 10 años deexperiencia
en desarrollo de proyectos multiplataforma y
web, con estudios de Cómputo en la Nube.
Ha ocupado puestos directivos para el
desarrollo de nuevos productos y creación
de modelos de negocio.

Objetivo del curso
 El

participante aprenderá la
integración de JavaScript en una
página HTML para interactuar de
una forma más dinámica con el
usuario del lado del navegador.

PresentémonosNombre

Hobby
¿Qué

lenguajes de
programación conoces?
Expectativas del curso
Semestre
Área de TI de interés
Navegador favorito

1. Conceptos Básicos





Algoritmo: Son los pasos a seguir para resolver un
problema.
Programa: Conjunto de instrucciones que
entiende un ordenador para realizar una
actividad. Todo programa tiene un objetivo bien
definido: un procesador de texto es unprograma
que permite cargar, modificar e imprimir textos
Lenguaje de programación: Conjunto de
instrucciones que son interpretadas por una
computadora para realizar operaciones, mostrar
datos por pantalla, sacar listados por impresora,
entrar datos por teclado, etc.

Definición
 JavaScript

es un lenguaje interpretado
que se embebe en una página web
HTML. Un lenguaje interpretado significa
que a lasinstrucciones las analiza y
procesa el navegador en el momento
que deben ser ejecutadas.

Herramientas de desarrollo
 La

programación
en JavaScript
puede
desarrollarse en
cualquier editor de
texto, pero hay
editores con
autocompletado y
herramientas que
facilitan el trabajo

Incorporar JavaScript
 El

código JavaScript se encierra entre
etiquetas

Un párrafo de texto.

2. Programación en JavaScript
Antes de comenzar
a desarrollar
programas y
utilidades, es
necesario conocer
los elementos
básicos con los que
se construyen las
aplicaciones.

Variables y tipos de datos
Para definir una variable en JavaScript se
debe escribir inicialmente “var” y luego el
dato que tendrá la variable.
Ej.var dato=23; var nombre=”jose”; var
respuesta=true;
JavaScript admite prácticamente cualquier
de nombre para definir una variable, no
obstante hay una serie de consideraciones
que se deben tener presentes.

TIPOS DE DATOS
Los cuatro tipos de variables son:
 Variables de cadena
 var nom= “juana”
var num= “123”;
 Variables numéricas
 var num=123;
var numero=32;
 Variables undefined. Es el valorque tiene cuando
la variable definida no tiene asignado un valor, Ej.
var decision;
 var decision;
if(decision==undefined)
{alert(“esta variable no tiene dato definido”);
}
 Variable boolean
 var respuesta=true;
var respuesta=false





CONVERSIÓN DE TIPOS DATOS
JavaScript no necesita que se
declare especialmente el tipo de variable,
ya que en función de las operaciones que
debe realizarel tipo irá cambiando
automáticamente.
Ejemplo.
var num=”123”;
num=123;
num=false;
La misma variable puede adquirir diferentes
tipos de datos. (esto nos facilita a la
reutilización de variables).

 Conversión

de datos de tipo numérico
Cuando se desea convertir un datos de
tipo cadena a tipo entero o flotante se
debe utilizar las siguientes funciones:
var numero=parseInt(“123”);
var numero2=...