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:
- Conocimientos y dominio de los fundamentos de la programación: Es importante que todo programador o desarrollador tenga unas bases excelentes de lógica de programación, esta destreza garantiza que podamos encontrar soluciones lógicas a problemas y sobre todo que seamos capaces de trasmitirlas al computador por medio de un lenguaje de programación. Pueden complementar estos conocimientos con nuestro curso de Fundamentos de programación, haciendo clic en este enlace.
- Destrezas básicas en Programación: En este curso nos enfrentaremos a un entorno real de programación, lo ideal es que por lo menos hayamos tenido contacto con un lenguaje de programación para principiantes como LPP. En este enlace pueden encontrar un curso de Programación para Principiantes que les puede ayudar a subir ese primer escalón.
- Conocimiento básico en creación de páginas Web con HTML y CSS: El objetivo de este curso es aprender a integrar JavaScript en las páginas Web que construimos, Debes estar en capacidad de montar una página utilizando HTML y aplicar estilos por medio de los CSS. Si necesitan fortalecer las habilidades en HTML5 y CSS les recomendamos ingresar al curso de HTML y CSS básico que tenemos para ustedes en este enlace.
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:
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
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.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
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:
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
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:
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
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:
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
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.
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
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:
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:
Amigo! Recuerda ver estos vídeos en PANTALLA COMPLETA y preferiblemente en formato HD para ver correctamente los detalles, Gracias.
