Esta lección contiene un índice de las lecciones que estoy impartiendo en clase durante el primer trimestre (y parte del segundo) del curso 2024/25, así como los ejercicios que han realizado los alumnos.
Para elaborar este índice utilizo como base las guías de estudio que ofrezco a mis alumnos de la modalidad semipresencial en la plataforma Moodle de la Conselleria de Educación. El trabajo propuesto a estos alumnos es el mismo que siguen en clase mis alumnos de la modalidad presencial, aunque la distribución temporal no sea exactamente la misma.
La información se ofrece distribuida en semanas, ya que es así como está organizada la modalidad semipresencial.
Nota: Por diferentes motivos, este curso 2024/25 estoy acumulando bastante retraso respecto a la planificación inicial. Los principales motivos son, por un lado, que estoy teniendo que añadir más ejercicios y lecciones para intentar compensar las lagunas en conocimientos de programación básica de los alumnos y, por otro lado, que me cuesta más preparar material nuevo que actualizar o mejorar material ya preparado. En cualquier caso, creo que esta página sigue siendo útil porque muestra el orden en el que estamos trabajando los temas, aunque no lo estamos haciendo en las fechas indicadas.
Nota: Una vez instalado XAMPP, haced una copia de seguridad de la carpeta /xampp/apache/conf/ y de los archivos /xampp/php/php.ini y /xampp/phpMyAdmin/config.inc.php por si necesitáis recuperarlos si cometéis errores al configurar XAMPP.
En esta lección se tratan dos puntos muy importantes:
los Alias de Apache, que utilizaremos durante todo el curso.
las opciones de configuración de PHP, que deben modificarse como se indica en la lección para que el comportamiento sea el mismo en los ordenadores de todos los alumnos.
[Opcional] Para practicar más opciones de configuración de Apache, haced los ejercicios Apache (2).
Visual Studio Code
Este curso vamos a utilizar Visual Studio Code (VSCode) como editor para PHP. A lo largo del curso iré completando y ampliando estas lecciones dedicadas a VSCode
En esta lección iré añadiendo explicaciones del manejo de VSCode a medida que avancemos en su uso.
La configuración recomendada este año es doble. A la configuración utilizada en el módulo LMSGI para HTML/CSS le añadiremos configuraciones adicionales necesarias para programar en PHP.
Realizaremos la configuración de VSCode mediante perfiles, que os facilitarán la preparación del entorno.
La lecciones que explican el detalle de la configuración son las siguientes: (NO debéis hacer la instalación manualmente, sino mediante perfiles, como se comenta a continuación):
En esta lección os detallo la configuración de VSCode que quiero que utilicéis. No modifiquéis VSCode todavía.
Configurad VSCode importando el perfil recomendado y completando manualmente la configuración, como se explica en la lección Perfil recomendado para PHP.
Aunque la lección está incompleta, podéis echar un vistazo a la lección Configuración recomendada para PHP CS Fixer que detalla las reglas de configuración de la herramienta de formato PHP CS Fixer que he incluido en la configuración recomendada. Espero añadir ejemplos aclarando algunas de las reglas, pero la lección contiene enlaces a la documentación oficial, que ya incluye ejemplos.
IAW Semana S02: del 16/09/24 al 22/09/24
Visual Studio Code
Para familiarizaros con la configuración de VSCode y con la creación de Alias en Apache, haced los ejercicios Apache 3 y 4.
El ejercicio Apache 5 corresponde a la configuración que recomiendo a los alumnos para tener tanto en clase como en casa.
Comprobación de la configuración de Visual Studio Code, Apache y PHP
Haced los ejercicios Puesta en marcha de VScode, descomprimiendo el fichero de plantillas en la carpeta ejercicios.
Estos ejercicios están pensados para comprobar que se ha hecho correctamente la configuración tanto de Visual Studio Code como de Apache y PHP. Si algún ejercicio no da el resultado indicado, revisad la instalación y configuración del perfil, de Apache o de PHP.
En la primera parte del curso de PHP vamos a hacer un pequeño repaso general de PHP, tocando los temas vistos el año pasado en el módulo LMSGI: variables, operaciones, if ... else .. y for ... además de las matrices, un tipo de variable que permite almacenar varios datos distintos en una sola variable. Esta parte la he llamado PHP, sin formularios porque las páginas no contienen formularios, por lo que el usuario no puede proporcionar información a los programas. Para que cada vez que se ejecuten los programas los resultados sean distintos, recurriremos a números aleatorios.
Estos ejercicios son ejercicios muy básicos que he añadido este curso para alumnos que no han dado la parte de programación del módulo LMSGI de 1º de ASIR. Hacedlos si lo consideráis conveniente.
En estos ejercicios se puede utilizar la función rand() que genera números aleatorios y que se comenta en el apartado Números aleatorios de la lección Operaciones aritméticas.
Los valores aleatorios se utilizan en varios lugares de la página web, por lo que se deben guardar en una variable y después utilizar la variable el número de veces necesario. En algunos ejercicios también es necesario hacer cálculos adicionales con esas variables.
En estos ejercicios se puede utilizar la función rand() que genera números aleatorios y que se comenta en el apartado Números aleatorios de la lección Operaciones aritméticas.
Los valores aleatorios se utilizan en varios lugares de la página web, por lo que se deben guardar en una variable y después utilizar la variable el número de veces necesario. En algunos ejercicios también es necesario hacer cálculos adicionales con esas variables.
Los dados y las cartas que aparecen en algún ejercicio son imágenes SVG que están incluidas en las plantillas de los ejercicios. El resto de imágenes SVG están incluidas en la propia página web. Recordad que debéis mirar el código fuente del ejemplo de ejercicio.
Los ejercicios 1 al 5 son fáciles, porque en realidad los programas sólo tienen que generar algunos valores numéricos del código SVG.
Los ejercicios 11 al 15 son más difíciles porque se necesita expresar fórmulas para obtener algunos valores del dibujo. En los ejercicios 11, 12 y 13 las fórmulas pueden deducirse del propio dibujo (en la ayuda que acompaña a los ejercicios hay dibujos explicativos). En los ejercicios 14 y 15 la fórmulas se pueden deducir fácilmente a partir de los valores por ser fórmulas de sucesiones aritméticas (del estilo de las que vimos en Python en LMSGI el curso pasado, Teoría y ejercicios tipo test).
En los ejercicios de esta semana aparecen tablas HTML, así que conviene que conozcáis las etiquetas que las definen. Básicamente, una tabla (<table>) está formada por filas (<tr>) que a su vez están formadas por celdas (<td> o <th>), aunque suelen aparecer más etiquetas que se explican en la lección.
Estos ejercicios son ejercicios muy básicos que he añadido este curso para alumnos que no han dado la parte de programación del módulo LMSGI de 1º de ASIR. Hacedlos si lo consideráis conveniente.
Haced los ejercicios if ... else ... (1). Los ejercicios 1, 2 y 3 son fáciles. El 4 y el 5 son más difíciles. Antes de hacer los ejercicios 4 y 5, mirad la solución propuesta del ejercicio 3, en la que se comenta un enfoque del ejercicio 3 que podéis aplicar al ejercicio 5.
[repaso] Podéis hacer también los ejercicios extra if ... else ... (1). Son cuatro ejercicios que puse en exámenes de años anteriores (por eso no hay soluciones disponibles).
En estos ejercicios se utilizan entidades numéricas para mostrar emojis, como vimos en el módulo Lenguaje de Marcas. Para refrescar la memoria podéis releer las lecciones UTF-8 y Entidades (en los apuntes HTML/CSS).
IAW Semana S05: del 07/10/24 al 13/10/24
Estructuras de control: Bucle for
PHP dispone de varias estructuras de control para definir bucles. Empezaremos por la estructura for y después de ver matrices veremos la estructura foreach. Tened en cuenta que la estructura for de Python que vimos en el módulo de Lenguaje de Marcas se parece más a la estructura foreach de PHP que a la estructura for de PHP.
Repasad el apartado colores HWB de la lección Colores de los apuntes de HTML/CSS.
Tradicionalmente los colores en las páginas web se han definido mediante nombres de colores o códigos RGB, pero los navegadores actuales permiten usar códigos HWB que son más intuitivos que los códigos RGB. En esta lección se explica cómo se expresan los colores mediante códigos HWB.
En estos primeros ejercicios, es fácil identificar el papel de los bucles porque la página contiene elementos html repetidos que son precisamente los que tienen que generar los bucles.
Estos ejercicios son un poco más difíciles porque el papel de los bucles es también el cálculo de contadores y acumuladores, lo que no es tan obvio como la generación de elementos html repetidos.
Se trata de unos ejercicios sencillos desde el punto de vista de los bucles, pero en los que es necesario escribir fórmulas que relacionen la variable de control de los bucles con elementos de la página.
Las matrices son un tipo de variable muy flexible que utilizaremos mucho a partir de ahora. En los ejercicios de esta semana, los índices de las matrices son numéricos y correlativos. En las próximas semanas trabajaremos con matrices asociativas, es decir, de índices no numéricos o no correlativos.
Haced los ejercicios del primer apartado ("Sin bucles") de Matrices (1).
En estos ejercicios no hace falta utilizar bucles ni if ... else ..., pero sí que hay que definir una o varias matrices.
Los bucles foreach permiten recorrer estructuras (matrices, recursos, etc) sin preocuparse por el número de elementos, lo que los hace muy útiles cuando se deben recorrer estructuras no generadas por el propio programa, como información proveniente de formularios o consultas a bases de datos.
Haced los ejercicios del segundo apartado ("Con bucles") de Matrices (1).
En estos ejercicios se deben utilizar bucles, tanto for como foreach (aunque en varios se podrían utilizar solamente bucles for, por supuesto). La idea es la siguiente:
En cada ejercicio hay que crear una o varias matrices para almacenar los datos
Para generar las matrices, se deben utilizar bucles for.
Para recorrer las matrices creadas (por ejemplo para mostrarlas), se aconseja utilizar bucles foreach. Se podrían utilizar también bucles for, pero los bucles foreach son más sencillos.
Para modificar las matrices o para crear nuevas matrices a partir de otras, se suele tener que utilizar bucles for, pero en bastantes casos se pueden utilizar bucles foreach. En caso de que la situación lo permita, se aconseja utilizar bucles foreach.
En estos ejercicios se necesita escribir fórmulas para generar series de números que permiten crear dibujos. Mirando el código fuente de los programas de ejemplo se pueden ver los números, pero las fórmulas se os tienen que ocurrir a vosotros. En realidad, es más fácil de lo que parece, porque las series de números forman sucesiones aritméticas por lo que las fórmulas son (casi) siempre del tipo a * x + b, donde a y b son números enteros.
Son ejercicios que podéis repetir las veces que queráis. El primero es trivial, pero el segundo exige bastante cálculo mental (aunque podéis empezar haciéndolo con papel y lápiz y calculadora), sobre todo si se elige el mayor nivel de dificultad.
Esta lección comenta algunas de las funciones disponibles en PHP para trabajar con matrices. Estas funciones simplifican mucho la manipulación de matrices.
Cada ejercicio ilustra el funcionamiento de una o varias de las funciones de matrices disponibles en PHP.
Estos ejercicios se pueden hacer también sin recurrir a las funciones, pero en algunos casos (por ejemplo, cuando se debe ordenar una matriz) el ejercicio sería bastante más difícil.
Los ejercicios del examen consistirán en la realización de páginas sin formularios. En la página de Exámenes de cursos anteriores de los apuntes, tenéis exámenes de los últimos tres cursos, que podéis hacer como ejercicios y como preparación de cara al examen. Por cierto, en los apuntes no se incluyen soluciones de ejercicios de examen.
Para cada curso (2023/24, 2022/23 y 2021/22), los ejercicios están ordenados por apartados. Los ejercicios Sin Formularios (Juego de cartas, Monedas, etc.) se encuentran en un apartado específico. Los ejercicios no están ordenados por orden de dificultad.
[opcional] Ejercicios de ampliación: Matrices de dos dimensiones
En estos ejercicios aparecen matrices de dos dimensiones. No son ejercicios muy difíciles, pero cuando se trabaja por primera vez con matrices de varias dimensiones, es fácil liarse. Normalmente, os ayudará pensar las matrices de dos dimensiones como tablas de bases de datos, en las que el primer índice indica el registro y el segundo índice indica la columna.
Las funciones permiten aislar fragmentos de código para reutilizar en un programa. Hasta ahora sólo hemos utilizado las funciones que ofrece PHP, pero esta semana veremos cómo podemos crear nuestras propias funciones.
Esta lección trata los aspectos básicos de las funciones: cómo definir funciones (funciones sin argumentos, funciones con argumentos, funciones que devuelven datos, ámbito de las variables, paso de argumentos por valor) y algunos de nivel intermedio (paso de valor por referencia, tipos de los argumentos, tipo de los datos devueltos, nombres de argumentos, número de argumentos indeterminado). Esta lección no aborda aspectos más avanzados (recursividad, variables estáticas o funciones anónimas/de flecha, etc.)
Esta semana y la siguiente vamos a ver el uso de formularios en PHP. Lo haremos en dos pasos:
Recogida de datos sin comprobación posterior
En esta parte se trata de aprender a utilizar formularios y a recoger los datos introducidos en ellos, pero no haremos ninguna comprobación sobre los datos recogidos.
Recogida de datos con comprobación posterior
En esta parte veremos cómo comprobar los datos recibidos y cómo mostrar mensajes al usuario en caso de que no sean correctos.
Esta semana vamos a hacer programas sin comprobación posterior y la semana siguiente veremos la comprobación de los datos. Los ejercicios son fáciles, pero esta semana hay bastante que leer.
Formularios (I)
El mecanismo de HTML para recoger información del usuario son los formularios, que nos permitirán crear páginas web interactivas.
Esta lección forma parte de los apuntes de HTML y trata los aspectos de los formularios relacionados con la presentación del formulario. Comenta las etiquetas y atributos más básicos y que más vamos a utilizar.
Esta lección completa la lección anterior. Comenta etiquetas y atributos que vamos a utilizar mucho menos, pero que ocasionalmente podéis encontrar en algún ejercicio.
Esta lección es una presentación de los formularios desde el punto de vista de PHP, es decir, cómo llegan los datos desde un formulario a un programa PHP y qué consideraciones de seguridad tenemos que tener en cuenta.
Esta lección trata los aspectos de los formularios relacionados con el tratamiento de los datos. Faltan por contar los tipos de controles nuevos en HTML 5, pero su tratamiento no difiere de los controles de HTML 4.
Esta lección es bastante densa porque aborda los problemas y riesgos de los programas que recogen datos. El problema consiste básicamente en que no podemos saber a priori qué datos van a llegar al programa y probablemente llegarán datos con mala intención. La solución es que los programa no trabajen directamente con $_REQUEST, sino con variables que contengan los datos recibidos una vez "limpiados" y comprobados. Para ello, usaremos una función recoge().
En resumen, todo lo que se cuenta en esta lección es para justificar el uso de la función recoge() básica que se encuentra en la lección La función recoge().
Leed los dos primeros apartados (Estructura general y Sin comprobación de datos) de la lección Ejemplo de ejercicio.
En esta lección se explica cómo realizar los ejercicios con formularios. El ejemplo del apartado recogida de datos sin comprobación os puede servir de guía para la página de ejercicios de esta semana.
En esta lección se comentan varias familias de funciones de comprobación de datos, pero tened en cuenta que de todas las funciones que se comentan en esta página, las que vamos a utilizar principalmente son is_numeric() y ctype_digit() y en algún caso filter_var().
En los ejercicios de esta semana ya hace falta incluir el tratamiento de errores de los datos recogidos del formulario. En esta lección se explica también el modelo de resolución de ejercicio, con las diferentes partes de la página (recogida de datos, tratamiento de errores, generación del resultado). Es muy importante entender la estructura propuesta porque se utilizará en todos los ejercicios posteriores.
Estos ejercicios utilizan formularios con un número indeterminado de controles, por lo que los nombres deben tener estructura de matriz.
Para generar los formularios de los ejercicios 3 y 5 se necesita escribir un bucle dentro de otro (esta estructura se denomina bucles anidados, en este caso, de variables independientes).
Estos ejercicios son una combinación de ejercicios de examen, ejercicios de las páginas que he incluido esta semana como Ejercicios de ampliación y ejercicios "nuevos". Haciendo estos ejercicios ya habréis practicado bastante con formularios, pero si queréis podéis hacer más ejercicios, podéis hacer los de los apartados opcionales de esta semana.
[opcional] Ejercicios de ampliación Con formularios
Antes del curso 2016/17 no daba ejercicios sin formularios y por eso tenía muchos ejercicios con formularios. Ahora no tiene sentido que os pida hacer todos los ejercicios con formularios, pero podéis hacer los que os parezcan interesantes como ejercicios de ampliación:
En los apuntes hay otras páginas de ejercicios que preparé en cursos anteriores que podéis hacer también como ejercicios de ampliación, pero son más difíciles (o bastante distintos a lo que estamos viendo este año):
En esta lección se comenta las dos cabeceras que vamos a utilizar: Location para redireccionar páginas y Content-type para definir tipos MIME.
Si queréis hacer pruebas con el BOM, podéis instalar la extensión Hex Editor de VSCode. En la lección Extensiones de VSCode de los apuntes de Informática general tenéis una breve explicación de cómo utilizar el editor.
Los ejercicios del primer apartado (redirecciones) nos permiten mejorar los formularios. Cuando la página a la que el formulario envía los datos detecta un error, se redirige automáticamente a la primera, para que se vuelva a mostrar el formulario con los errores detectados. Cada ejercicio se basa en el anterior. Para hacerlos se recomienda ir paso a paso:
primero se completa la primera página (si es necesario), generando el formulario, sin preocuparse todavía por los avisos
después se hace la segunda página, para validar el formulario, de manera similar a los ejercicios de la semana pasada, pero cuando se encuentran errores, en vez de mostrar un aviso, se redirige a la primera página enviando la información necesaria
por último, se completa la primera página de manera que recoja los datos que le puede enviar la segunda página y se incluyen en el formulario
tened en cuenta que la semana que viene veremos las sesiones, el mecanismo que permite compartir datos entre páginas web, por lo que no será necesario enviar los datos en la barra de dirección al hacer redirecciones.
La parte de teoría es bastante sencilla, pero las aplicaciones son infinitas. Para hacer los ejercicios, os recomiendo que vayáis escribiendo el programa siguiendo el orden de utilización de la aplicación. En las soluciones de Sesiones (1) he indicado precisamente ese orden, para que os resulte más fácil entenderlas. Que no os importe mirar las soluciones al hacer los dos o tres primeros ejercicios.
En estos ejercicios se deben guardar matrices en $_SESSION. Son complicados porque en ellos aparecen todo lo que hemos visto en el curso, así que son buenos ejercicios de recapitulación.
Los ejercicios 1 y 2 utilizan formularios con cajas de texto
Los ejercicios 11, 12 y 13 utilizan formularios que únicamente contienen botones submit que contienen entidades numéricas (emojis).
[opcional] Sesiones (III): Ejercicios de ampliación
Estos ejercicios se pueden también considerar ejercicios de recapitulación. Se trata de hacer una aplicación web (en este caso, juegos) más compleja de lo que hemos hecho hasta ahora y para ello los ejercicios están "encadenados". En cada uno se van añadiendo más elementos hasta obtener finalmente la aplicación completa. Cada ejercicio se debe ir haciendo a partir del anterior.
El objetivo de estos ejercicios es obtener finalmente una máquina tragaperras completa. En las plantilla sólo he incluido los dos primeros ejercicios, porque lo mejor a partir del segundo ejercicio es hacer cada ejercicio a partir del anterior
Para estos ejercicios os he proporcionado tres tipos de ayuda: en cada enunciado hay un desplegable con los puntos que debe contemplar vuestro programa, en la página de ayuda se muestran trocitos de código correspondientes a los puntos mencionados en los enunciados, y podéis descargar unas posibles soluciones completas de estos ejercicios.
El objetivo de estos ejercicios es completar un juego de memoria.
Para estos ejercicios os he proporcionado tres tipos de ayuda: en cada enunciado hay un desplegable con los puntos que debe contemplar vuestro programa, en la página de ayuda se muestran trocitos de código correspondientes a los puntos mencionados en los enunciados, y podéis descargar unas posibles soluciones completas de estos ejercicios.
[opcional] Ejercicios de exámenes anteriores: Con formularios
El examen de la segunda evaluación constará de varios ejercicios, uno o dos ejercicios Con formularios y uno o dos ejercicios Con sesiones.
Como preparación para el examen, podéis hacer los ejercicios Con formularios de los exámenes de los pasados cursos 2023/24, 2022/23 y 2021/2022, disponibles en la página de exámenes.
Podéis descargar las plantillas de los ejercicios desde la página de exámenes.
[opcional] Ejercicios de exámenes anteriores: Con sesiones
El examen de la segunda evaluación constará de varios ejercicios, uno o dos ejercicios Con formularios y uno o dos ejercicios Con sesiones.
Como preparación para el examen, podéis hacer los ejercicios Con sesiones de los exámenes de los pasados cursos 2023/24, 2022/23 y 2021/2022, disponibles en la página de exámenes.
Podéis descargar las plantillas de los ejercicios desde la página de exámenes.
Nota: Por diferentes motivos, este curso 2024/25 estoy acumulando bastante retraso respecto a la planificación inicial. Los principales motivos son, por un lado, que estoy teniendo que añadir más ejercicios y lecciones para intentar compensar las lagunas en conocimientos de programación básica de los alumnos y, por otro lado, que me cuesta más preparar material nuevo que actualizar o mejorar material ya preparado. En cualquier caso, creo que esta página sigue siendo útil porque muestra el orden en el que estamos trabajando los temas, aunque no lo estamos haciendo en las fechas indicadas.