Aprende JAVASCRIPT en 10 minutos 🟡

Aprende JAVASCRIPT en 10 minutos 🟡

Introducción a JavaScript

¿Qué es JavaScript?

  • JavaScript es un lenguaje de programación multiparadigma que combina características de programación funcional, imperativa, procedimental y orientada a objetos.
  • Fue creado en 1995 por Brendan Eich para Netscape y se utiliza principalmente en el lado del cliente para añadir interactividad a páginas web. También se usa en el lado del servidor con Node.js.

Preparación del entorno

  • Antes de escribir código, es necesario preparar el ambiente de trabajo instalando un editor de texto; Visual Studio Code (VSCode) es recomendado.
  • Para ejecutar JavaScript en la computadora, se debe instalar Node.js y verificar la instalación usando el comando node -v en la terminal.

Escribiendo tu primer código

Creación y ejecución del archivo

  • Se crea un archivo llamado index.js donde se escribe console.log('Hola mundo');, guardándolo con Comando + S.
  • Para correr el archivo, se utiliza el comando node index.js en la terminal, lo que imprime "Hola mundo".

Variables y tipos de datos

Declaración de variables

  • Las variables son esenciales para almacenar datos; los tipos más comunes incluyen texto (strings), números enteros y decimales, booleanos (verdadero o falso), listas (arrays) y objetos (diccionarios).
  • Se declara una variable usando la palabra clave let, asignándole un valor como 'El programador pragmático';.

Estructuras de datos

  • Las listas permiten almacenar múltiples valores ordenadamente utilizando corchetes [ ]. También existen mapas u objetos que permiten acceder rápidamente a propiedades mediante llaves .
  • Un ejemplo de objeto sería:

let jugadores =

'10': 'Messi',

'7': 'Cristiano Ronaldo'

;

Constantes y operadores

Uso de constantes

  • Las constantes son similares a las variables pero su valor no puede cambiarse; se declaran con const. Por ejemplo:

const PI = 3.14;

Operadores aritméticos y comparativos

  • Los operadores aritméticos permiten realizar operaciones matemáticas básicas como sumar (+), restar (-), multiplicar (*) o dividir (/).
  • Los operadores comparativos permiten comparar valores; por ejemplo:
  • Igualdad: ==
  • Desigualdad: !=
  • Mayor o menor: <, >, etc.

Condicionales

Control del flujo del código

  • Los condicionales controlan cómo fluye el código según ciertas condiciones; por ejemplo:

if (autorizado)

// Código si autorizado es verdadero.

¿Cómo funcionan los condicionales y funciones en programación?

Condicionales básicos

  • Se puede utilizar un condicional if para verificar si una condición es verdadera. Si no lo es, se utiliza else para ejecutar otro bloque de código.
  • Los operadores comparativos permiten comparar valores, como verificar si una variable entera es igual a 99. También se pueden usar else if para múltiples condiciones.
  • El condicional switch permite comparar un argumento con varias condiciones predefinidas, imprimiendo un mensaje específico según el caso.

Funciones en programación

  • Las funciones son bloques de código reutilizables que se definen con la palabra clave function. Se pueden pasar uno o más argumentos.
  • Al llamar a una función, se puede almacenar el valor retornado en una variable y luego imprimirlo. Por ejemplo, al sumar dos números se obtiene un resultado que puede ser mostrado en consola.

¿Qué son los bucles y cómo se utilizan?

Tipos de bucles

  • Los bucles permiten repetir bloques de código múltiples veces. Son útiles para iterar sobre elementos de una lista.
  • Un bucle for permite recorrer cada elemento de una lista e imprimirlo. Se define creando una variable que almacena cada elemento durante la iteración.
  • El bucle while ejecuta su bloque mientras la condición sea verdadera; por ejemplo, imprime números desde 100 hasta 911 incrementando en cada iteración.

Introducción a la programación orientada a objetos

Conceptos básicos

  • La programación orientada a objetos transforma conceptos del mundo real en objetos dentro del código, permitiendo encapsular datos y comportamientos relacionados.
  • Cada objeto puede tener métodos; por ejemplo, un objeto llamado "javascript" puede tener un método que describe sus propiedades.

Clases y creación de objetos

  • Las clases definen la estructura de los objetos. Se utiliza la palabra clave class, seguida del nombre de la clase y el constructor que inicializa las propiedades del objeto.
  • Para crear un nuevo objeto a partir de una clase, se usa la palabra clave new, pasando los parámetros necesarios al constructor. Esto permite instanciar objetos con características específicas.

Módulos: organización del código

Importancia de los módulos

¿Cómo crear y exportar funciones en JavaScript?

Creación de un archivo y función

  • Se menciona la creación de un nuevo archivo llamado módulo.js, donde se define una función llamada restar. Esta función se exporta utilizando la palabra clave export.
  • En el archivo index.js, se utiliza la palabra clave import para importar la función restar desde el archivo creado, especificando su ubicación con comillas simples.

Configuración del proyecto

  • Para que el código funcione correctamente, es necesario crear un archivo llamado package.json, donde se establece el tipo de proyecto como "module".

Ejecución y aprendizaje

  • Se ejecuta el código nuevamente, destacando cómo se crean bibliotecas o librerías en JavaScript. Se enfatiza que estos son los pasos iniciales para comenzar a trabajar con este lenguaje de programación.

Oportunidades educativas

Video description

Aprende a programar con JavaScript en 15 minutos desde cero! 🟡 📕 ¡Guía de JavaScript Gratis! 👉 https://academia-x.com/aprende-javascript-guia-completa-gratis 🚀 Conviértete en Programador Profesional 👉 https://www.academia-x.com 🖥 Equipos recomendados 👉 https://www.amazon.com/shop/programadorx (enlace afiliado) ---------------------------------------- Sígueme en mis redes 📰 https://www.linkedin.com/in/xavier-reyes-ochoa https://www.instagram.com/programador.x https://www.tiktok.com/@programador.x https://www.facebook.com/programadorxyz https://www.youtube.com/@ProgramadorX ---------------------------------------- Cursos gratuitos 🎁 📘 Edita código con VSCode 👉 https://bit.ly/3UEMoNq 📕 Usa inteligencia artificial con ChatGPT 👉 https://bit.ly/4beDOtQ 📙 Publica páginas web 👉 https://bit.ly/3w35QtI 📗 Aprende a programar con Python 👉 https://bit.ly/3UmdCXw Cursos premium 🚀 📚 Bootcamp de HTML, CSS, JavaScript, Hosting, React, Angular, SQL, Node.js, Python, Algoritmos, Diseño de Sistemas, Preparación para Entrevistas y AWS 👉 https://bit.ly/4aSXJPw ╔═╦═╦═╦══╦═╦══╦═╦═╦══╦══╦═╦═╗ ╔╗╔╗ ║╬║╬║║║╔═╣╬║╔╗║║║║║╔╗║╗╗║║║╬║ ╚╗╔╝ ║╔║╗╣║║╚╗║╗╣╠╣║║║║║╠╣║╩╝║║║╗╣ ╔╝╚╗ ╚╝╚╩╩═╩══╩╩╩╝╚╩╩═╩╩╝╚╩══╩═╩╩╝ ╚╝╚╝ Este tutorial para principiantes es un excelente lugar para empezar si quieres ser programador/a y deseas obtener los conocimientos básicos sobre la lógica de programación en este lenguaje. Este no es un curso completo de JavaScript, sin embargo, te ayudará a tener una mejor noción de este lenguaje en tiempo record como aspirante a Ingeniero/a de software Junior. 📚 Contenido 0:00 - Lógica de Programación 👩‍💻 Aprende a programar en JavaScript 0:49 - Configuración 1:18 - Hola Mundo 1:52 - Comentarios 2:10 - Variables 3:50 - Contantes 4:09 - Operadores 5:42 - Condicionales 6:51 - Funciones 8:08 - Ciclos, Bucles, o Loops 9:26 - Programación Orientada a Objetos 10:29 - Clases 11:54 - Módulos 13:03 - Academia X #javascript #programacionweb #programadorX #html #css #javascript #react #programador #programacion #ingeniero #ingenieria #desarrolloweb #frontend #backend #software 🎁👇 ------------------------------------------------------------------------------------------------ 🥚 10% OFF | ACADEMIA-X.COM | código: PROGRAMADORX ------------------------------------------------------------------------------------------------