Want to create interactive content? It’s easy in Genially!

Get started free

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:

Transcript

Programacion WEB 8C

Instituto Tecnologico Superior de comalcalco

Julian Abiud Perez Hernandez

¡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

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.

Iterativas
Condicionales

Estructuras de Control

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.

Ir a página

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.

ejemplos

Estructuras de Control Condicionales

let edad = 18; if (edad >= 18) { console.log("Eres mayor de edad."); } else { console.log("Eres menor de edad."); }

Estructuras de Control Iterativas

for i in range(5): print("Iteración:", i)

Estructuras de Control de Salto

for (int i = 0; i < 5; i++) { if (i == 3) { break; // Detiene el bucle cuando i es 3 } System.out.println("Valor: " + i); }

Ir a página

<!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>

Tratamiento de Formularios

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

<?php setcookie("usuario", "Juan Pérez", time() + 3600, "/"); // Expira en 1 hora echo "Cookie creada con éxito."; ?>

Guardar Información en el Cliente

<?php session_start(); // Iniciar sesión $_SESSION["usuario"] = "Juan Pérez"; // Guardar información echo "Usuario activo: " . $_SESSION["usuario"]; ?>

Persistencia de Datos

Ir a página

<?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>"; ?>

Información del Servidor y Cliente

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

Planifica

20XX

Estructura

20XX

Diseña

20XX

Comunica

20XX

Sorprende

Módulo 3

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.

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.

Módulo 3

Conclusiones

Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante

Somos seres visuales

Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.

Seres sociales

Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

Seres narrativos

Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.

Seres digitales

Evitamos formar parte de la saturación de contenido en el mundo digital.

Actividades

Actividad 1

Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante

Actividad 2

Abajo el contenido aburrido en tu presentación: hazlo entretenido

Actividad 1

Haz clic solo en los conceptos correctos

Categorías de Genially

Quiz

E-commerce

Ilustraciones

Video

Infografías

Blogs

Libros

Juegos

Funciones de Genially

Comprobar

Comprobar

Degradados

3D

Animación

Dado

Ampliar

Traducir

Grabar vídeo

Arrastrar

Actividad 2

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.

Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.

Evitamos formar parte de la saturación de contenido en el mundo digital.

00:10
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

Certificadode logro

Aquí puedes incluir un texto para dar la enhorabuena y desear suerte a tu audiencia al acabar el quiz.

Aquí puedes poner un título destacado

¡Enhorabuena!

Utiliza este espacio paraponer una frase genial

Firma 1

Firma 2

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

FEEDBACK GENERAL

Encuesta 5/5

¡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.