El Código Rosa: Arrays, Ciclos y Funciones

El Código Rosa: Arrays, Ciclos y Funciones

Anteriormente habíamos hablado del concepto de una variable, decíamos que era como tener una cajita cuadradita donde podíamos almacenar un valor, que podía ser de diferentes tipos, pero básicamente de tipo numérico, texto o booleano. También habíamos concluido que podía ser un valor constante para operar o podía variar según los diferentes procedimientos que realizáramos en nuestro código. Pues este es el momento para hablar de los arrays (también conocidos como vectores o arreglos), es como tener una cajita pero dividida en varias secciones, donde podemos guardar diferentes valores en una misma “variable”. Para acceder a estos valores podemos hacerlo de dos formas: Seleccionando exactamente cual posición deseo extraer o por medio de un ciclo que lo recorra y me traiga los valores uno a uno hasta encontrar aquel o aquellos que necesito para continuar con el flujo de mi aplicación. Pero como esto es puuuura práctica, entonces vamos a realizar varios ejercicios cortitos y sencillos para aplicar esto que les acabo de decir:

Ejercicio 1: Recorrer el array para identificar la posición del número 80.

$array1 = [5, 6, 17, 20, 90, 1290, 40, 14, 80, 3, 7];

for ($i=0; $i < count($array1); $i++) {

   if($array1[$i] == 80){

      echo ‘El número 80 está en la posición: ‘+$i;

  }

}

Ejercicio 2: Mostrar el valor del campo ‘nombre’ en el array.

$array2 = array(‘nombre’ => ‘Ana’, ‘ciudad’ => ‘Villavicencio’, ‘Genero’ => ‘Femenino’);

echo $array2[‘nombre’];

Ejercicio 3: Mostrar sólo el nombre y la ciudad de cada persona en el array.

$array3 = array(

array(‘nombre’ => ‘Ana’, ‘apellido’ => ‘Martinez’, ‘ciudad’ => ‘Monteria’),

array(‘nombre’ => ‘Alejandro’, ‘apellido’ => ‘Cáceres’, ‘ciudad’ => ‘Pereira’),

array(‘nombre’ => ‘Carmen’, ‘apellido’ => ‘Díaz’, ‘ciudad’ => ‘Manizales’));

for ($j=0; $j < count($array3); $j++) {

  echo $array3[$j][‘nombre’].‘ de ‘.$array3[$j][‘ciudad’].‘<br>’;

}

Con estos 3 ejercicios, podemos ver diferentes tipos de arrays y el funcionamiento del ciclo for.

Ahora veamos qué es una función. Es el momento de dejar de lado el código suelto por ahí y empezar a darle forma a lo que queremos realizar. Para esto, vamos a meter cada porción de nuestro código en su propia función, esto permitirá que cada funcionalidad esté en su lugar de forma independiente y se ejecute según el flujo de la aplicación que estemos realizando.

Para ver en la práctica, vamos a realizar una calculadora bastante sencilla en la cual vamos a realizar las operaciones matemáticas básicas y aplicar el concepto de funciones.

Código del archivo calculadora.php (Interfaz)

Código del funcionamiento de la calculadora: funciones_calculadora.php

Si tienen dudas, necesitan asesoría, acompañamiento o tienen sugerencias para una próxima charla, pueden escribirme a mi correo electrónico [email protected].

Hackaton de Kodefest

Hackaton de Kodefest

El pasado fin de semana El nodo del Eje Cafetero apoyo en la realización de < Kodefest /> , una hackaton de programacion de 42 horas cuyo reto era realizar un Bot de Telegram.

La hackaton inicio con la charla sobre seguridad informática para el desarrollo de software por parte de la comunidad de La Comunidad DragonJAR, contamos con la participación de mas de 40 personas, quienes se inscribieron en 14 equipos para el reto, cuyo principal objetivo es promover el aprendizaje en diferentes lenguajes de programación en las ciudades de Colombia.

 

 

Ganadores

El Código Rosa: Mi primer código II

El Código Rosa: Mi primer código II

En este encuentro vamos a terminar el ejercicio que dejamos empezado la semana anterior con el objetivo de practicar sobre los condicionales y armar la lógica que nos propone. Con esta actividad, van a poder hacer un análisis de la estructura y entender qué se está realizando y por qué, también van a ver el ejemplo de cómo he utilizado el operador “&&” y las condiciones “>” “<” “>=” “<=” “==” “!=” y las concatenaciones.

Recordemos el ejercicio:

Un concurso de deportes, requiere informar a los aspirantes si son aptos para participar y en qué categoría podrían aplicar para la inscripción. Los datos que deben ingresar como referencia son la estatura, la edad y el género.

La condición principal para participar es estar entre los 13 y los 25 años de edad.

Las categorías son las siguientes:

de 13 a 16 años → Categoría 2 Mixto

de 17 – 20 años → Categoría 3 Sólo que midan más de 160cm Mixto

de 20 a 25 años → Categoría 4 Sólo para mujeres

El formulario nos había quedado de la siguiente forma:

Y así quedó el código de procesar.php

Aquí vemos nuevos caracteres que no habíamos tocado en la clase anterior y son los operadores lógicos y de comparación entre las sentencias condicionales “if”. Me refiero a cuando usamos aquellas figuritas que alguna vez vimos en matemáticas: “>” “=” “==”, etc.

Pues lo que hacen estas figuras que en realidad se llaman operadores de comparación, es comparar dos variables o sentencias para darnos una respuesta: verdadero o falso. Acostumbrémonos de ahora en adelante a estas dos porque será el punto de partida para las decisiones dentro de nuestro sistema.

Si ves que por ejemplo if($edad > 20), estamos preguntando si la edad es mayor a 20, si es verdadero (true) entonces va a entrar en lo que esté en ese if, si no, pues no va a pasar nada o se ejecutará lo que esté en el “else”.

El otro tema que quiero que analicen de este código es finalizando el documento, cuando le damos un valor a la variable $mensaje. Si ves que primero colocamos entre “comillas” un texto y luego colocamos un punto ( . ) y luego la variable categoría, y luego de otro punto ( . ) seguimos con otro texto en “comillas”.

$mensaje = ” Sí puede participar”.$categoria.” ¡Felicidades!”;

Lo que estamos haciendo en esta linea es concatenar, en php, concatenamos cadenas de texto con un punto ( . ), es como unir partesitas de texto en una sola para formar una oración lógica y mostrar el resultado de nuestras operaciones. De esta forma creamos una frase a partir de varias: “Sí se puede participar” y le agregamos el contenido que esté en la variable $categoría que será “ en la categoría #” y luego ¡Felicidades!. El resultado será: Sí puede participar en la categoría # ¡Felicidades!.

Quiero mostrarles algo más a través de un ejemplo y es la sentencia Switch.

Tenemos una parte de formulario con un select que contiene todos los meses del año, al seleccionar uno, el sistema nos debe decir cual es mes y lo va a evaluar a través de un switch.

Como hemos visto anteriormente al crear un componente de tipo select, cada opción lleva implícita un valor, que para efectos de este ejemplo, cada mes lleva un valor numérico de 1 a 12 que lo identifica.

En nuestro código php, recibimos y procesamos esta información con una sentencia switch de la siguiente forma:

De esa forma podemos ver que por cada valor hay algo que se ejecuta, cada caso es un escenario en el cual sucede algo, para nuestro ejemplo, solo se asigna a una variable una cadena de texto con el nombre del mes que corresponde ese valor, pero ahí podríamos hacer que se ejecuta todo cuanto deseamos. Y siempre debemos tener un valor por defecto en caso que ninguno de los casos anteriores aplique y no se rompa nuestro esquema.

Términos y temas para estudiar:

  • – Análisis de código
  • – Operadores lógicos y de comparación
  • – Condicionales
  • – Concatenar cadenas de texto
  • – Switch.

Si tienen dudas, necesitan asesoría, acompañamiento o tienen sugerencias para una próxima charla, pueden escribirme a mi correo electrónico [email protected].

El Código Rosa: Mi primer código

El Código Rosa: Mi primer código

Nuestro segundo encuentro será 100% práctico, con ayuda de los equipos de cómputo del laboratorio de capacitación del punto vive digital, vamos a aplicar los conceptos que tocamos en la primera clase a través de un ejercicio básico que consistirá desde un formulario simple sin estilo en html hasta el procesamiento básico de datos de entrada.

Para empezar a trabajar, fue necesario instalar en los equipos 2 herramientas básicas: Xampp y Visual Studio Code. Tienen total libertad de elegir la herramienta con la cual se sienta más cómodo o tenga mejor dominio, lo importante es saber para qué nos sirven y que nos ofrezcan los servicios que necesitamos.

En el código rosa, el plan de trabajo está diseñado para empezar a trabajar con el lenguaje PHP aprovechando sus ventajas de fácil aprendizaje, amplia documentación, por ser la base de muchos importantes sistemas, y será lo que en este módulo nos ayudará a ir desarrollando nuestra lógica de programación. La idea es ir evolucionando con el tiempo y nuestros propios avances para ir conociendo nuevas tecnologías e ir profundizando gradual y progresivamente.

El ejercicio que vamos a empezar a desarrollar es el siguiente:

Un concurso de deportes, requiere informar a los aspirantes si son aptos para participar y en qué categoría podrían aplicar para la inscripción. Los datos que deben ingresar como referencia son la estatura, la edad y el género.

La condición principal para participar es estar entre los 13 y los 25 años de edad.

Las categorías son las siguientes:

de 13 a 16 años → Categoría 2 Mixto

de 17 – 20 años → Categoría 3 Sólo que midan más de 160cm Mixto

de 20 a 25 años → Categoría 4 Sólo para mujeres

Lo primero que hicimos, fue crear nuestro proyecto en la carpeta C:\xampp\htdocs\nombredelproyecto.

Creamos nuestro primer archivo llamado index.php con el formulario de registro que quedó de la siguiente forma:

Recuerda que este formulario lo podemos ver si vamos a nuestro navegador y escribimos localhost/nombredelproyecto. El código de nuestro formulario quedó de la siguiente forma:

En la clase, estuvimos hablando sobre las diferentes etiquetas básicas de html y para efectos funcionales, no le hicimos estilo css. Un detalle para resaltar en nuestro formulario, es el parámetro ‘action’ en la etiqueta ‘form’ donde indicamos el nombre del archivo procesar.php que hasta este punto, aún no lo hemos creado y es donde irá nuestro código funcional.

Una vez guardado nuestro index.php, procedemos a crear el archivo que llamamos en el formulario llamado procesar.php. (En la mayoría de los IDE, para crear un nuevo archivo vamos a Archivo → Nuevo Archivo) y aquí es donde analizamos la situación que nos plantea el ejercicio.

La primera parte de nuestro código consistió en recibir los datos que vienen del formulario que ya habíamos creado, y como indicamos que las enviaríamos por el método POST, entonces las traemos de la siguiente forma:

Recuerda: los traemos con el mismo nombre que les dimos en el html. Como lo primero que queríamos evaluar era si el aspirante es apto para participar en el concurso, utilizamos el condicional “if” para analizar la variable “$edad”.

Guardamos los cambios en nuestro documento, vamos al navegador, recargamos la página y ya podemos interactuar con el dato de edad, que al dar clic en el botón del formulario, nos dirá si según la edad ingresada, puede participar o no en el concurso.

Nuestra primera clase llegó hasta aquí, con el compromiso de terminar el ejercicio entre todos en próximos encuentros, la idea es que estudiemos los temas que tocamos acá y estudiemos estas cortas líneas de nuestro primer código.

Términos y temas para estudiar:

  • Servidor Web
  • Apache
  • Xampp
  • WampServer
  • IDE
  • PHP (php.net)
  • HTML
  • Input y tipos de input en html
  • Select en html
  • Form en html
  • Método POST y GET
  • Comentarios en php
  • Tipos de comillas en php (Diferencias entre comillas dobles y comillas simples)
  • Variables

Si tienen dudas, necesitan asesoría, acompañamiento o tienen sugerencias para una próxima charla, pueden escribirme a mi correo electrónico [email protected].

Fundamentos básicos de programación #ElCódigoRosa

Fundamentos básicos de programación #ElCódigoRosa

Este primer módulo de fundamentos básicos de programación, dirigido principalmente a mujeres que desean incursionar en el mundo de la programación, se va a concentrar en el manejo de conceptos básicos y términos principales tratados con un lenguaje natural de la vida diaria para comprender y relacionar que todo lo que vivimos diariamente, podemos asociarlo con el ejercicio del desarrollo de software. Para esto, vamos a tratar algoritmos, lenguajes de programación, Front – Back, variables, condicionales, ciclos, operadores lógicos y finalmente la universalidad de los fundamentos en los lenguajes de programación.

Fundamentos básicos de programación

¿Qué es programar?

¿Qué te dice la palabra programar?

¿Has visto a alguien ‘programando’ o escribiendo líneas de código que cumplen una función?

Si buscamos la palabra ‘programar’ en textos y libros de tecnología, encontramos diferentes conceptos con términos técnicos que pueden llevarnos a otros y otros y otros, hasta que finalmente no terminas entendiendo nada si no eres una persona que ha estado desempeñándose en el área de tecnología.

Yo puedo resumirte el significado de ‘programar’ en una palabra: CREAR. Producir algo que no existe, con un objetivo y una función.

Entonces, ¿qué es un programador? ¿Un creador?

¿Será un programador ese ser mágico e inmortal que levita y además nació con poderes súper especiales que hacen funcionar ese ‘aparato’ que se dañó?

Pues no, un programador es un ‘Proveedor de soluciones’. Ante una necesidad, ofrece una solución; lo que cambia es el medio, porque a través de las líneas de código hace que un aparato funcione como lo desea para cumplir su función.

El objetivo principal de esta charla es demostrar que todo aquel que quiera, puede programar. Lo importante es ver la vida desde otro punto de vista, cambiar la percepción que tenemos del mundo y las situaciones que tenemos en frente, pues lo más importante después que tenemos la solución es implementarla de la mejor manera posible, donde la palabra clave es ‘optimización’.

Hay muchas formas de realizar una misma actividad, lo que hace la diferencia es las implicaciones de cada método, el mejor será aquel que ofrezca más, lo haga más rápido e implique menos, menos tiempo, menos recursos, menos afectaciones.

Este es el primer paso para acercarte a la programación, y lo que te espera si deseas ser programadora. Para ésto, lo primero que vas a programar es tu mente, de tal forma que de ahora en adelante estés 24/7 ofreciendo soluciones ante cualquier circunstancia y luego evaluar cual es la mejor.

Lo siguiente es entender y tener claro que como en toda industria, siempre hay alguien y muchos que saben más que tu y no dejarse desmotivar por ésto, por el contrario, utilizarlo como una oportunidad para nutrirse de conocimientos e ir creciendo progresivamente.

Ningún programador se hace experto sólo viendo o leyendo, toca atreverse, escribirlo, sentarse frente a esa pantalla de fondo blanco o negro y empezar a llenarla. En unos meses mirar atrás cuando esa pantalla estaba vacía y en frente cientos de líneas hechas por ti misma.

¡Quiero empezar a programar hoy mismo!

Pues te cuento que lo mejor de ser programador es que puedes tomar la decisión entre:

– Ser el que recibe el esquema y lo pasa a letras que hacen cosas ó

– Ser quien arma el esquema, la lógica y luego lo pasa a que otro lo escriba.

Esto depende de tu pasión – Personalmente, ¡a mi me encantan las dos!

Sea cual sea la posición que elijas, debes por lo menos entender de qué se trata lo que vas a hacer y cuál es el objetivo, para esto se define un paso a paso detallado, que en papel da un resultado (en teoría), lo que sigue es transcribirlo.

Por ejemplo, tienes un documento con un texto cuyo objetivo es llevar un mensaje a un público, pero ese público no habla español, entonces luego que te aseguras que está bien escrito y dice lo que quieres transmitir, lo traduces, con la certeza que el mensaje está ahí. Esto es lo mismo, si en el papel funciona, cuando empieces a escribir estos ‘numeritos’, también va a funcionar.

Siempre he dicho que lo más difícil de programar, es dominar la lógica porque cuando la tienes, sólo vas, buscas la documentación oficial del lenguaje que quieres utilizar y empezar a escribir.

Entonces aquí ya hablamos de lo que vas a encontrar en las bibliografías como ‘Algoritmos’ y ‘Lenguajes de programación’, el algoritmo es la lista de pasos detallados que forman un proceso para lograr un objetivo, estos pasos pueden estar representados en ‘Diagramas de flujo’ o ‘Pseudocódigo’. El lenguaje de programación es en qué vas a traducir esos pasos para que la máquina lo entienda y lo haga mejor. Insisto, en este cuento lo más importante es ofrecer siempre la mejor solución con las mejores herramientas.

Hay lenguajes de programación para todo, para la parte que se ve y la que no se ve, por eso dividimos el sistema en la parte de adelante y la parte de atrás, ambas funcionales pero para manejar cada una, hay ciertos lenguajes entonces los conocemos como aquellos que funcionan del lado del servidor (back) y en el lado cliente (en el front).

Un ‘sistema de información’ es finalmente el producto, lo que hacemos, lo que creamos y en su nombre, éste lo dice todo: Sistema / Información, no hay mucho tiempo para ahondar en este par de términos pero sí para dejar claro que aquí nuestra materia prima es la ‘información’, es el centro de este universo y todo gira en torno a ella. La almacenamos, la traemos, la transformamos y manipulamos para hacer con ella lo que se nos dé la gana, literalmente.

Entonces guardamos pedacitos de información en variables, en ese punto son ‘datos’ a los que le hacemos un tratamiento según la necesidad, por ejemplo:

$nombre = ‘Ana’;

var nombre = ‘Ana’;

let nombre = ‘Ana’;

private string nombre = ‘Ana’;

Éstas son variables, esos ‘contenedores virtuales’ donde va información que puede variar según lo que estemos haciendo con ella.

if($nombre == ‘Ana’){

echo ‘Es una mujer’;

}else{

echo ‘Es un hombre’;

}

Esto que acabamos de ver es lo que hacemos casi todos los días, tomar decisiones bajo ciertas condiciones, a esto le llamamos ‘condicionales’ y este no es el único que existe, para esto podemos buscar en la documentación y encontraremos otros ejemplos siendo éste el más utilizado.

Los diferentes tipos de condicionales pueden ser:
If (si…) Y que tal sí.. y si no? Entonces …. (Es como estar preparados para todo)

Switch (abarquemos todos los casos posibles… ah, y uno por defecto, por si acaso)

También tenemos ciclos o bucles, éstas son estructuras o pedacitos de código que nos ayudan a ejecutar o a repetir instrucciones bajo ciertas condiciones donde definimos la cantidad de vueltas que va a dar, cuando detenerse. Los ciclos que tenemos pueden ser:

While, do While, Mi favoritaaa: For.

La universalidad de los fundamentos en los lenguajes (Iniciación a la siguiente charla)

En estos fundamentos, faltaron detalles que son importantes conocer cuando deseamos empezar a programar, pero en este punto ya podemos decidir en qué queremos hacerlo. Yo personalmente, puedo proveerles y recomendarles para empezar, PHP que es un lenguaje del lado servidor, donde hacemos conexiones a la base de datos, y demás. Pero también puedo ofrecerles apoyo en el lado cliente con Javascript y el uso de Jquery para facilitar un poco las cosas.

A medida que vamos avanzando, vamos aumentando el nivel de lo que hacemos y la idea es que ustedes mismas se comprometan a investigar los términos que tratamos aquí, viéndolos de otra forma, sin miedo y abarcando los que van encontrando mientras leen la documentación. Nos vemos cada 15 días en Geek Girls Latinoamérica Nodo Villavicencio.

Si tienen dudas, necesitan asesoría, acompañamiento o tienen sugerencias para una próxima charla, pueden escribirme a mi correo electrónico [email protected].