Curso de Javascript

Curso de Javascript

Grupo Máster Madrid

Curso de Javascript
Introducción al diseño web del lado del cliente

Curso de JavaScript. -Hoy en día JavaScript se utiliza en muchos sitios, Frontend, Backend, aplicaciones isomórficas, microcontroladores, Internet of Things, wearables, etc… Convirtiéndole en el lenguaje de programación del presente.

Javascript es un lenguaje interpretado usado para múltiples propósitos pero solo considerado como un complemento hasta ahora. Una de las innovaciones que ayudó a cambiar el modo en que vemos Javascript fue el desarrollo de nuevos motores de interpretación, creados para acelerar el procesamiento de código.

JavaScript es un lenguaje de programación del lado del cliente, que se utiliza principalmente para crear páginas web dinámicas.

Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.

Gracias a el tenemos aplicaciones como Gmail, o Twitter, que son fuertemente dinámicas y hacen que la experiencia de uso sea mucho mejor que antaño, cuando las páginas web tenían que recargarse cada vez que realizábamos una acción.

JavaScript, es un lenguaje muy demandado en la industria hoy en día, ya que además de utilizarse en el navegador, también puede usarse en el lado del servidor (Node.js).

Un poco de historia
Curso de Javascript

A modo de introducción a JavaScript, en lo que a su historia se refiere, daremos un par de pinceladas de historia.

En 1995, Brendan Eich (Actualmente CEO de Mozilla) desarrolló lo que sería la primera versión de JavaScript para el navegador Netscape Navigator. En aquel momento se llamó Mocha y después fue renombrado a LiveScript. El nombre de JavaScript se le dió debido a que Netscape añadió compatibilidad con Java en su navegador y era una tecnología muy popular en áquel momento. Además Netscape fue adquirida por Sun Microsystems, propietaria de la marca Java.

En 1999 se estandariza la versión 3 de JavaScript que se mantuvo vigente hasta hace relativamente poco. Hubo algunos intentos de lanzar una versión 4, pero la que finalmente se estandarizó y sigue hasta el momento es la versión 5 de ECMAScript, aprobada en 2011.

En Junio de 2013 el borrador de la versión 6 se quedó parado, pero en diciembre de 2014 finalmente fue aprobado y se estandarizó en Julio de 2015

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos.

A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de programación Java. Legalmente, JavaScript es una marca registrada de la empresa Sun Microsystems.

Para el correcto seguimiento de este Curso de JavaScript, es necesario un conocimiento medio de Html y Css.

Curso de Javascript
Sintaxis de JavaScript

Sintaxis de JavaScript
Curso de Javascript

La sintaxis de un lenguaje de programación se define como el conjunto de reglas que deben seguirse al escribir el código fuente de los programas para considerarse como correctos para ese lenguaje de programación.

La sintaxis de JavaScript es muy similar a la de otros lenguajes de programación como Java y C. Las normas básicas que definen la sintaxis de JavaScript son las siguientes:

  • No se tienen en cuenta los espacios en blanco y las nuevas líneas: somo sucede con HTML, el intérprete de JavaScript ignora cualquier espacio en blanco sobrante
  • Case sensitive: se distinguen las mayúsculas y minúsculas, si en JavaScript se intercambian mayúsculas y minúsculas el script no funciona
  • No se define el tipo de las variables: al crear una variable, no es necesario indicar el tipo de dato que almacenará. De esta forma, una misma variable puede almacenar diferentes tipos de datos durante la ejecución del script.
  • No es necesario terminar cada sentencia con el carácter de punto y coma (;): Aunque JavaScript no obliga a hacerlo, es conveniente seguir la tradición de terminar cada sentencia con el carácter del punto y coma (;)
  • Se pueden incluir comentarios: JavaScript define dos tipos de comentarios: los de una sola línea y los que ocupan varias líneas

En este Curso de JavaScript, intentaremos desarrollar y explicar paso a paso un amplio temario, que abarcará desde lo más básico, hasta completar este Curso de JavaScript desde cero con Ajax

Toda la documentación y referencia sobre JavaScript se puede encontrar en el sitio web de desarrolladores de Mozilla, muy recomendable de visitar cuando se tienen dudas sobre como se usa o implementa una función u objeto determinado.

Curso de Javascript
Capitulos

1. JavaScript en HTML


Capitulo 1
Existen tres técnicas para incorporar código Javascript dentro de HTML, Javascript en linea, embebido y en archivo externo

Ver...

2. Variables numéricas en JavaScript


Capitulo 2
Las variables numéricas en JavaScript, sirven para almacenar valores numéricos. Son utilizados para contar, hacer cálculos y comparaciones

Ver...

3.Cadenas de texto en JavaScript


Capitulo 3
Cadenas de texto en JavaScript, Strings en ingles, son aquellas que se utilizan para almacenar caracteres, palabras, y/o frases de texto.

Ver...

4.Operadores en JavaScript.


Capitulo 4
Operadores en JavaScript.permiten manipular el valor de las variables, realizar operaciones con sus valores y comparar diferentes variables

Ver...

5.Arrays en JavaScript.


Capitulo 5
Arrays en JavaScript. son una colección de elementos, que pueden ser todos del mismo tipo o no, que podemos almacenar en una sola variable

Ver...

6. Condicional if en JavaScript


Capitulo 6
Condicional if en JavaScript Los Condicionales en JavaScript, entran dentro de lo que llamamos estructuras de control de flujo

Ver...

7. Condicional switch en JavaScript


Capitulo 7
Condicional switch en JavaScriptLa estructura switch() evalúa una variable entre distintas posibilidades con distintas acciones para cada una

Ver...

8. Bucles While en JavaScript.


Capitulo 8
Bucles While en JavaScript. Un bucle es una estructura que se va a repetir tantas veces como se cumpla una condición dada.

Ver...

9. Bucle Do While en JavaScript.


Capitulo 9
Bucles Do While en JavaScript Un bucle en el que siempre se ejecuta la acción del bucle por lo menos una vez

Ver...

10. Bucles For en JavaScript.


Capitulo 10
Bucles For en JavaScript Un bucle es la repetición de una o varias sentencias un número determinado de veces veamos como funciona el bucle for

Ver...

11. Otras sentencias de iteración en JavaScript


Capitulo 11
Otras sentencias de iteración en JavaScript. Despues de ver While, Do…While y For JavaScript dispone ademas de otras sentencias de iteración

Ver...

12. Funciones en JavaScript


Capitulo 12
Funciones en JavaScript. Una función es un conjunto de instrucciones que se agrupan para realizar una tarea concreta y que son reutilizables.

Ver...

13. Métodos para Arrays en JavaScript


Capitulo 13
Métodos para Arrays. Un método, es una función definida a partir de un Objeto Estos están predefinidos en JavaScript y sólo tendremos que invocarlos

Ver...

14. Métodos para Strings en JavaScript


Capitulo 14
Métodos para Strings. Un objeto String tiene un conjunto de propiedades y métodos que vienen predefinidos en el lenguaje para este de objeto.

Ver...

15. Expresiones regulares en JavaScript


Capitulo 15
Las expresiones regulares. Las expresiones regulares son usadas para realizar búsquedas avanzadas en una cadena, mediante un patrón de caracteres.

Ver...

16. Métodos para variables numéricas


Capitulo 16
Métodos para variables numéricas. JavaScript proporciona una serie de funciones predefinidas y palabras clave o constantes para trabajar con números

Ver...

17. El objeto Math()


Capitulo 17
El objeto Math() . El Objeto Math() cuenta con varios métodos y propiedades que utilizaremos para realizar cálculos matemáticos

Ver...

18. El objeto Date()


Capitulo 18
El objeto Date(). El objeto Date() cuenta con varios métodos y propiedades que utilizaremos para el tratamiento de fechas

Ver...

19. El Scope de JavaScript


Capitulo 19
El Scope de JavaScript. Es Scope o ámbito de la variable el contexto en el cual la variable existe, es decir desde donde podemos acceder a ella

Ver...

20. Manipular el DOM con Javascript


Capitulo 20
Manipular el DOM con Javascript. JavaScript nos permite acceder, crear, modificar e incluso eliminar, los diferentes nodos que forman una página web.

Ver...

21. Manipular los atributos del DOM


Capitulo 21
Manipular los atributos del DOM . En este capitulo vamos trabajar con los atributos de los elementos dentro del DOM podemos modificaros, agregar nuevos etc…

Ver...

22. Modificar estilos CSS con JavaScript


Capitulo 22
Modificar estilos CSS. Modificar estilos CSS con JavaScript. En este capitulo vamos ver como podemos trabajar con las clases y los estilos CSS con JavaScript

Ver...

23. Eventos del DOM


Capitulo 22
Eventos del DOM. Los eventos, son como decimos, código que se va a realizar en sólo en respuesta a alguna acción del usuario, sobre nuestro sitio web, vamos a ello…

Ver...

24. Validar formularios con JavaScript


Capitulo 24
Validar formularios . Validar formularios con JavaScript, Muchas aplicaciones pueden precisar validar si lo que está introduciendo el usuario son los datos que se le piden

Ver...

25. Manejar ventanas con JavaScript


Capitulo 25
Manejar ventanas. El Objeto Window() Contiene las propiedades y métodos que permiten ejecutar funciones específicas con las ventanas en JavaScript

Ver...

26. Objetos en JavaScript


Capitulo 26
Objetos en JavaScript. JavaScript nos da la posibilidad de crear Objetos nuevos que se adapten a nuestras necesidades, empezamos Orientación a Objetos en JS

Ver...

27. Propiedades en JavaScript


Capitulo 27
Propiedades en JavaScript. JavaScript nos da la posibilidad definir propiedades a partir de Objetos nuevos definidos por nosotros.

Ver...

28. Métodos en JavaScript


Capitulo 28
Metodos en JavaScript. JavaScript también nos da la posibilidad definir Métodos a partir de Objetos nuevos definidos por nosotros.

Ver...

29. Herencia en JavaScript


Capitulo 29
Herencia en JavaScript. Es la posibilidad definir propiedades y métodos a partir de clases y clases hijas heredando de ambas sus métodos y propiedades.

Ver...

Ejercicios resueltos de JavaScript I


Curso de Javascript
Capitulo
Ejercicios resueltos de JavaScript. Como complemento al curso aquí tenéis una serie de ejercicios propuestos y resueltos

Ver...