Empieza a practicar los conceptos básicos de la programación (parte I)

Entorno de Desarrollo

Lo primero que necesitamos es un entorno de desarrollo. Si ya cuentas con uno, úsalo. Este artículo no se centrará en cómo instalar o configurar uno, pero te proporcionaré el enlace a un entorno en línea para que puedas practicar usando Java mientras lees este artículo.

Enlace al entorno de desarrollo en línea: https://www.mycompiler.io/es/new/java

1. Conceptos a Trabajar: Salida de Datos, Variables y Condicional "if"

   Salida de Datos:

   Nuestro programa nos ofrece una estructura predefinida. Buscaremos nuestra área de trabajo. En este caso, he utilizado "//" para comentar una línea ,y que puedas identificar fácilmente el área en la que trabajaremos.

Escribiremos nuestra primera línea, la cual hará que nuestro programa nos devuelva un texto (en nuestro ejemplo, hacemos clic en el botón verde de ejecutar):

System.out.println("texto a mostrar");

En nuestro entorno, por el momento, solo nos importan estas tres partes: el texto que escribiremos, el texto que nos devuelve el programa ,y el botón para ejecutar o correr el programa.

Hagamos un ejemplo propio. Cambia el texto por lo que tú quieras imprimir en el mensaje. **Por favor, escribe algo propio para que no solo sigas mis pasos, sino que empieces a soltarte y experimentar con el programa**.

Aquí está el mío:

2. Variables:

En programación, las variables son como cajas imaginarias donde puedes guardar cosas.

Escribiremos este código en nuestra área de trabajo y notaremos que el resultado del programa es el mismo.

** Trata de seguirme; ahora explicaré algunos detalles**

yo lo comentare un poco para ir ayudándote a entender lo que hicimos.

Has tus propias pruebas cambiando el nombre de la variable y el texto que guardara.

aquí mi ejemplo;

Nosotros podemos guardar en las variables más tipos de datos, no solo texto; también podemos almacenar números y otros tipos que no tocaremos ni profundizaremos en este artículo.

Escribiremos más artículos sobre el tema en el futuro; aquí tendrás su enlace.

2. Condicionales:

Los utilizaremos para ejecutar uno u otro código dependiendo de la situación (una bifurcación). Pero vayamos construyendo un ejemplo sencillo

esta es la estructura mas básica que podemos tener

Escribamos algo dentro del "if" y veamos que sucede .

La línea que agregamos debería imprimir nuestro mensaje en pantalla, pero falló... (no entres en pánico). Nuestro "if" necesita un estado "true" o "false" (verdadero o falso, encendido o apagado) para funcionar. Agregaré una imagen con ambos estados y veremos qué sucede.

Los condicionales sirven para ejecutar o no algo dependiendo de una evaluación (por ejemplo, el "if" evalúa "true" o "false", si algo es cierto o falso). Hasta aquí entendemos un poco cómo funciona. Compliquémoslo un poco más.

En lugar de "true" o "false", directamente vamos a enviarle información a evaluar.

**Aquí vemos un detalle curioso: el uso de == en programación es utilizado para comparar. Esto se explicará con más detalle en un artículo sobre signos de comparación**.

Si la comparación que estructuramos resulta verdadera ("true"), permitirá la ejecución del código que hemos escrito dentro; de lo contrario, lo ignorará. Voy a dejarte algunos ejemplos más.

hagamos un ejemplo incluyendo variables.

un ejemplo mas , pero evaluando variables dentro del "if".

"Tarea: con esta estructura 'if' tan simple, crea tus propias modificaciones y ejemplos, tan complicados o sencillos como puedas. Atrévete a explorar hasta qué punto puedes complicar el programa, ya sea con tu propia lógica o investigando un poco en internet. Puedes tomar capturas de pantalla y enviármelas para obtener retroalimentación, o simplemente seguir celebrando tu progreso."

**Si quieres tomar una clase para un lenguaje o tema en especifico puedes dejarme un mensaje **

Conclusiones:

En este artículo, trabajamos exclusivamente con el tipo de dato String (texto) ,y algunos números. El objetivo era introducirnos en estos tres conceptos fundamentales de la programación y comenzar a practicar. Es importante tener en cuenta que estos conceptos requieren una mayor profundización, pero queríamos proporcionarte suficiente material para que pudieras practicar y empezar a modificar lo aprendido. La práctica constante es esencial para prepararte para el siguiente artículo. Si encuentras algún problema, no dudes en enviarme un mensaje. Recuerda que este artículo es una guía de un curso gratuito de programación.

ECMAScript 6.- Témplate String (Cadenas de texto).

                              

En muchas ocasiones nos veremos obligados a concatenar variables con cadenas de texto.

-En versiones pasadas , debíamos concatenas con signos + y cerrando con comillas simples(') cada porción de texto . 

-Ahora en ECMAScript 6 si utilizamos comillas invertidas `` para escribir cadenas de texto , podemos incluir variables del siguiente modo  ${variable} .

EJEMPLO

En consola vamos a imprimir un mensaje que incluya 2 variables ya definidas.

//Declaramos variables

const nombre = 'Erik Navarrete';

const Template = 'estoy haciendo un Template Strings de modo'

//Sin ECMA6

console.log('Mi nombre es ' + nombre + 'y' + Template + ' antiguo')

//Con ECMA6

console.log(`Mi nombre es ${nombre} y ${Template} moderno`)

Conclusión

Con la llegada de ECMA6 se mejoro la forma de hacer

• Cadenas con variables dentro (interpolación).
• Generar cadenas multilínea.
• Ejecutar expresiones, funciones y etiquetados.

Despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso

JavaScript .- Variables ,Diferencias entre let , const y var.

Sobrescribir variables

Las variables escritas con let pueden sobrescribirse , podemos manipular su valor conforme lo necesitemos en la aplicación.

He declarado una variable "mejor_amigo" , pero este cambiara a lo largo de mi aplicación(como de nuestra vida :( )

let mejor_amigo = 'carlos' //declaramos

console.log(mejor_amigo) //carlos

mejor_amigo = 'pedro' //llamamos y renombramos

console.log(mejor_amigo) //pedro

Hemos renombrado la variable de Carlos a pedro.

const

Las variables escritas con const no podrán sobre-escribirse , como su nombre lo indica (son constantes) .

Por ejemplo definiremos una variable llamada mama, que sin importar el tiempo será igual en toda la aplicación (y en nuestra vida :) ), e intentaremos renombrar esta variable const

const madre = 'Marisol'

console.log(madre) //Marisol

madre = 'Clarita'

console.log(madre) //error

Lo que imprimirá la consola

nota ; los nombres de variables (identificadores) , si pueden tener acento , pero no es muy recomendado su uso.

 

conclusión

 Con let podemos re-definir valores , y con const no

Alcance de bloque

Compliquemos solo un poco el asunto , let y const van a tener un alcance de bloque , es decir , toda porción de código encerrada entre llaves: {} 

*ya debiste ver los artículos sobre visualización de datos (consolé).

const nombre= "Erik" ; 

console.log("El nombre fuera del bloque es") 

console.log(nombre)    

{

    const nombre= "Carlos"

    console.log("el nombre dentro del bloque es") 

    console.log(nombre)

//lo que imprimiremos sera la variable nombre dentro de este bloque

//que nada tiene que ver con las variables definidas afuera

}

console.log("El nombre fuera del bloque sigue siendo") 

console.log(nombre)    

Un ejemplo mas , con mas bloques y un poco mas limpio.

const nombre= "Erik" ; 

console.log(nombre)    

{

    const nombre= "Carlos"

    console.log(nombre)

}

{

    const nombre= "Pedro"

    console.log(nombre)

}

console.log("El nombre fuera del bloque sigue siendo") 

console.log(nombre) 

Resultado que imprime la consola

Hablemos sobre var 

-let y const fueron implementadas para sustituir a var , y si bien declarar variables con var es posible, ya no es aconsejable .

-Var ; no tiene una restricción de bloque , lo que usarlo nos deja un código difícil de estructurar y causa problemas si no nos fijamos bien en las variables que declaramos, solo deberíamos usarla en el remoto caso de que necesitemos declarar una variable Global , que se pueda acceder a su valor , dentro y fuera de los bloques.

conclusión 

En conclusión ; la mayoría de variables debes declararlas con const , pero si  necesitas que tu variable cambie su valor  , en ese caso usa let .

 var nunca pero nunca ,deberías utilizarla en la actualidad , siempre habrá una solución mejor que usar var.

despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso.

JavaScript .- Variables

 

¿Qué es una variable? 

En el capitulo anterior hablamos ya un poco de este tema,  tratemos de explicarlo un poco mejor.

-Las variables son palabras que escribimos (que representan memoria en el sistema) , para guardar algún tipo de información (texto , datos , etc).

Buscando una analogía en la vida real , las variables representan una caja donde podemos guardar cosas para después utilizarlas.

Formas de escribir variables (Declararlas)

Tenemos 3 formas de declararlas , var , let y const.

vamos a ver un ejemplo relacionado con analogía sobre cajas.

imagen basada en el vector 

Ejemplo practico

crearemos 2 variables con un nombre que haga referencia a perros y esta almacenara su raza .

 

let perro_1 = "Bulldog";

let perro_2 = "Sin raza";

Ejemplo Grafico

imagen basada en ; vector , perro_1 y perro_2

Las variables las podemos y/o debemos nombrar dependiendo de nuestras necesidades .

otro ejemplo rápido seria.

let perro_mio = "Bulldog";

let perro_calle = "Sin raza";

Recordemos que las variables no solo pueden almacenar cadenas de texto si no también números.

por ejemplo.

let perro_caja1 = 3 ;

let perro_caja2 = 2 ;

y podemos sumas estas 2 variables y guardar esa suma en una nueva variables .

let perros_caja1 = 3 ;

let perros_caja2 = 2 ;

let perros_totales = perros_caja1 + perros_caja2;

Ejemplo grafico

Los operadores + - * / y de mas , se explicaran en el siguiente capitulo, lo que queremos que te quede claro es la posibilidad de guardar variables dentro de otras variables (cajas dentro de otras cajas.)

Identificadores y sus reglas

Repasemos un poco este tema los identificadores son los nombres que le ponemos a las variables y si bien podemos nombrarlas como queramos tenemos que seguir unas simples reglas.

• Los nombres pueden contener letras, dígitos, guiones bajos y signos de dólar.
• Los nombres deben comenzar con una letra
• Los nombres también pueden comenzar con $ y _ (pero no los usaremos en este tutorial)
• Los nombres distinguen entre mayúsculas y minúsculas (y e Y son variables diferentes)
• Las palabras reservadas (como las palabras clave de JavaScript) no se pueden utilizar como nombres

por ejemplo.

Declarar una variable y luego nombrarla

Un uso muy común es este , escribimos let,var o const le asignamos un nombre, pero la dejamos sin valor , para asignárselo después,

Ejemplo Código JavaScript 

let perro_mio ;

perro_mio = "Bulldog";

Declarar varias variables

podemos declarar varias variables seguidas separándolas por coma , por ejemplo.

let perro_mio = "bulldog" , perro_vecino = "callejero"

recordemos que JavaScript no toma en cuenta los saltos de linea , nuestro código podría escribirse así.

let perro_mio = "bulldog" ,

 perro_vecino = "callejero",

 perro_amigo = "San bernardo"

Ahora escribamos varias variables , y les asignamos valor después.

let perro_mio,perro_vecino,perro_amigo;

 perro_mio = "bulldog" ,

 perro_vecino = "callejero",

 perro_amigo = "San bernardo";

Conclusión;

en esta ocasión entramos mas a profundidad en las variables , te recomendamos practicar muchísimo la forma de nombrarlas y visualizarlas , te dejaremos un articulo de ejercicios , es un tema muy simple y sencillo pero demasiado importante , dedícale tiempo a dominarlo de pies a cabeza.

despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso.