JavaScript Full- Curso desde Principiante hasta Profesional

Introducción a la sección de fundamentos de JavaScript

Antes de empezar a aprender a programar en JavaScript, debemos conocer que es es te Lenguaje, una breve introducción de conceptos sobre JavaScript.

Lección donde explicamos las variables, su definición y los tipos de datos en JavaScript.

En esta lección vamos a ver algunas reglas al considerar al momento de definir variables en JavaScript.

En esta lección hablamos sobre cómo incorporar comentarios a nuestro código.

Conversión de tipos en JavaScript.

JavaScript - Operadores Aritméticos

Ahora vemos el manejo de operadores Lógicos con JavaScript.

Uso del Operador typeof en JavaScript.

Operadores unarios de incremento y decremento en JavaScript.

Revisamos los operadores de asignación en JavaScript.

Enlace a información sobre el manejo de operadores.

Temrario de la sección de HTML5 y CSS3.

Breve introducción a la estructura de un documento HTML5.

Etiquetas en HTML.

Hacemos una breve introducción a CSS.

Temario de la sección de sentencias en JavaScript.

Ahora vamos a revisar como funciona la instrucción if/else

Sentencias condicionales con JavaScript y el uso de If anidados.

Aprendemos el uso del operador ternario, que nos permite hacer un if/else en una sola línea.

Aprendemos el uso de la sentencia Switch.

Explicamos como funciona la sentencia for, una de las más utilizadas cuando se trabaja con bucles.

Explicamos la sentencia while de JavaScript.

Explicamos el funcionamiento de la sentencia do.. while de javascript.

Vamos a ver cuando un valor es considerado verdadero y cuando falso, sobre todo cuando hacemos comparaciones en JavaScript.

Ejercicio de codificación sobre sentencias.

Realizamos la solución al ejercicio planteado.

Temario de la sección de Funciones en JavaScript.

Aprendemos a crear nuestra primera función en JavaScript.

Revisamos como se pasan argumentos o parámetros a las funciones en Javascript.

Hacemos un ejemplo de uso de una función, que convierte grados Fahrenheit a grados Celsius.

Hacemos otro ejemplo, en donde hacemos una sencilla función para calcular la edad de una persona.

Ejercicio de codificación sobre el manejo de funciones.

Le damos solución al Ejercicio 3.

Vemos otra sintanxis de como definir componentes, y es la sintaxis más utilizada en la actualidad por el nuevo EcmaScript.

Vemos el resultado de utilizar argumentos undefined en nuestras funciones.

Vemos que es lo que pasa cuando utilizamos argumentos nulos en nuestras funciones.

Vemos como tener argumentos con valores por defecto dentro de una función en JavaScript.

Revisamos sobre el uso de plantillar strings o de cadenas.

Planteamos el ejercicio 4.

Resolvemos el ejercicio 4.

Descarga el código de esta sección - Funciones en JavaScript.

Temario de la sección de arreglos y objetos en Javascript.

Empezamos con una breve explicación sobre que son los Arreglos.

Aprendemos como declarar arreglos, cómo utilizarlo, y el manejo de los índices.

Explicamos las operaciones básicas para el manejo de arreglos con JavaScript.

Explicamos como un arreglo puede tener elementos de diferentes tipos.

Vemos la definición de un objeto de forma literal.

Vemos la definición de objetos, utilizando la sintaxis Object.

Explicamos el uso de métodos en un objeto JavaScript.

Temario sobre la Manipulación del DOM con Javascript.

Explicamos que es el Modelo de Objetos del Documento, en este caso de un documento HTML, también llamado DOM.

Creamos el proyecto para el manejo del DOM.

Una vista rápida a lo que es el DOM de nuestro documento utilizando JavaScript.

Empezamos la manipulación del DOM utilizando los métodos getElemetById, getElementsByClassName, getElementsByTagName.

Hacemos consultas a nuestro DOM por medio de los selectores que utilizamos en CSS.

Vemos la selección y manipulación de elementos padres en nuestro DOM.

Vemos la selección y manipulación de elementos y nodos hijos en nuestro DOM.

Selección de elementos hermanos de nuestro DOM.

Ahora vamos a crear elementos en nuestro DOM utilizando JavaScript.

Cambiamos el diseño de nuestro sitio para ya empezar a hacer que todo funcione.

Utilizamos lo aprendido para manipular los elementos de una lista con JavaScript.

Ahora empezamos a manipular el DOM de nuestro sitio, ponemos en práctica lo aprendido.

Creamos la función para eliminar los elementos de la lista.

Finalmente aplicamos un algoritmo para realizar una búsqueda en una lista.

Adjuntamos el código JavaScript explicado en todas las lecciones de esta sección.

Repasamos la historia de JavaScript.

Revisamos las nuevas características que nos trae ES6 y versiones superiores.

Ahora vemos la nueva forma de declarar variables en JavaScript, utilizando Let y Const, asi como su uso sencillo del mismo.

Hablamos un poco sobre los bloques en JavaScript, y el alcance de las variables en ES6.

Revisamos nuevamente lo que es el manejo de plantillas de cadenas, pero ahora utilizando métodos en su uso.

Aprendemos el uso de nuevas funciones para el manejo de cadenas que nos trae ES6.

Una de las mejores significativas a partir de ES6 son las funciones flecha, hacmeos una breve introducción a su uso.

Seguimos con el concepto en práctica de las funciones flecha.

Otro concepto que aparece en las nuevas versiones de JavaScript es la destructuración, y en está lección te explicamos sobre ello.

Para que quede aún mas claro el concepto de la destructuración, que mejor que aplicarlo en un ejemplo real de uso.

Revisamos otra nueva estructura de datos que trar JavaScript en sus nuevas versiones, y como es utilizada, nos referimos a los mapas.

Vemos un nuevo operador que nos trae ES6, llamado spread operator.

Temario de la sección de Javascript moderno - Objetos.

Empezamos con el manejo de objetos en JavaScript, explicando lo básico.

Hacemos un pequeño ejercicios para entender aún mas sobre los objetos en JavaScript.

Ejemplo de como utilizar los objetos en llamdas a funciones, como argumentos, y con devolución de objetos.

Ahora ingresamos a otros concepto de la POO en JavaScript, el uso de métodos en los objetos.

Explicamos el uso de this en los objetos.

Revisamos el objeto cadena o String que es uno de los objetos propios del lenguaje.

Explicacmos como realizar el proceso de destructuración con Objetos.

Segunda parte destructuación de objetos.

Temario de la sección de Clases con Javascript Moderno - ES6+.

Una breve introducción a la Programación Orientada a Objetos en JavaScript.

Empezamos una nueva sección, en donde ahora vamos a complementar lo visto en la sección anterior, objetos pero utilizando Clases.

Segunda parte sobre las sintaxis de clases en JavaScript.

Herencia en JavaScript, para ello nos vamos a valer del uso de subclases.

Seguimos viendo el manejo de subclases.

Revisamos el maneo de set y get en una clase, como parte de la programación orientada a objetos.