Contenido del curso
Diferencias entre Páginas Web Estáticas y Dinámicas
Los sitios web se comportan de forma diferente dependiendo de la forma en que fueron diseñados desde su concepción, tomando en cuenta la interacción con el usuario. Aquí veremos las diferencias entre sitios web estáticos y dinámicos:
Sitos Web Estáticos
La información que contiene se mantiene constante y estática. No se actualiza con la interacción del usuario. Es conveniente para realizar landing pages (páginas informativas o de aterrizaje) o blogs. Se mostrarán siempre iguales para todos los usuarios.
Sitios Web Dinámicos
También conocidos como aplicaciones web, actualizan su información con respecto a la interacción del usuario. Dependen de una base de datos, de donde extrae e ingresa información. Serán diferentes, dependiendo del usuario que la use y la información que se ingrese.
Ejemplo de páginas estáticas:
Ejemplo páginas dinámicas:
Repasa qué es Full Stack
Aporte creado por: Alejandro Ramos, Jorge Armas.
Alejandro Ramos
Estudiante
Thomas Alexander Riddle Delgado
Estudiante
Juan Christopher
Estudiante
Sandra Liliana Delgado Gómez
EstudianteThomas Alexander Riddle Delgado
Estudiante
Jimmy Buriticá Londoño
Estudiante
Jonathan HERNANDEZ
Estudiante
Jose Luis Idarraga
EstudianteJonathan HERNANDEZ
Estudiante
Edwin Morales
Estudiante
Joel Dominguez Merino
Estudiante
Christian Velázquez
Estudiante
Fabiola Vanesa Castro Juárez
EstudianteThomas Alexander Riddle Delgado
Estudiante
Alejandro David Benolol
Estudiante
Carolina Coronado Alderete
Estudiante
Víctor Macías Pincay
Estudiante
Xiara Matos Pimentel
Estudiante
Luis Alberto Ducuara Blandón
Estudiante
Douglas Josué Herrera Sánchez
Estudiante
Jose Barboza
Estudiante
Laidon Manolo Ayala Dominguez
Estudiante
Joel Sierra Mendoza
EstudianteVíctor Macías Pincay
Estudiante
Cristian Blandon
Estudiante
Emanuel Salazar
EstudianteFernando Remache
Estudiante
Pablo Javier Luengo del Toro
Estudiante
Jefferson Henao Monsalve
Estudiante
Iván Arcos
EstudianteThomas Alexander Riddle Delgado
EstudianteJefferson Henao Monsalve
Estudiante
Elvis Perez
Estudiante
Alejandro Abalos
Estudiante
Carlos Eduardo Gomez García
Estudiante
David Prada
Estudiante
Antony Jesus Romero Garcia
Estudiante
Cristhian Carrión
Estudiante
Juan Zavala Ortiz
Estudiante
Kevin J. Zea Alvarado
EstudianteJuan Guillen Fortich
Estudiante
Usuario anónimo
User
Iris Valentina Barrios
Estudiante
Omar Gabriel Aguilar Moscoso
EstudianteCarlos Eduardo Gomez García
Estudiante
Juan González
Estudiante
Dante Muniz Torres
EstudianteSitos Web Estáticos: La información que contiene, se mantiene constante y estática. No se actualiza con la interacción del usuario. Conveniente para landing pages (Páginas informativas) o Blogs. Serán siempre iguales para todos los usuarios. . Sitios Web Dinámicos (Aplicaciones Web): Actualizan su información con respecto a la interacción del usuario. Dependen de una base de datos, de donde extrae e ingresa información. Serán diferentes, dependiendo del usuario que la use.
Gracias
¡Gracias!
Muchas gracias por tus aportes!
👍
Diferencias entre una aplicación web y un sitio web
Elegir entre un sitio web y una aplicación web significa cambios muy importantes en un proyecto digital. Explicamos en qué consiste cada tipo de plataforma, a qué necesidades responden y cuándo se usan.
Los términos sitio web y aplicación web suenan parecido y mucha gente los usa sin distinción, hablando de ellos como si fueran lo mismo o implicando que cumplen la misma función.
Sin embargo, se trata de plataformas digitales con propósitos específicos que responden a necesidades muy diferentes. Cada una ofrece un conjunto distinto de funcionalidades a los usuarios, las que dependen directamente de los objetivos de un proyecto.
De esta forma, la decisión de desarrollar una de estas plataformas depende de los productos o servicios que se quieran poner a disposición de los usuarios y los objetivos que se quieran alcanzar en canales digitales.
Otro punto muy relevante es que optar por un sitio web o una aplicación web tiene un efecto importante en los costos y tiempos de un proyecto digital. Las cargas de trabajo asociadas a las distintas áreas también varían mucho en el desarrollo de una plataforma u otra, afectando la planificación de las tareas.
Conocer las diferencias entre un sitio web y una aplicación web permitirá tomar las decisiones adecuadas. Además, ayudará a que todos usen apropiadamente los términos, evitando confusiones y agilizando las definiciones en la planificación de un proyecto.
Páginas estáticas vs sitios interactivos
En pocas palabras, un sitio web es un conjunto de páginas estáticas que entregan información. Por su parte, las aplicaciones web son plataformas principalmente interactivas que se centran en que los usuarios realicen acciones.
Esta diferencia fundamental determina sus principales objetivos, características y funciones.
Aplicaciones web El objetivo principal de una aplicación es que el usuario realice una tarea. También pueden entenderse como un programa que se utiliza desde el navegador. Para crearlos, se usan los lenguajes CSS, HTML, JavaScript y se puede utilizar software gratuito de fuente abierta, como Drupal, Symfony, Django o Meteor.
Algunos ejemplos son los servicios de bancos, Google Docs y los sitios de ventas de retail.
Sitios web El objetivo principal de un sitio web es entregar información. Por lo tanto, consumir contenidos es la tarea más importante hacen los usuarios en este tipo de plataformas.
Esta idea puede sonar confusa, ya que todos los sitios incluyen algún llamado a la acción adicional, como por ejemplo realizar un contacto o suscribirse a un newsletter. La diferencia está en que estas interacciones representan una parte pequeña y usualmente se pueden lograr solo después de guiar al usuario a través del contenido.
Los sitios web tienen además varias páginas interconectadas y requieren un gestor de contenidos.
Principales diferencias y características a considerar
De esta forma, las principales diferencias que se deben considerar al seleccionar una de estas plataformas son:
Los sitios web son fuentes de información, mientras que las aplicaciones se centran en la realización de acciones.
Un aplicación web puede ser parte de un sitio en un proyecto, pero no al revés.
3.Las funciones y tareas de una aplicación son muchas más y tienen un nivel de complejidad más elevado.
Dependiendo de las exigencias del proyecto, una plataforma puede ser más costosa que la otra. Sin embargo, por lo general las aplicaciones web demandan una lógica más compleja y, por tanto, una inversión mayor.
En todos los casos, las exigencias para las áreas son muy diferentes. La creación de un sitio web demandará el trabajo de un grupo más variado de profesionales y tareas, sin que esto signifique necesariamente un costo mayor.
Esn este orden de ideas, una web ecommerce, es decir una tienda digital seria una web app, cierto?
¡Literalmente si!!
Estos conceptos muchos quizás ya lo sabíamos, pero Diego lo explica tan claro y con tanto detalle que prácticamente ya no se me olvidará .
Lo mismo siento en este momento. Como que ha sido lo mas claro que me han explicado,
Logra aterrizar (coloquial), cada término.
Buen aporte
La imagen aporta mucho. no se porque quedo tan atrás en los comentarios.
Diferencias entre dinámicas y estáticas
Nice, Muchas gracias por el aporte.
👍
Maneja muy bien las pausas y los tiempos en las explicaciones, es muy fácil comprender la idea que quiere mostrar. Grande!!!
Sí, muy didáctico
paginas estáticas donde el contenido esta dentro del html
<html> <h2>soy estatico</h2> </html>
las dinamicas se conectan a una bd
<html> <h2>$title</h2> </html>
interesante aporte
Si quieren ver el código fuente de esta clase de platzi (y de cualquier página web) simplemente deben presionen Ctrl + U y ahí verán lo que creo que aprenderemos al final del curso. Ojo, tomenlo como ánimo de que aprenderán todo ello y no que se asusten (al menos a mi me anima a comprenderlo todo de la línea 1 hasta la última)
Gracias, está interesante el aporte.
¿Por qué mucha gente dice que JavaScript transforma una página web de estática a dinámica? Esto es algo que he leído y escuchado mucho, y me gustaría leer sus opiniones (ya que según la clase, entiendo que no es así, o no del todo).
Si una página web tiene JavaScript (cualquiera, básico, sin entrar en detalles), pero no hay interacción con una base de datos, ¿es estática? Y, si la página le pide al usuario su peso en kilogramos para devolverle su peso en libras, pero no hay una base de datos al medio (sólo código JS que realiza operaciones básicas), ¿sigue siendo estática?
Una "app" de calculadora hecha en JS, ++sin base de datos++, solo con su código JS que realiza las operaciones de cada botón, ¿es estática o dinámica?
Hola Cristian, según lo que yo entiendo sobre este tema , necesariamente para que una página web sea dinámica debe tener integración de una base de datos. En el ejemplo de la calculadora hecha en JS es para mi algo estático, claramente JavaScript permite interacción con el usuario, pero puede haber interacción con JS y no necesariamente ser definido como una aplicación web dinámica, sin embargo, si a esa página de la calculadora le añadimos una base de datos donde sea posible tener un Login y almacenar todos las operaciones que hayas realizado y compartirlas con otros usuarios ya se convierte en un proyecto dinámico.
Espero el comentario sea de ayuda, saludos!!
según mi humilde opinión una pagina dinámica es la que interactúa con el cliente ya sea con base de datos o con JS por ejemplo escribir un comentario, iniciar sesión(login) realizar compras, etc. en cambio una estática es la que solo te permite visualizar algún tipo de información ya sea de algún producto o servicio.
Es difícil ser más claro y explicarlo mejor, de diez.
Total
Qué bueno es Diego explicando, las clases son muy fáciles con él como profesor 👌🏼
Gran aporte, gracias
Gracias
Me permito sugerir una sutil corrección, pero creo que es importante, sobre todo al momento de diagramar una arquitectura no debe existir ambiguedades, respecto en lo factual el server es siempre el que se hablara con el Cliente, no la BD contra el cliente. En este caso el Server Web se hablara con quien lo pueda suplir de algun recurso y luego sera el quien lo retorne al cliente bajo un formato y protocolo especifico normalmente http ( en modo seguro https ). Mucho diran que es obvio pero en realidad para quien comienza ente mundo es facil confundirse... como arquitecto de Soluciones son detalles importantes que no pueden dejar pasar.
Una landing page es más que nada una página de aterrizaje,como se menciona, la información rara vez va a cambiar, estas páginas estáticas usualmente NO están pensadas para generar interacción con los usuarios, las páginas dinámicas si lo están, porque requieres que tus usuarios generen y consuman contenido cada día
¿Y en caso de conectar la landing page a un sistema para obtener leads? Tipo conectarla a una plataforma como mailchimp, tendría que darme sus datos personales para poder contactarlo, seguiría siendo una página web estática o ya sería dinámica?
Segun tengo entendido la pagina de aterrizaje se usan en casos como mencionas tu. Y tambien a la hora de vender un producto digital... todavia contaria como estatica a la hora de vender el producto
Ejemplo: Vendo un curso digital pongo la informacion y un boton para que hagan el pago, contaria como estatica?
O sea que la dinámica es más cara que una estática, desarrollarla ?
Suele tomar un proceso más largo, ya que implicaría que existan los elementos necesarios para que cambie como se desee. Por otro lado, la estática no presenta ningún cambio tan grande, por lo que sería más sencillo construirla y mantenerla.
Si, la principal razón es que las páginas dinámicas involucran mas tecnologías y pueden traer características muy complejas de desarrollar.
Ejemplo pagina estáticas:
Ejemplo pagina dinamicas:
entonces ¿Para crear webs dinámicas debo saber y dominar lenguaje de backend?
¡Hola! Sí.... y no, es decir, una web dinámica sí o sí hará uso de backend con una base de datos.
Sin embargo, hoy en día ya no es necesario que aprendas backend para ello, hoy en día existes BaaS (Backend as a Service) donde todo el backend ya está programado y tu solo debes configurarlo, un ejemplo de ellos es Firebase.
En el curso de Firebase para la web puedes aprender a hacer una web dinámica sin saber de backend usando Firebase ^^
No necesariamente, hoy en día uno puede enfocarse sólo en hacer un buen front, exportarlo como una página estática, subirla a un servicio de hosting para sitios estáticos (Surge, Netlify, Vercel) y después conectarse a servicios a través de sus API's para añadir funcionalidades "dinámicas" a páginas "estáticas"
Uno también podría usar funciones serverless para evitar el backend y conectarse directamente a los datos.
++Paginas estáticas y paginas dinámicas++ Estáticas: son informativas, info que está ahí por mucho tiempo. No están conectadas a servidor o base de datos. No se generan cambios del lado del cliente. Ejemplos: página que da información, presentación de una empresa, blogpost (la información en el blog no cambia).
Paginas dinámicas: web apps. Si están conectadas a base de daros. El usuario genera interacción con la página. Se tiene que guardar información de estado de lo que se está haciendo. Tienen login, interactuar con productos Ejemplos: red social como twitter, web app como la página de platzi.
Depende las necesidades del cliente/empresa es el tipo de página que conviene vender.
