PDF de programación - Tutorial básico del programador web: Javascript desde cero

TUTORIAL BÁSICO DEL PROGRAMADOR WEB:

JAVASCRIPT DESDE CERO.

Objetivos



JavaScript (JS) es un lenguaje de programación cuyo uso principal ha venido siendo dotar
de dinamismo, rapidez y efectos atractivos a las páginas web, mediante su uso combinado
junto a HTML, CSS y otros lenguajes. Este curso permite aprender los fundamentos de
JavaScript, imprescindible para trabajar con páginas web hoy día.


Destinatarios


Personas que ya tengan unos conocimientos mínimos sobre creación de páginas web (HTML y
CSS) y sobre programación. Para realizar este curso de JavaScript, debes tener conocimientos
previos de HTML y CSS, así como de fundamentos de programación (haber programado
antes). Se recomienda haber realizado los cursos “Tutorial básico del programador web” sobre
HTML desde cero y CSS desde cero, de aprenderaprogramar.com, antes de seguir este curso.


Contenidos


 INTRODUCCIÓN A JAVASCRIPT. QUÉ ES Y PARA QUÉ SIRVE JAVASCRIPT. VERSIONES. EL ECMA.
 INSERTAR JAVASCRIPT EN WEBS. EN LÍNEA, INTERNO Y EXTERNO.
 CREANDO SCRIPTS BÁSICOS. COMENTARIOS, VARIABLES, OPERADORES, CONTROL DEL FLUJO.
 FUNCIONES JAVASCRIPT. CREACIÓN E INVOCACIÓN. PARÁMETROS Y RETORNO.
 OBJETOS EN JAVASCRIPT. ¿QUÉ SON? TRABAJAR CON ARRAYS, DATE, IMAGE, STRING, MATH.
 DOM. JERARQUÍA DE OBJETOS DEL NAVEGADOR. WINDOW, DOCUMENT.
 GESTIÓN DE EVENTOS CON JAVASCRIPT. TIPOS DE EVENTOS. MANEJADORES DE EVENTOS.
 APLICANDO JAVASCRIPT: CSS, FORMULARIOS, CALENDARIOS, RELOJES, MENÚS, GALERÍAS…
 JAVASCRIPT AVANZADO. APIS, LIBRERÍAS. JQUERY. FIREBUG Y DEPURACIÓN DE CÓDIGO.


Duración


150 horas de dedicación efectiva, incluyendo lecturas, estudio y ejercicios.


Dirección, modalidades y certificados


El curso está dirigido por César Krall, Responsable del Departamento de Producción de
aprenderaprogramar.com del portal web aprenderaprogramar.com. Se oferta bajo la
modalidad web (gratuito).

Para más información: [email protected]

Indice curso “Tutorial básico programador web: JavaScript desde cero”.



APRENDERAPROGRAMAR.COM



INDICE DEL CURSO
“TUTORIAL BÁSICO DEL
PROGRAMADOR WEB:
JAVASCRIPT DESDE
CERO”(CU01101E)

Sección: Cursos
Categoría: Tutorial básico del programador web: JavaScript desde cero

Fecha revisión: 2029

Resumen: Entrega nº1 del curso Tutorial básico del programador web:
JavaScript desde cero. Indice del curso.



Autor: César Krall

Más información: [email protected]



o “Tutorial bási

ico programado

or web: JavaSc

cript desde cero

o”.

Indice curso


IND

DIC

CE D

DEL

L CU

URS

SO



IN
NTRODUCCIÓ

ÓN A JAVASC

CRIPT. QUÉ E

ES Y PARA Q

QUÉ SIRVE. V

VERSIONES JA

AVASCRIPT.

EL ECMA.

¿Q
Qué es JavaS
¿E
Es JavaScript
D
iferencias en
Ja
avaScript del
Ja
avaScript en
Em
mpezar a usa
ersiones Java
Ve
D
ocumentació
¿Q
Qué necesito

Script? HTML
t un lenguaje
ntre JavaScri
lado del clie
aplicaciones
ar JavaScript
aScript. Algo
ón especifica
o para escrib

L, CSS y base
e de program
pt, CSS, HTM
ente y JavaSc
s web Joomla
t a partir de u
o de historia
ación oficial J
bir código Jav

es de program
mación? ¿Par
ML. Frontera
cript del lado
a, WordPress
un documen
y perspectiv
JavaScript. A
vaScript y cre

mación, cono
ra qué sirve?
entre JavaSc
o del servido
s, Drupal, ph
to HTML con
va. ¿Qué es e
Alternativas a
ear páginas w

ocimiento pr
Diferencias
cript, CSS, HT
r. Node.js.
hpBB... Efecto
n estructura
el ECMA? Guí
a JavaScript.
web?



os.
básica.
ías oficiales.



revio necesa
de HTML, CS
TML y progra

rio.
SS, PHP, ...
amación.

IN
NSERTAR JAV

VASCRIPT. ES

STILOS EN LÍ

ÍNEA, INTER

NO Y EXTER

NO. TIPOS D

DE ELEMENTO

OS.



D
e la estructu
cripts en líne
Sc
A
rchivos JS. C

ura HTML y m
ea, interno y
omentarios j

modelo de ca
externo.
javaScript.



ajas CSS a Jav

vaScript.

CR
REANDO SCR

RIPTS BÁSIC

OS.



ariables y tip
Va
mbito de var
A
O
peradores ló
Co
ondicionales

pos de variab
riables. Conv
ógicos, aritm
s con JavaScr

bles. Número
versión de tip
méticos y rela
ript. Bucles c

os. Texto. Va
pos.
cionales. Exp
con JavaScrip

alores boolea

anos. Null y u

undefined.

presiones de
pt. Control de

e asignación
e flujo con b

y de evaluac
reak y contin

ción.
nue.

FU
UNCIONES JA

AVASCRIPT.



D

efinir funcio

nes. Invocar

funciones. A

Argumentos

y parámetro

os para funci

ones.

O
OBJETOS EN J

JAVASCRIPT.
.



¿Q
Qué es un ob
orrar propie
Bo
At
tributos y m
A
rrays. Crear

bjeto? Crear
dades de ob
étodos.
arrays. Leer

objetos. Con
jetos. Verific

nsultar y esta
car propieda

ablecer prop
des. Enumer

piedades de o
rar propieda

objetos.
des.

y escribir ele

ementos de

arrays. Prop

iedad length
h.



1.

1.1.
1.2.
1.3.
1.4.
1.5.
1.6.
1.7.
1.8.
1.9.


2.

2.1.
2.2.
2.3.


3.

3.1.
3.2.
3.3.
3.4.


4.

4.1.


5.

5.1.
5.2.
5.3.
5.4.

Más inform

ación: contacto

o@aprenderap

rogramar.com



Añadir y borrar elementos de arrays.
Arrays unidimensionales y arrays multidimensionales. Recorrido de arrays.

Indice curso “Tutorial básico programador web: JavaScript desde cero”.

5.5.
5.6.
5.7. Métodos de arrays. Comprobar si un objeto es tipo array.
5.8.
5.9.
5.10.


La clase Date. Trabajar con fechas en JavaScript.
Trabajar con imágenes en JavaScript.
La clase Math JavaScript. Trabajar con funciones matemáticas.

6.

6.1.
6.2.
6.3.
6.4.
6.5.
6.6.


7.

7.1.
7.2.
7.3.
7.4.
7.5.
7.6.


8.

DOM Y JERARQUÍA DE OBJETOS.



¿Qué es el DOM? Jerarquía de objetos en páginas web.
Del documento HTML a un árbol de nodos. Tipos de nodos.
Selección de elementos en un documento. Atributos y contenido de elementos.
Crear, insertar y borrar nodos con JavaScript.
El objeto Window. Manejo del tiempo (timers). Trabajo con múltiples ventanas y marcos.
Document. Elementos de document como propiedades de Window.

GESTIÓN DE EVENTOS CON JAVASCRIPT.



Tipos de eventos. Manejadores de eventos o event handlers.
Eventos en la carga del documento (Load).
Eventos generados por el ratón (mouse).
Eventos arrastrar y soltar (drag and drop).
Eventos generados por el teclado.
Información generada por los eventos y su manejo.

APLICANDO JAVASCRIPT EN DESARROLLOS WEB.



8.1. Manejo de CSS a través de JavaScript.
8.2.
8.3.
8.4.
8.5.
8.6.


JavaScript para la gestión de formularios web. Usos en validación de formularios.
Calendarios con JavaScript.
Utilidades tipo reloj, cronómetro, cuenta atrás, etc. con JavaScript.
Efectos para menús basados en JavaScript: desplegado dropdown.
Rotación de imágenes y galerías de imágenes basadas en JavaScript.

9.

JAVASCRIPT AVANZADO.



APIS HTML. Api Canvas. Api Drag and Drop. Api Geolocation. Api Storage. Api File.
Librerías JavaScript. Una visión general. jQuery, Mootools, Prototype, Modernizr, Google API…
Adentrándonos en jQuery. Conceptos básicos y aplicaciones básicas.
Depuración de errores JavaScript. Herramientas. Firebug.

9.1.
9.2.
9.3.
9.4.



Acceso al curso completo en aprenderaprogramar.com -- > Cursos, o en la dirección siguiente:
http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=78&Itemid=206


Más información: [email protected]



Orientación “Tutorial básico programador web: JavaScript desde cero”



APRENDERAPROGRAMAR.COM



ORIENTACIÓN SOBRE EL
CURSO “TUTORIAL BÁSICO
DEL PROGRAMADOR WEB:
JAVASCRIPT DESDE CERO”
(CU01102E)

Sección: Cursos
Categoría: Tutorial básico del programador web: JavaScript desde cero

Fecha revisión: 2029

Resumen: Entrega nº2 del Tutorial básico del programador web:
JavaScript desde cero. Orientación sobre duración del curso y
conocimientos previos recomendados.



Autor: César Krall

© aprenderaprogramar.com, 2006-2029

Orientación “Tutorial básico programador web: JavaScript desde cero”

ORIENTACIÓN SOBRE EL CURSO PASO A PASO “TUTORIAL BÁSICO DEL PROGRAMADOR WEB:
JAVASCRIPT DESDE CERO”

JavaScript es un lenguaje ideado para dotar de dinamismo, rapidez y agilidad a las páginas web.
JavaScript puede tener distintas aplicaciones, pero la más común es la de ser un lenguaje de
programación que se ejecuta del lado del cliente. Por si alguien se está preguntando qué es un cliente…



Para quienes estén menos habituados a
la terminología cliente – servidor, podemos decir
simplificadamente que un servidor es un computador con capacidades especiales para atender las
peticiones de muchos otros computadores. Normalmente los servidores están situados en centros de
datos gestionados por empresas. Por el contrario, un cliente sería un computador u ordenador personal
con el que trabajamos en nuestra casa u oficina. Esto no siempre es así, pero nos sirve para situarnos de
forma introductoria en el contexto de los desarrollos web y del lenguaje JavaScript.

A veces se dice que JavaScript no es un lenguaje de programación propiamente dicho, sino un lenguaje
de script. Un script vendría siendo un programa normalmente simple, almacenado en un archivo de
texto, y que es ejecutado por un intérprete del lenguaje para conseguir unos resultados. Pero muchos
estudiosos no se ponen de acuerdo sobre qué es exactamente un lenguaje de script y cuáles son
lenguajes de script y cuáles no lo son, por lo que nosotros no vamos a interesarnos demasiado por esta
terminología.

Para tener un enfoque global de lo que es JavaScript dividiremos los lenguajes que intervienen en los
desarrollos web en estas categorías:

a) Metalenguajes: incluiríamos aquí HTML y CSS. No proveen la potencia que aporta la

programación.

b) Lenguajes de programación de propósito general: incluiríamos aquí lenguajes como C, C++,
Visual Bas