WhatsApp

  
Aprendiendo lógica de programación con JavaScript parte 1
Aprendiendo JS desde cero

En el vasto mundo de la programación, aprender lógica es el primer paso fundamental para convertirse en un desarrollador competente. JavaScript, siendo uno de los lenguajes de programación más populares y versátiles, ofrece una sólida base para adentrarse en los principios lógicos de la codificación. En este blog, exploraremos algunos conceptos básicos de lógica de programación en JavaScript, centrándonos en elementos esenciales como variables, condicionales y bucles. Comencemos nuestro viaje para entender cómo estas piezas del rompecabezas se ensamblan para crear programas efectivos y funcionales.

man in black shirt with blue eyes 

¿Qué es lógica de programación?

La lógica de programación es la capacidad de pensar de manera estructurada para resolver problemas, y estos conceptos son herramientas esenciales en tu caja de herramientas de desarrollo.

Preparación de un Sándwich: Aplicando Lógica de Programación en la Vida Cotidiana

  1. Identificación de Variables (Ingredientes):

    • En la preparación de un sándwich, tus variables son los ingredientes que seleccionas. Estos podrían incluir:
      • Pan
      • Proteína (pollo, jamón, etc.)
      • Vegetales (lechuga, tomate, cebolla)
      • Condimentos (mayonesa, mostaza)
  2. Condicionales (if):

    • Tomas decisiones basadas en condiciones. Por ejemplo, si tienes vegetales disponibles, decides añadirlos al sándwich. Si no, puedes optar por un sándwich más sencillo.
  3. Bucle (while):

    • El proceso de construir el sándwich puede compararse con un bucle. Repites pasos hasta que el sándwich esté completo. Puedes considerar un bucle mientras seleccionas ingredientes y los colocas en el pan.
  4. Registro de Información:

    • Observas y registras el progreso a medida que avanzas en la preparación del sándwich. Por ejemplo, tomas nota mental de los pasos que has completado, como untar la mayonesa o agregar las rebanadas de tomate.
  5. Vinculando Ingredientes:

    • Similar a vincular variables en programación, combinas ingredientes para crear el sándwich. Aseguras que los componentes se complementen entre sí para una experiencia de sabor balanceada.
  6. Ejecución de Acciones según la Lógica:

    • Sigues un conjunto de instrucciones lógicas, como colocar la proteína entre las capas de pan o distribuir uniformemente los vegetales. Estas acciones se basan en la lógica para crear un sándwich bien estructurado.
  7. Validación del Proceso:

    • Antes de finalizar, puedes validar el sándwich, asegurándote de que todos los ingredientes estén correctamente colocados y que se ajuste a tus preferencias.
  8. Mensajes Finales y Disfrute:

    • Una vez completado el proceso, puedes compartir mensajes finales, como "¡Sándwich listo para disfrutar!" Similar a mostrar resultados en programación.


sandwich on white surface

 

Comencemos con nuestro curso:

Variables en JavaScript: Utilizando let para Definir y Asignar Valores

  • La lógica de programación implica organizar y manipular datos. En JavaScript, usamos let para declarar y asignar valores a variables. Ejemplo:
let edad = 25;

let nombre = "Juan";


Interactuando con el Usuario: alert y prompt

  • La comunicación es clave en la programación. alert  se utiliza para mostrar mensajes emergentes en el navegador. Es una función simple pero útil para la interacción básica con el usuario. permite mostrar mensajes al usuario, mientras que prompt recopila datos de entrada, se utiliza para solicitar información al usuario a través de una ventana emergente en el navegador. Esta ventana permite al usuario ingresar datos, como texto, y devuelve el valor ingresado como una cadena de texto. Ejemplos:
alert("¡Bienvenido a nuestro sitio!");

let usuario = prompt("Por favor, ingrese su nombre:");

  • Integrar variables con alert y prompt es crucial para interactuar con el usuario de manera dinámica. Ejemplo:



let nombreUsuario = prompt("Ingrese su nombre:"); alert("¡Hola, " + nombreUsuario + "! Bienvenido.");

Practiquemos!!

1.Crear un alert el cual nos indique el mensaje "Este es nuestra pagina web".

2.Crear una variable let, con el nombre numeroSuerte y asignarle el número 25.

3. A través de un prompt pide el nombre del usuario.

4. Utilizando un alert pon el siguiente mensaje "Hola {NombreUsuario} tu numero de la suerte es {numeroSuerte}

Si requieres ayuda o quieres ver si llegaste al resultado deseado te dejaré un link a GitHub el cual te llevará a la resolución del ejercicio.

Recuerda practicar continuamente y aplicar estos conocimientos en proyectos reales para fortalecer tu comprensión. ¡Espero que esta guía te haya proporcionado una sólida comprensión de las herramientas básicas en JavaScript!


Sebastian Granados 8 febrero, 2024
Compartir


Iniciar sesión dejar un comentario

  
¿Cómo crear una página web empresarial?