Curso gratuito de JavaScript

Estrada Web Group
Estrada Web Group

El objetivo de este curso es poder aprender JavaScript de forma sencilla viendo un concepto teórico, luego algunos ejemplos resueltos y por último y lo más importante, efectuar una serie de ejemplos tu solo. Este curso es complementario al curso gratuito de HTML5 y el curso de CSS3

¿Qué es JavaScript?

JavaScript es un lenguaje interpretado, multiplataforma y orientado a objetos el cual se basa en el estándar ECMAScript.

Un lenguaje interpretado significa que las instrucciones las analiza y procesa el navegador en el momento que deben ser ejecutadas.

Dentro de este curso de JavaScript vamos a hacer ejemplos básicos del lenguaje, ejemplos que trabajan con el DOM de las páginas web o ejemplos que hagan uso de alguna librería como Modernizr, Raphael, jQuery, entre otras

Para empezar a probar el lenguaje JavaScript puedes abrir la Consola JavaScript de tu navegador y empezar a escribir código.

console.log("Mi Primer Código JavaScript del Curso de Programación Gratis");

Ejemplo

Vamos a crear un programa que muestre en una página web el mensaje “Hola Mundo estoy aprendiendo a programar en Estrada Web Group”.

<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>
<script>
  document.write(' Hola Mundo estoy aprendiendo a programar en Estrada Web Group ');
</script>
</body>
</html>

En el ejemplo anterior podemos ver que con document.write se escribe en el documento HTML y el código JavaScript debe ir encerrado en las etiquetas <script></script>.

JavaScript es sensible a mayúsculas y minúsculas, por lo que hay que tener cuidado como escribimos nuestro código, pero no te preocupes esto es solo el inicio y poco a poco te iras familiarizando con el tema.

Sección 1. Primeros pasos

Sección 2. Fundamentos

  • Sintaxis: detalles de la sintaxis de JavaScript, incluidos espacios en blanco, declaraciones, identificadores, palabras clave, expresiones y comentarios.
  • Variables: muestra cómo declarar variables.
  • Tipos de datos: te presentamos los tipos de datos de JavaScript, incluidos los tipos primitivos y de referencia.
  • Número: aprenderás cómo JavaScript usa el tipo Número para representar los números enteros y de coma flotante.
  • Separador numérico: te muestra cómo hacer que los números sean más legibles usando guiones bajos como separadores numéricos.
  • Literales octales y binarios: brinda soporte para literales binarios y cambia la forma de representar los literales octales.
  • Booleano: te presentamos el tipo boolean.
  • String: aprenderás sobre el tipo primitivo de cadenas de texto (string) y algunas operaciones básicas de un string.
  • Objeto: te presenta el tipo de objeto.
  • Valores primitivos frente a valores de referencia: aprenderás dos tipos de valores en JavaScript, incluidos los valores primitivos y de referencia, y las diferencias entre ellos.
  • Array: te presenta el tipo Array y cómo manipular los elementos de la matriz.

Sección 3. Operadores

Sección 4. Declaraciones de flujo de control

  • if: te muestra cómo usar la declaración if para ejecutar un bloque si una condición es verdadera.
  • if…else: aprende a ejecutar un bloque de código en función de una condición específica.
  • if…else…if – verifica múltiples condiciones y ejecuta un bloque.
  • Operadores ternarios: te muestran cómo hacer un atajo para la instrucción if (? :).
  • switch: te muestra cómo reemplazar múltiples sentencias if al comparar un valor con múltiples variantes usando la sentencia switch.
  • while: aprende cómo realizar un bucle de prueba previa que ejecuta repetidamente un bloque de código siempre que una condición específica sea verdadera.
  • do...while: muestra cómo realizar un ciclo posterior a la prueba que ejecuta un bloque de código repetidamente hasta que una condición específica es falsa.
  • bucle for: aprende a ejecutar repetidamente un bloque de código en función de varias opciones.
  • bucle for...in: aprende a iterar sobre las propiedades de un objeto utilizando el bucle for...in.
  • break: aprende a terminar prematuramente un bucle.
  • continue: te muestra cómo omitir la iteración actual de un ciclo y saltar a la siguiente.
  • Operador de coma: te guía sobre cómo usar el operador de coma en un bucle for para actualizar varias variables a la vez.

Sección 5. Funciones en JavaScript

Sección 6. Objetos y Prototipos (Objects & Prototypes)

Sección 7. Clases

  • Clases en JavaScript: Introducción a la programación orientada a objetos en JavaScript
  • Sintaxis de clases: Cómo declarar y utilizar una clase en JavaScript
  • Constructores de clase: Cómo crear y utilizar constructores en JavaScript
  • Getters y setters: Cómo definir y utilizar getters y setters en una clase en JavaScript
  • Métodos en una clase: Cómo definir y utilizar métodos en una clase en JavaScript
  • Propiedades de instancia y de clase: Cómo definir y utilizar propiedades en una clase en JavaScript
  • Herencia: Cómo crear y utilizar la herencia en una clase en JavaScript
  • Clases abstractas: Cómo crear y utilizar clases abstractas en JavaScript
  • Polimorfismo: Cómo utilizar el polimorfismo en una clase en JavaScript
  • Encapsulación: Cómo utilizar la encapsulación en una clase en JavaScript
  • Composición: Cómo utilizar la composición en una clase en JavaScript
  • Interfaces: Cómo definir e implementar interfaces en JavaScript
  • Métodos estáticos: Cómo definir y utilizar métodos estáticos en una clase en JavaScript
  • Propiedades estáticas: Cómo definir y utilizar propiedades estáticas en una clase en JavaScript
  • Métodos privados: Cómo definir y utilizar métodos privados en una clase en JavaScript
  • Campos privados: Cómo definir y utilizar campos privados en una clase en JavaScript
  • Mixins: Cómo utilizar mixins para compartir funcionalidad entre clases en JavaScript
  • Expresiones de clase: Cómo utilizar expresiones de clase para definir clases en JavaScript
  • Propiedades calculadas: Cómo utilizar propiedades calculadas en una clase en JavaScript
  • new.target: Cómo utilizar la metapropiedad new.target en una clase en JavaScript
Compartir artículo:

Más artículos geniales

¿Qué es una función recursiva Javascript?

¿Qué es una función recursiva Javascript?

En este artículo, aprenderás sobre las funciones recursivas en JavaScript y ver cómo funcionan, además de algunos ejemplos simples para ayudarte a comprender mejor su uso. 

Ver artículo completo
¿Cómo eliminar un elemento en un arreglo (array) en JavaScript?

¿Cómo eliminar un elemento en un arreglo (array) en JavaScript?

¿Cómo eliminar un elemento en un arreglo (array) en JavaScript? El método array.splice (indice) es una navaja suiza para los array. Puede hacer todo: insertar, eliminar y reemplazar elementos.

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla