Qué es Javascript

Javascript es un lenguaje que se ejecuta en el navegador del cliente y permite mejorar el comportamiento de una página web desarrollada en HTML y CSS. Permite modificar el contenido, comprobar las entradas de usuario, interactuar con mapas, crear animaciones gráficas, etc.

A continuación os presento un índice de contenidos mínimos para poder comenzar a trabajar con Javascript. Al final de la página enlazaré bibliografía si quieres seguir ahondando en su conocimiento.

Manual de Javascript

Introducción y primeros pasos

• Introducción a Javascript
• Cómo incluir código Javascript en el mismo HTML
• Cómo incluir código Javascript desde ficheros externos al HTML
• Cómo incluir código Javascript desde ficheros externos al HTML de manera asíncrona

Mensajes de error y depuración

• Consola de mensajes en los navegadores
• Enviar mensajes a la consola
• Depuración de código

Variables y tipos de datos primitivos

• Sintaxis Javascript
• Variables y constantes (Ejercicios)
• Tipos de datos de variables
• Comprobar el tipo de datos de variables
• Undefined vs null vs Nan
• Plantillas de literales

Estructuras de control

• Operadores
• Operadores (Igualdad estricta)
• Control de flujo If
• Control de flujo Switch
• Bucle For
• Bucle For anidado
• Bucles While y Do-While
• Instrucciones de control Break y Continue

Funciones

• Declaración de funciones
• Colocación de funciones en el código
• Parámetros de funciones
• Valores de retorno de funciones
• Funciones flecha 
• Funciones predefinidas

Arrays (Arreglos)

• Declaración
• Métodos
• Métodos ordenación
• Método map
• Método forEach
• Método filter
• Multidimensionales
• Clonación

Clases

• Definición de clase
• Propiedades de clase
• Métodos de clase
• Herencia de clase

Objetos

• Objetos
• Iteradores de objetos
• Clonación

Valor vs Referencia

• Asignación por valor vs referencia según el tipo de dato

Desestructuración 

• Desestructuración de arrays y objetos

Tipos de datos con clases

• String
• Date
• Number
• Boolean
• Math

Módulos

• Módulos

Expresiones regulares

• Primera expresión regular
• Contrucción
• Elementos
• Métodos

Eventos

• Qué son los eventos
• Tipos de eventos
• Lista de eventos

Modelo de objetos del navegador: BOM

• Introducción a BOM (Browser Object Model)
• El objeto window
• Control de tiempos
• El objeto document
• El objeto location
• El objeto navigator
• El objeto screen
• Ejemplos

Modelo de objetos del documento: DOM

• Introducción a DOM (Document Object Model)
• Tipos de nodos
• Acceso directo a los nodos
• Creación y eliminación de nodos
• Acceso directo a los atributos
• Tratamiento avanzado del atributo "class"
• Propiedades
• Métodos

Formularios

• Acceso a los componentes
• Propiedades y métodos
• Validación
• Campos text, password y hidden
• Campos textarea
• Campos checkbox
• Campos radiobutton
• Campos select
• Ejemplo: calculadora

Menús

• Menú vertical en un lateral colapsable
• Menú vertical desplegable en un botón clicable
• Menú horizontal que se oculta tras scroll

Librerías interesantes

• Lightbox2: Galería fotográfica.
• Leaflet: Mapas interactivos.
• FullCalendar: Calendario personalizable.
• Feature.js: Detección de las características del navegador.
• amCharts: Gráficas y mapas de datos.

Guías de referencia

• Javascript. Arkaitz Garro
• Manual de Javascript. Desarrolloweb
• Javascript Tutorial. W3Schools
• Javascript. LenguajeJS
• The complete Javascript handbook. Flabio Copes
• Introducción a Javascript. Uniwebsidad