Curso Básico de JavaScript

Que tal amigos, Bienvenidos al Curso Básico de JavaScript, prepárense para adquirir los conocimientos necesarios para programar páginas Web interactivas y dinámicas utilizando HTML, CSS y JavaScript.

JavaScript es un Lenguaje de Programación ligero e Interpretado (No necesita Compilación), se utiliza principalmente para dar dinamismo y hiperactividad a las paginas web basadas en HTML y CSS por eso se le ha denominado como «el lenguaje de script para páginas Web», aunque actualmente se esta ampliando su uso en otras plataformas debido a su versatilidad y potencia.

Es un lenguaje de programación que se basa en el modelo de programación orientado a objetos y Eventos.

Conocimientos Necesarios

Amigos, con cada vídeo tutorial de este curso vamos a adquirir conocimientos específicos en JavaScript hasta lograr estar en la capacidad de crear páginas Web completamente dinámicas e interactivas. Pero para comprender claramente todos los procesos presentados en este curso es esencial que tengamos los siguientes conocimientos previos:

Introducción

¿Que es JavaScript? y ¿Para qué sirve JavaScript?, son preguntas que respondemos en este vídeo introductorio. Prepárense para aprender JavaScript con nuestro Curso Básico de JavaScript:

Curso básico de JavaScript - Parte 1 - ¿Qué es? - ¿Para qué sirve?
Ver este vídeo en YouTube.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
Introducción al Curso Básico de JavaScript

Preparación de Visual Studio Code

En este curso vamos a utilizar Visual Studio Code como herramienta principal para montar los proyectos y ejercicios.

Visual Studio Code es un editor de código fuente desarrollado por Microsoft para Windows , Linux y macOS. Incluye soporte para la depuración, control integrado de Git, resaltado de sintaxis, finalización inteligente de código, fragmentos y refactorización de código. También es personalizable, por lo que los usuarios pueden cambiar el tema del editor, los atajos de teclado y las preferencias. Es gratuito y de código abierto.

Wikipedia ( https://es.wikipedia.org/wiki/Visual_Studio_Code )

A continuación el siguiente vídeo tutorial vamos a ver como se instala y prepara esta herramienta, y dejaremos todo listo para comenzar a estudiar la sintaxis de JavaScript.

Curso básico de JavaScript - Parte 2 - Preparación del Editor VS Code
Ver este vídeo en YouTube.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
Cómo instalar y preparar Visual Studio Code para trabajar en este curso.

Estudiando la Sintaxis de JavaScript

Cuando comenzamos en un lenguaje de programación lo principal es familiarizarnos con la sintaxis del lenguaje:

  • Aprender a crear y utilizar variables para generar operaciones entre ellas.
  • Conocer las estructuras condicionales principales que tiene el lenguaje.
  • Estudiar la forma en que se crean y utilizan los arreglos.
  • Conocer las estructuras repetitivas principales que tiene el lenguaje.
  • Aprender a crear funciones.

Teniendo en cuenta lo anterior, vamos a centrarnos inicialmente en entender rápidamente como funciona JavaScript, Es importante no saltarnos estos conocimientos aunque aveces nuestro entusiasmo por adelantarnos nos pretenda ganar.

Variables – Operadores – Condicionales

Lo primero para aprender de un lenguaje de programación es lo más básico, Cómo almacenar la información en variables, cómo hacer operaciones y tomar decisiones según los datos obtenidos.

En el siguiente vídeo tutorial aprenderemos esta nociones básicas de JavaScript, Adelante anímate:

Curso básico de JavaScript - Parte 3 - Variables - Operadores - Condicionales
Ver este vídeo en YouTube.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
Cómo crear variables en JavaScript, Cómo hacer operaciones entre variables, Cómo utilizar estructuras Condicionales en JavaScript.

Arreglos – Bucles o Bloques Repetitivos

Los Arreglos son variables de tipo lista, es decir que en una sola variable podemos almacenar o relacionar varios elementos. Son útiles cuando en un programa necesitamos almacenar varios datos que se encuentran relacionados entre si por algún motivo.

Por medio de los bucles o bloques repetitivos podemos repetir segmentos de código, controlando el número de ciclos o repeticiones por medio de sentencias condicionales. A menudo estas estructuras son utilizadas para recorrer arreglos.

A continuación en el siguiente vídeo veremos cómo se manejan los arreglos y bucles en JavaScript, adelante anímate:

Curso básico de JavaScript - Parte 4 - Arreglos y Bucles o Bloques Repetitivos
Ver este vídeo en YouTube.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
Cómo utilizar arreglos en JavaScript, Cómo utilizar bucles en JavaScript.

Funciones y Eventos

Las funciones dentro de los lenguajes de programación son una serie de sentencias de código agrupadas, las cuales tienen como objetivo realizar una tarea especifica o devolver un valor.
Cuando una función es declarada o creada esta podrá ser llamada y ejecutada cuando la necesitemos.

En el siguiente vídeo vamos a aprender a crear y utilizar funciones, pero además iremos un paso más allá haremos el primer llamado a JavaScript desde una página Web, es decir veremos como desde un evento como oprimir un botón de nuestra página podemos ejecutar código de JavaScript, de una forma muy fácil.

A partir de este vídeo y los que vienen empezaremos a sacarle el jugo a este potente lenguaje de programación, Adelante y anímate:

Curso básico de JavaScript - Parte 5 - Funciones y Eventos
Ver este vídeo en YouTube.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
Cómo utilizar funciones y eventos con JavaScript

El DOM y JavaScript

A continuación el este Curso Básico de JavaScript exploraremos las características esenciales más importantes que hacen a JavaScript un lenguaje de programación tan extendido y utilizado en el desarrollo Web. Estamos hablando de la capacidad de aportar dinamismo e interacción a las páginas Web, pero amigos, esta interacción entre JavaScript y HTML no sería posible sin el DOM.

El DOM es una Interfaz de programación para los documentos HTML y XML. Facilita una representación estructurada del documento y define de qué manera los programas pueden acceder, al fin de modificar, tanto su estructura, estilo y contenido. El DOM da una representación del documento como un grupo de nodos y objetos estructurados que tienen propiedades y métodos. Esencialmente, conecta las páginas web a scripts o lenguajes de programación como JavaScript.

developer.mozilla.org

En el siguiente vídeo nos centraremos en estudiar como por medio del DOM JavaScript accede al HTML de una página Web para modificar su estructura, estilo o contenido de una forma sencilla. No se pierdan el próximo vídeo.

Curso básico de JavaScript - Parte 6 - El DOM y JavaScript
Ver este vídeo en YouTube.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
Cómo utilizar el DOM desde JavaScript para modificar páginas Web

Ejemplos y Ejercicios

A partir de este momento damos comienzo a la parte práctica del Curso Básico de JavaScript. Por medio de ejemplos sencillos vamos a aplicar todos los conocimientos adquiridos para crear diferentes herramientas que pueden ser de gran utilidad cuando creamos páginas Web.

Acordeón en JavaScript

Las Acordeones en las páginas Web son componentes que permiten expandir o contraer contenidos al dar clic sobre un encabezado. Son muy útiles cuando tenemos una página muy extensa, dividida por diferentes secciones, podemos aplicar una acordeón para que todos los contenidos permanezcan ocultos y sea el usuario quien decide que contenido expandir o contraer según sus necesidades. No te pierdas el siguiente vídeo:

Curso básico de JavaScript - Parte 7 - Acordeon Con JavaScript - Ejemplos y Ejercicios
Ver este vídeo en YouTube.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.

Slider en JavaScript

Los Slider son componentes Web con los cuales se pueden realizar presentaciones de imágenes o diapositivas. Estos componentes son muy llamativos en la páginas Web por tal motivo su uso es muy común.

En el siguiente vídeo aprenderemos a crear un Slider sencillo, fácil de implementar en cualquier página Web, si logramos entender su funcionamiento y programación será muy fácil mejorarlo con nuevas funcionalidades. Anímate y aprende:

Curso básico de JavaScript Parte 8️⃣ Slider Con JavaScript - Ejemplos y Ejercicios
Ver este vídeo en YouTube.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

5 + 1 =

Información básica sobre protección de datos Ver más

  • Responsable Videojuegos y Desarrollo.
  • Finalidad  Moderar los comentarios.
  • Legitimación Tu consentimiento.
  • Destinatarios  Colombia Hosting.
  • Derechos Acceder, rectificar y suprimir los datos.
  • Información Adicional Puedes consultar la información detallada en la Política de Privacidad.