Instituto Tecnologico Superior de comalcalco
Julian Abiud Perez Hernandez
Programacion WEB 8C
¡Vamos!
Introducción
La programación del lado del servidor implica el uso de lenguajes que se ejecutan en el servidor web para procesar solicitudes y generar contenido dinámico antes de enviarlo al navegador del usuario. Lenguajes como PHP, Python, Ruby y Java se utilizan comúnmente para este propósito. Estos lenguajes permiten interactuar con bases de datos, gestionar sesiones de usuario y realizar operaciones en el servidor que no serían posibles únicamente con tecnologías del lado del cliente
Empezar curso
Estructuras de Control
Las estructuras de control son fundamentales en cualquier lenguaje de programación, ya que permiten dirigir el flujo de ejecución del programa. Incluyen estructuras condicionales (como if y switch) que permiten tomar decisiones basadas en condiciones específicas, y estructuras de bucle (como for, while y do...while) que permiten repetir bloques de código mientras se cumpla una condición determinada.
Ir a página
Estructuras de Control
Condicionales
Iterativas
Estas estructuras permiten ejecutar un bloque de código si se cumple una condición. if → Evalúa una condición y ejecuta un bloque de código si es verdadera. if-else → Ejecuta un bloque si la condición es verdadera y otro si es falsa. if-else if-else → Permite evaluar múltiples condiciones. switch → Evalúa una expresión y ejecuta diferentes bloques de código según su valor.
Permiten repetir la ejecución de un bloque de código mientras se cumpla una condición. for → Ejecuta un bloque de código un número determinado de veces. while → Ejecuta un bloque de código mientras una condición sea verdadera. do-while → Ejecuta un bloque al menos una vez y luego evalúa la condición. foreach (en algunos lenguajes) → Recorre los elementos de una colección o arreglo.
Ir a página
Estructuras de Control
Estructuras de Control de Salto Permiten modificar el flujo normal de ejecución dentro de los bucles. break → Sale completamente del bucle. continue → Salta a la siguiente iteración sin ejecutar el código restante del bucle. return → Finaliza la ejecución de una función y devuelve un valor.
Ir a página
ejemplos
Estructuras de Control Condicionales
Estructuras de Control de Salto
Estructuras de Control Iterativas
let edad = 18;
if (edad >= 18) {
console.log("Eres mayor de edad.");
} else {
console.log("Eres menor de edad.");
}
for (int i = 0; i < 5; i++) {
if (i == 3) {
break; // Detiene el bucle cuando i es 3
}
System.out.println("Valor: " + i);
}
for i in range(5):
print("Iteración:", i)
Ir a página
Tratamiento de Formularios
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Formulario de Contacto</title>
</head>
<body>
<h2>Formulario de Contacto</h2>
<form action="procesar.php" method="POST">
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" required><br><br>
<label for="email">Correo:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="mensaje">Mensaje:</label><br>
<textarea id="mensaje" name="mensaje" rows="4" required></textarea><br><br>
<input type="submit" value="Enviar">
</form>
</body>
</html>
Los formularios en HTML permiten a los usuarios enviar datos al servidor, donde pueden ser procesados para diversas aplicaciones, como registros, encuestas o compras en línea. El tratamiento de formularios implica la recepción y validación de los datos enviados, asegurando que sean correctos y seguros antes de almacenarlos o utilizarlos en alguna operación.
Ir a página
Manejo de objetos del servidor
En la programación del lado del servidor, es común trabajar con objetos que representan componentes del servidor, como conexiones a bases de datos, sesiones de usuario y archivos. El manejo adecuado de estos objetos es crucial para garantizar la eficiencia y seguridad de la aplicación.
Ir a página
Guardar Información en el Cliente
Información del Servidor y Cliente
Persistencia de Datos
<?php
session_start(); // Iniciar sesión
$_SESSION["usuario"] = "Juan Pérez"; // Guardar información
echo "Usuario activo: " . $_SESSION["usuario"];
?>
<?php
echo "Método de solicitud: " . $_SERVER["REQUEST_METHOD"] . "<br>";
echo "IP del cliente: " . $_SERVER["REMOTE_ADDR"] . "<br>";
echo "URL de la página actual: " . $_SERVER["REQUEST_URI"] . "<br>";
?>
<?php
setcookie("usuario", "Juan Pérez", time() + 3600, "/"); // Expira en 1 hora
echo "Cookie creada con éxito.";
?>
Ir a página
Acceso a datos
Las aplicaciones del lado del servidor a menudo necesitan interactuar con bases de datos para almacenar y recuperar información. El acceso a datos implica establecer conexiones seguras a la base de datos, ejecutar consultas SQL y manejar los resultados de manera eficiente. Es fundamental gestionar correctamente estas operaciones para garantizar la integridad y seguridad de los datos.
Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras! Lo que lees: la interactividad y la animación pueden hacer que el contenido más aburrido se convierta en algo divertido. En Genially utilizamos AI (Awesome Interactivity) en todos nuestros diseños, para que subas de nivel con interactividad y conviertas tu contenido en algo que aporta valor y engancha.
Módulo 3
Incluye infografías en tus creaciones
20XX
20XX
20XX
Sorprende
Planifica
Diseña
20XX
20XX
Estructura
Comunica
Módulo 3
Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras! Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales con la boca abierta! Plantea una pregunta dramática; es el ingrediente esencial para mantener la atención del público. Se suele plantear de forma subyacente al inicio de la historia para intrigar a la audiencia y se resuelve al final.
Anima tu contenido y llévalo al siguiente nivel
¿Sabías que Genially te permite compartir tu creación directamente, sin necesidad de descargas? Listo para que tu público pueda visualizarlo en cualquier dispositivo y darle difusión en cualquier lugar.
Módulo 3
Conclusiones
Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante
Seres narrativos
Somos seres visuales
Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
Seres digitales
Seres sociales
Evitamos formar parte de la saturación de contenido en el mundo digital.
Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
Actividades
Actividad 2
Actividad 1
Abajo el contenido aburrido en tu presentación: hazlo entretenido
Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante
Actividad 1
Haz clic solo en los conceptos correctos
Funciones de Genially
Categorías de Genially
Arrastrar
Juegos
Grabar vídeo
Libros
Degradados
Quiz
3D
E-commerce
Animación
Ilustraciones
Dado
Video
Traducir
Ampliar
Blogs
Infografías
Comprobar
Comprobar
Actividad 2
00:10
Haz clic en 4 aparatos tecnológicos antes de 10 segundos
Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
Evitamos formar parte de la saturación de contenido en el mundo digital.
Evaluación
Evaluación
¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve.
Evaluación 1/5
Evaluación 2/5
Evaluación 3/5
Evaluación 4/5
Evaluación 5 /5
Certificado
Aquí puedes poner un título destacado
¡Enhorabuena!
Certificadode logro
Utiliza este espacio paraponer una frase genial
Aquí puedes incluir un texto para dar la enhorabuena y desear suerte a tu audiencia al acabar el quiz.
Firma 2
Firma 1
Mes, 20XX
Encuesta 1/5
CLARIDAD Y RELEVANCIA DEL CONTENIDO
Encuesta 2/5
objetivos del curso
Encuesta 3/5
materiales y recursos
Encuesta 4/5
actividades y prácticas
Encuesta 5/5
FEEDBACK GENERAL
¡Curso completado!
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
Instituto Tecnologico Superior de comalcalco
julianabiud2003
Created on March 25, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Essential Course
View
Practical Course
View
Course 3D Style
View
Minimal Course
View
Neodigital CPD Course
View
Laws and Regulations Course
View
Customer Service Course
Explore all templates
Transcript
Instituto Tecnologico Superior de comalcalco
Julian Abiud Perez Hernandez
Programacion WEB 8C
¡Vamos!
Introducción
La programación del lado del servidor implica el uso de lenguajes que se ejecutan en el servidor web para procesar solicitudes y generar contenido dinámico antes de enviarlo al navegador del usuario. Lenguajes como PHP, Python, Ruby y Java se utilizan comúnmente para este propósito. Estos lenguajes permiten interactuar con bases de datos, gestionar sesiones de usuario y realizar operaciones en el servidor que no serían posibles únicamente con tecnologías del lado del cliente
Empezar curso
Estructuras de Control
Las estructuras de control son fundamentales en cualquier lenguaje de programación, ya que permiten dirigir el flujo de ejecución del programa. Incluyen estructuras condicionales (como if y switch) que permiten tomar decisiones basadas en condiciones específicas, y estructuras de bucle (como for, while y do...while) que permiten repetir bloques de código mientras se cumpla una condición determinada.
Ir a página
Estructuras de Control
Condicionales
Iterativas
Estas estructuras permiten ejecutar un bloque de código si se cumple una condición. if → Evalúa una condición y ejecuta un bloque de código si es verdadera. if-else → Ejecuta un bloque si la condición es verdadera y otro si es falsa. if-else if-else → Permite evaluar múltiples condiciones. switch → Evalúa una expresión y ejecuta diferentes bloques de código según su valor.
Permiten repetir la ejecución de un bloque de código mientras se cumpla una condición. for → Ejecuta un bloque de código un número determinado de veces. while → Ejecuta un bloque de código mientras una condición sea verdadera. do-while → Ejecuta un bloque al menos una vez y luego evalúa la condición. foreach (en algunos lenguajes) → Recorre los elementos de una colección o arreglo.
Ir a página
Estructuras de Control
Estructuras de Control de Salto Permiten modificar el flujo normal de ejecución dentro de los bucles. break → Sale completamente del bucle. continue → Salta a la siguiente iteración sin ejecutar el código restante del bucle. return → Finaliza la ejecución de una función y devuelve un valor.
Ir a página
ejemplos
Estructuras de Control Condicionales
Estructuras de Control de Salto
Estructuras de Control Iterativas
let edad = 18; if (edad >= 18) { console.log("Eres mayor de edad."); } else { console.log("Eres menor de edad."); }
for (int i = 0; i < 5; i++) { if (i == 3) { break; // Detiene el bucle cuando i es 3 } System.out.println("Valor: " + i); }
for i in range(5): print("Iteración:", i)
Ir a página
Tratamiento de Formularios
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Formulario de Contacto</title> </head> <body> <h2>Formulario de Contacto</h2> <form action="procesar.php" method="POST"> <label for="nombre">Nombre:</label> <input type="text" id="nombre" name="nombre" required><br><br> <label for="email">Correo:</label> <input type="email" id="email" name="email" required><br><br> <label for="mensaje">Mensaje:</label><br> <textarea id="mensaje" name="mensaje" rows="4" required></textarea><br><br> <input type="submit" value="Enviar"> </form> </body> </html>
Los formularios en HTML permiten a los usuarios enviar datos al servidor, donde pueden ser procesados para diversas aplicaciones, como registros, encuestas o compras en línea. El tratamiento de formularios implica la recepción y validación de los datos enviados, asegurando que sean correctos y seguros antes de almacenarlos o utilizarlos en alguna operación.
Ir a página
Manejo de objetos del servidor
En la programación del lado del servidor, es común trabajar con objetos que representan componentes del servidor, como conexiones a bases de datos, sesiones de usuario y archivos. El manejo adecuado de estos objetos es crucial para garantizar la eficiencia y seguridad de la aplicación.
Ir a página
Guardar Información en el Cliente
Información del Servidor y Cliente
Persistencia de Datos
<?php session_start(); // Iniciar sesión $_SESSION["usuario"] = "Juan Pérez"; // Guardar información echo "Usuario activo: " . $_SESSION["usuario"]; ?>
<?php echo "Método de solicitud: " . $_SERVER["REQUEST_METHOD"] . "<br>"; echo "IP del cliente: " . $_SERVER["REMOTE_ADDR"] . "<br>"; echo "URL de la página actual: " . $_SERVER["REQUEST_URI"] . "<br>"; ?>
<?php setcookie("usuario", "Juan Pérez", time() + 3600, "/"); // Expira en 1 hora echo "Cookie creada con éxito."; ?>
Ir a página
Acceso a datos
Las aplicaciones del lado del servidor a menudo necesitan interactuar con bases de datos para almacenar y recuperar información. El acceso a datos implica establecer conexiones seguras a la base de datos, ejecutar consultas SQL y manejar los resultados de manera eficiente. Es fundamental gestionar correctamente estas operaciones para garantizar la integridad y seguridad de los datos.
Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras! Lo que lees: la interactividad y la animación pueden hacer que el contenido más aburrido se convierta en algo divertido. En Genially utilizamos AI (Awesome Interactivity) en todos nuestros diseños, para que subas de nivel con interactividad y conviertas tu contenido en algo que aporta valor y engancha.
Módulo 3
Incluye infografías en tus creaciones
20XX
20XX
20XX
Sorprende
Planifica
Diseña
20XX
20XX
Estructura
Comunica
Módulo 3
Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras! Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales con la boca abierta! Plantea una pregunta dramática; es el ingrediente esencial para mantener la atención del público. Se suele plantear de forma subyacente al inicio de la historia para intrigar a la audiencia y se resuelve al final.
Anima tu contenido y llévalo al siguiente nivel
¿Sabías que Genially te permite compartir tu creación directamente, sin necesidad de descargas? Listo para que tu público pueda visualizarlo en cualquier dispositivo y darle difusión en cualquier lugar.
Módulo 3
Conclusiones
Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante
Seres narrativos
Somos seres visuales
Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
Seres digitales
Seres sociales
Evitamos formar parte de la saturación de contenido en el mundo digital.
Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
Actividades
Actividad 2
Actividad 1
Abajo el contenido aburrido en tu presentación: hazlo entretenido
Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante
Actividad 1
Haz clic solo en los conceptos correctos
Funciones de Genially
Categorías de Genially
Arrastrar
Juegos
Grabar vídeo
Libros
Degradados
Quiz
3D
E-commerce
Animación
Ilustraciones
Dado
Video
Traducir
Ampliar
Blogs
Infografías
Comprobar
Comprobar
Actividad 2
00:10
Haz clic en 4 aparatos tecnológicos antes de 10 segundos
Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
Evitamos formar parte de la saturación de contenido en el mundo digital.
Evaluación
Evaluación
¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve.
Evaluación 1/5
Evaluación 2/5
Evaluación 3/5
Evaluación 4/5
Evaluación 5 /5
Certificado
Aquí puedes poner un título destacado
¡Enhorabuena!
Certificadode logro
Utiliza este espacio paraponer una frase genial
Aquí puedes incluir un texto para dar la enhorabuena y desear suerte a tu audiencia al acabar el quiz.
Firma 2
Firma 1
Mes, 20XX
Encuesta 1/5
CLARIDAD Y RELEVANCIA DEL CONTENIDO
Encuesta 2/5
objetivos del curso
Encuesta 3/5
materiales y recursos
Encuesta 4/5
actividades y prácticas
Encuesta 5/5
FEEDBACK GENERAL
¡Curso completado!
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.