Enfoque correcto para comenzar a estudiar programación, con Javascript como primer lenguaje. Cómo enfocar el aprendizaje de Javascript y la profesión frontend en general.

Veamos qué es JavaScript y las posibilidades que nos ofrece utilizar este lenguaje a la hora de desarrollar páginas web. Conocemos algo de su historia.

Java y Javascript son dos productos distintos. Ponemos de manifiesto la diferencia entre estos dos lenguajes con un nombre similar.

Mostramos ejemplos de páginas que emplean JavaScript en su desarrollo y comentamos las aplicaciones necesarias para empezar a programar.

Presentamos las diferentes versiones de JavaScript, los navegadores que las aceptan y sus contribuciones con respecto a las predecesoras.

En este último artículo de introducción a Javascript veremos algunos ejemplos de códigos sencillos de gran utilidad.

Veamos cómo se escribe el código en Javascript y para ello comentaremos las primeras reglas para insertar scripts en páginas web.

No todos los navegadores son compatibles con Javascript, así que tenemos que aprender cómo hacer que los scripts no molesten en navegadores que no los entienden.

Últimas notas sobre cómo colocar scripts. Cómo indicar el lenguaje que estamos usando y cómo podemos usar archivos externos con código Javascript que el navegador tendrá que procesar.

Empezamos a contar la sintaxis del lenguaje Javascript, indicando sus principales características.

Vemos en términos generales qué es una variable, para qué sirve y cómo declarar variables en Javascript antes de usarlas.

Explicaciones detalladas sobre el ámbito de las variables en Javascript: variables locales y globales y cómo se trabaja con ellas en Javascript.

Vemos el concepto de tipos de datos para el lenguaje Javascript y por qué es importante manejarlos bien.

Hacemos un análisis de los tipos de datos que soporta Javascript: numerico, boleano y texto, así como otros tipos de datos más complejos, como objetos o arrays.

Estudiamos lo que es un operador y para qué sirve. Vemos los operadores de Javascript, en diversas clasificaciones, aritméticos, asignación, comparación, condicionales, a nivel de bit y preferencia de operadores.

Explicamos otro tipo de operador de Javascript llamado operador ternario por contener tres partes en lugar de dos como suele ocurrir y que nos permite implementar condicionales de manera resumida.

Es importante que conozcamos el tipo de las variables para trabajar sin errores. Vemos cómo obtenerlo con Javascript.

Introducción a las estructuras de control. Enumeramos las que tenemos disponibles en Javascript.

Vemos cómo trabajar con la estrutura de control IF en Javascript.

La estructura de control switch de Javascript es utilizada para tomar decisiones en función de distintos estados o valores de una variable.

Descripción y ejemplos de funcionamiento del bucle FOR.

Descripción y diferentes usos de los dos tipos de bucles WHILE que se encuentran disponibles en Javascript, con algunos ejemplos prácticos.

Dos instrucciones que aumentan el control sobre los bucles en Javascript. Sirven para parar y continuar con la siguiente iteración del bucle respectivamente.

Explicamos lo que es un bucle anidado, cómo funcionan y para qué sirven. Vemos algunos ejemplos.

Comenzamos con las funciones en Javascript. Definimos el concepto de función y aprendemos a crearlas y a llamarlas.

Vemos la manera de incluir funciones Javascript, de cliente, dentro de las páginas web.

Vemos lo que son los parámetros en las funciones. Vemos como definir funciones que reciben parámetros en el lenguaje Javascript y como hacer llamadas a funciones pasando parámetros.

Las funciones pueden devolver valores, a través de la sentencia return. También vemos un apunte sobre el ámbito de variables en funciones en Javascript.

Cómo realizar lo que se conoce como Sobrecarga de funciones en el lenguaje Javascript, un concepto usado en la Programación Orientada a Objetos que no es exactamente igual en Javascript.

Javascript, al igual que cualquier otro lenguaje, pone a nuestra disposición un conjunto de funciones que llamamos funciones nativas de Javascript.

Explicamos un concepto ampliamente usado en Javascript para crear una envoltura para una función, llamada como closure o las siglas IIFE.

Vemos que son los arrays en Javascript, para qué sirven y cómo utilizarlos. Veremos diversas formas de crearlos, así como definir y acceder a sus valores.

Aprendemos más cosas sobre el funcionamiento de los arrays y en concreto vemos como utilizar su propiedad length para acceder al número de casillas que tiene.

Vemos qué son los arrays multidimensionales (arrays de más de una dimensión) y cómo utilizarlos. Además explicamos cómo inicializar arrays en su declaración.

En este artículo te vamos a enseñar un mecanismo muy útil, sencillo y práctico para realizar recorridos a los arrays de Javascript, mediante el método forEach.

En este artículo vamos a aprender a usar un método de array de Javascript muy útil. Se trata de map() , con el que podemos crear arrays a partir de las transformaciones de otros arrays.

Veamos cómo se ordenan los arrays en Javascript, de manera nativa, por medio del método sort() invocable sobre los arrays.

Breve introducción al mundo de los objetos, en programación en general, y a las particularidades del uso de objetos en el lenguaje Javascript.

Cómo podemos crear objetos en Javascript a partir de un literal, operaciones típicas que puedes realizar con esos objetos.

Bucle for in Javascript. Una alternativa al bucle for, para recorridos a propiedades de objetos en Javascript. Cómo iterar por las propiedades y los valores de las propiedades de un objeto, de manera genérica en Javascript con el bucle for ......

Ahora que ya sabemos lo que son los objetos, vamos a ver cómo podemos crear y usar nuestros propios objetos en Javascript tradicional, ES5, abordando diversos ejemplos prácticos.

Explicaciones detalladas sobre el modelo de orientación a objetos que implementa Javascript que está basado en prototipos y difiere de la programación orientada a objetos de otros lenguajes más tradicionales como Java o C#.

Es un modo disponible en Javascript para crear lo que se conoce por getters y setters, útil para propiedades computadas con get y set.

La variable this en Javascript difiere un poco con respecto a otros lenguajes, en este artículo analizamos this y sus variantes en el contexto donde se use.

Qué son los mixins, una de las técnicas que podríamos usar en Javascript para conseguir emular la herencia múltiple en un lenguaje como Javascript que no la soporta.

Lista de los objetos que tenemos a nuestra disposición a la hora de trabajar con Javascript.

Las cadenas en Javascript son objetos de la clase String, que contienen diversos métodos que nos sirven para manejar cadenas de caracteres. Estudiamos sus propiedades y la lista completa de métodos.

Explicamos la clase Date de Javascript, que se utiliza para el manejo de fechas y horas. Exploramos sus diversos métodos y propiedades de los objetos Date, con los que realizar cálculos en el tiempo.

La clase que utilizamos para realizar cálculos matemáticos de todo tipo.

Clase que modeliza el tipo de datos numérico.

Otra de las clases incorporadas en Javascript, en este caso para crear valores boleanos a partir de valores no boleanos.

Vamos a explicar de modo general una de las características más marcantes de Javascript como la asincronía y su modelo de trabajo no bloqueante. Además tocaremos los distintos modelos de trabajo con código asíncrono.

Vamos a explicar uno de los temas básicos de Javascript para realizar el código asíncrono, como son las funciones callback.

En este artículo te vamos a explicar qué son las promesas, como usarlas y cómo crear funciones que implementan promesas. Como resolver promesas en secuencia y en paralelo.

Explicaciones sobre las sentencias de tratamiento del código asíncrono async / await en Javascript con ejemplos útiles para entender su funcionamiento.

Hacemos una pausa en el manual de Javascript para ofrecer una serie de consejos útiles.

Vamos a explicar los errores comunes que podemos cometer y cómo evitarlos y depurarlos. Además veremos una pequeña conclusión a la primera parte del manual.

En este artículo puedes encontrar varios consejos bastante interesantes a la hora de programar código Javascript.

Vamos a repasar un concepto que hemos dejado implícito en el manual en diversas ocasiones, pero le vamos a poner nombre: coerción de tipos, explicando sus implicaciones y tratando de entender un poco mejor cómo funciona el intérprete de Javascript.

Cómo funciona el mecanismo de doble pasada del intérprete de Javascript y por qué podemos usar variables antes de haber sido creadas, junto con una explicación sobre el hoisting.

Empezamos el segundo manual de Javascript, haciendo una enumeración de objetivos y temas que vamos a cubrir.

Son los objetos que están disponibles en Javascript para controlar cualquier elemento presente en el navevador, se conoce normalmente con las siglas BOM, Browser Object Model o modelo de objetos del navegador.

Estudiamos el objeto window de Javascript que nos sirve para controlar la ventana del navegador. Detallamos sus propiedades y hacemos un ejemplo.

El objeto window de Javascript tiene a disposición de los programadores una larga lista de métodos. Los estudiamos y vemos ejemplos.

Entre los objetos que nos ofrece Javascript en el navegador uno importante es location, que nos ofrece información sobre la URL actual y permite realizar cambios en la URL, redirigiendo al navegador a otras páginas.

Javascript, en el contexto del navegador, ofrece un objeto llamado history que nos sirve para controlar y moverse por el historial de navegación del usuario.

En este artículo vamos a ofrecer una explicación general de lo que es el DOM (Document Object Model) y conoceremos los principales mecanismos de acceso a los objetos que representan los elementos de la página.

Una descripción del objeto de Javascript que sirve para controlar el domumento que se visualiza en el navegador. También hay una lista de todas sus propiedades.

Vemos varios ejemplos de acceso y manipulación de las propiedades del objeto document de Javascript.

Vemos una lista de los eventos disponibles en el objeto document.

Es el proceso en el que el navegador escribe la página. Para escribir en la página desde Javascript el flujo del documento debe estar abierto.

Para continuar vamos a ver una serie de capítulos enfocados a aprender a trabajar con los formularios. Ahora veremos como acceder a los formularios y sus elementos.

Vamos a ver un ejemplo del trabajo con formularios en el que desarrollaremos una calculadora sencilla.

Echamos un vistazo a las distintas propiedades y métodos del objeto form de Javascript. Mostramos algún ejemplo de utilización de propiedades y una sencilla validación de formulario y envío con el método submit().

Explicación y documentación de los campos de texto y su control con Javascript. Se incluyen los campos de tipo text, password y hidden.

Capítulo sobre el control del elemento de formulario tipo checkbox o caja de verificación. Estudiamos sus métodos y propiedades, con ejemplos.

Explicación sobre el manejo de radio buttons en Javascript. Lista de métodos y propiedades junto con algún ejemplo de su funcionamiento.

Descripción y ejemplo para el control de campos de formulario select, también llamados listas desplegables o combo box.

Los elementos textarea son los campos que permiten introducir varias líneas de texto. Aprendemos a controlarlos con programación Javascript.

Cómo hacer con Javascript que un elemento de formulario select cambie sus opciones cuando cambie otro elemento select de la página. De modo que cada opción de un select tenga un grupo de opciones posibles para el otro select.

Una explicación sobre lo que son los eventos y como definir sus acciones asociadas en Javascript.

Lista de los manejadores de eventos más habituales del lenguaje Javascript, junto con una descripción de cada uno.

Vemos enlaces a diversas aplicaciones prácticas donde se tratan eventos y ofrecemos un nuevo ejemplo para el evento onabort.

En este artículo vamos a ver un ejemplo representativo del uso de onblur, especialmente útil para la validación de campos de formulario, una vez que el usuario ha escrito algo en ellos y los elementos pierden el foco.

Ejemplo de uso del evento onunload en Javascript para abrir una ventana secundaria cuando el usuario abandone la página.

Con el evento onload podemos ejecutar acciones justo cuando se han terminado de cargar todos los elementos de la página.

Qué son los eventos personalizados y para qué los podemos usar en el desarrollo frontend con Javascript. Cómo funciona la burbuja de eventos y cómo pasar datos en el objeto evento.

Ahora vamos a abordar algunos eventos un poco más complejos, como los eventos táctiles o "touch". Conoceremos conoceremos una referencia sobre manejo de eventos Touch con Javascript y diversos ejemplos prácticos.

Vemos aspectos básicos sobre la utilización de las cláusulas try y catch para detectar y cazar errores javascript, sin que los errores sean tratados por defecto.

Varias chuletas u hojas de referencia de Javascript, Con un listado de métodos funciones y usos de Javascript para rápida consulta.

Qué otras referencias y manuales existen para seguir con tu aprendizaje de Javascript.

Las librerías Javascript y Ajax más relevantes, para lo que se conoce como la web 2.0, donde jQuery se convirtió en el principal dominador.