República Bolivariana de Venezuela.

Ministerio del Poder Popular para la Educación.

I.U.P. Santiago Mariño.

Barcelona-Edo Anzoátegui.

Profesor: José Alejandro Castillo Bachiller: Manuel Hernández.

C.I: 26.146.950.

Carrera: Ing. En sistemas.

26/4/2024.

1
 Índice.

Introducción-------------------------------------------------------------------Pág. 3

Contenido-----------------------------------------------------------------Pág. 4 - 13

Concepto de programación web------------------------------------Pág. 4

Tipos de programación web-------------------------------------Pág. 4 - 7

 Aplicación web estática--------------------------------------------------------Pág. 4
 Aplicación web dinámica------------------------------------------------------Pág. 5
 Aplicación web de comercio electrónico---------------------------------Pág. 5
 Aplicación web de gestión de contenido----------------------------------Pág. 6
 Aplicaciones web de página única-----------------------------------------Pág. 6
 Aplicaciones web de portal---------------------------------------------------Pág. 7
 Aplicaciones web progresivas-------------------------------------------------Pág. 7

Principales lenguajes de programación web-------------Pág. 8 - 12

 JavaScript-----------------------------------------------------------------------------Pág. 8
 Python--------------------------------------------------------------------------------Pág. 9
 HTML---------------------------------------------------------------------------------Pág. 10
 PHP-----------------------------------------------------------------------------------Pág. 11
 CSS-----------------------------------------------------------------------------------Pág. 12

Herramientas básicas de desarrollo web----------------------Pág. 13

Conclusión-------------------------------------------------------------------Pág. 14

Webgrafia---------------------------------------------------------------------Pág. 15

Anexos------------------------------------------------------------------Pág. 16 - 17

2
 Introducción.
En la era digital actual, la programación web se ha convertido en una
herramienta esencial para el desarrollo y la expansión de las capacidades de
Internet. Este trabajo tiene como objetivo explorar las diversas tecnologías y
metodologías que forman la columna vertebral de la web moderna. Abordaremos
temas tales como los conceptos básicos de la programación web, sus tipos y los
principales lenguajes de programación más utilizados en la actualidad. A través de
este estudio, buscamos comprender cómo la programación web no solo mejora la
funcionalidad de los sitios web, sino que también crea experiencias más ricas y
accesibles para los usuarios de todo el mundo.

3
 Concepto de la programación web.

Se trata del proceso por el cual desarrollas y diseñas una página web. Al igual
que en la programación tradicional, para crear una web se utilizan una serie de
lenguajes que te permiten dar forma al proyecto que quieres levantar. Los
programadores web utilizan una variedad de lenguajes como HTML, CSS,
JavaScript, PHP y Ruby para construir sitios web y aplicaciones que se ejecutan
en línea a través de navegadores web.

En términos simples, la programación web es una habilidad crucial en nuestro

mundo digital, donde cada aspecto de nuestras vidas interactúa con la web, desde
pequeños blogs hasta grandes plataformas de comercio electrónico, todo se
construye utilizando la programación web. Esta le permite a las empresas y
organizaciones crear y personalizar su presencia en línea para adaptarse a sus
necesidades específicas. Así que, en resumen, la programación web es esencial
en la era actual y nos permite disfrutar de la diversidad de servicios y experiencias
en Internet.

Tipos de aplicaciones web.

 Aplicaciones web estáticas

Son los sitios diseñados para presentar información a los visitantes sin permitir
que interactúen con el contenido más allá de su lectura. Estos sitios son de los
más simples que existen y generalmente están diseñados únicamente como datos
HTML con algunas líneas de código CSS.

En ocasiones incluyen imágenes o videos integrados. Por ejemplo: El sitio web

de la fotógrafa mexicana Graciela Iturbide es un buen ejemplo de una aplicación
web estática. En su sitio únicamente presenta información de sus proyectos más
importantes, algunas líneas de biografía y una serie de sus fotos más populares
tomadas a lo largo de los años.

4
  Aplicaciones web dinámicas

Como su nombre lo indica, son sitios en la red que no se mantienen estáticos a

lo largo del tiempo y que, por el contrario, están en un proceso constante de
actualización que hace que haya diferentes contenidos cada vez que se visitan.

Estas aplicaciones pueden ser realmente simples y únicamente modifican una

parte del sitio tras cada actualización o cambiar completamente cuando alguien las
visita. Estos sitios son especialmente buenos para tiendas en línea que deben
actualizar su stock de manera constante, e incluso sus precios. Por ejemplo: Las
redes sociales son excelentes ejemplos de lo que la programación de aplicaciones
dinámicas en línea puede lograr. Las aplicaciones web como Facebook, Twitter o
LinkedIn ofrecen a cada momento una nueva experiencia a sus usuarios. Basta
con que actualices la página de inicio o que regreses al inicio del portal para que el
sistema cargue resultados completamente nuevos.

 Aplicaciones web de comercio electrónico

Son una de las más populares en el mercado digital de hoy. Esto se debe a
que cada vez son más las empresas y personas que prefieren el uso de
plataformas digitales para comercializar sus mercancías.

Un sitio web de comercio electrónico debe estar optimizado para muchas

cosas: mostrar un producto, describirlo y exponer sus características principales;
permitir que se añadan o quiten productos; administrar el pago de los clientes;
generar facturas electrónicas y hasta contar con un buen diseño y herramientas de
contacto como formularios y chat en vivo. Por otro lado, un buen sitio web de
comercio electrónico debe ser al mismo tiempo una aplicación web dinámica.

Por ejemplo: Empresas con gran presencia internacional, como Amazon o

Mercado Libre, cuentan con sitios que están en constante actualización, incluyen
certificados de seguridad y dan respuesta a los visitantes con opciones de pago y
administración de sus compras.

5
  Aplicaciones web de gestión de contenido

Los CMS, también conocidos como sistemas de gestión de contenidos, son un

tipo de aplicación web accesible desde navegador. Sirven para administrar los
contenidos que se muestran en un sitio web, así como en cada una de sus
páginas.

Con estas herramientas es realmente fácil editar textos para blogs, integrar
imágenes y videos dentro de una publicación, o incluso editar tus páginas en
ventanas de desarrollo web con HTML o CSS.

Como tal, estas aplicaciones funcionan como intermediarios entre tú y tu sitio

web. Por ello están optimizadas con todas las herramientas necesarias para que
tus contenidos estén actualizados y en la mejor condición para ser publicados en
tu sitio. Por ejemplo: El CMS de HubSpot es una de las mejores herramientas web
diseñadas para hacer de la gestión de tus contenidos una tarea mucho más simple
y completa.

 Aplicaciones web de página única

Si bien es común que las aplicaciones web y los sitios resguarden una
importante cantidad de páginas, existen algunas otras que únicamente operan
mediante una página en constante actualización.

Esto significa que todas las acciones que realizas en un sitio se efectúan en la
misma ventana. Aunque esto pueda parecer una tarea muy compleja debido al
tiempo de carga y a los volúmenes de información, lo cierto es que una vez que el
sitio ha cargado la navegación es rápida, eficiente y simple.

Por ejemplo: Una aplicación web única son las páginas de algunos de los
medios de correo electrónico más populares, como Gmail y Outlook. En estas
aplicaciones accedes desde el primer momento a una ventana que permanecerá
igual durante tu navegación.

6
  Aplicaciones web de portal

Otro formato de aplicación web es aquella en la que, en contraposición a los

sitios web de una sola página, un mismo portal funciona como matriz que redirige
al visitante, mediante enlaces, a otras páginas. Este tipo de aplicaciones son
especialmente útiles cuando un mismo sitio resguarda información o
funcionalidades de muchos tipos y que requieren ser clasificados en categorías
fácilmente accesibles.

Si, por ejemplo, una empresa ofrece una gran cantidad de servicios, lo mejor es
contar con una página que funcione como portal de acceso a las múltiples
secciones del sitio. Algunas de estas páginas pueden, además, estar limitadas
para únicamente ser accesibles a ciertos usuarios o suscriptores.

Por ejemplo: La tienda en línea de IKEA. Su página principal funciona como un

portal de acceso a muchas otras secciones del mismo sitio: atención al cliente,
acerca de nosotros, datos de contacto, acceso a redes sociales y otros servicios
de interés.

 Aplicaciones web progresivas

Desde hace algunos años se ha notado una clara tendencia para migrar las
aplicaciones web a formatos móviles. Muchas de las herramientas que hasta hace
una década podíamos utilizar desde un sitio web han cambiado al formato de
aplicación, que solo puede descargarse desde las tiendas oficiales de apps.

Para mitigar este fenómeno, algunas aplicaciones móviles han optado por
integrar la experiencia de navegación y uso de las plataformas mediante interfaces
que recuerdas o que se ajustan a la experiencia de uso móvil. Es por ello que son
conocidas como aplicaciones web progresivas. Por ejemplo: Unas de las
aplicaciones más conocidas son Spotify, Slack, Airtable o Google Docs. Pero si
alguna de ellas destaca por no poder ser descargada como aplicación en los
equipos informáticos es Netflix.

7
 Principales lenguajes de programación web.

 JavaScript.

Desde su aparición en 1995, este lenguaje de programación ha crecido en

popularidad hasta convertirse en uno de los más usados en la actualidad.
JavaScript permite que los desarrolladores web creen páginas dinámicas y
aplicaciones web interactivas que mejoran significativamente la experiencia del
usuario.

Características principales de JavaScript.

1. Interactividad: JavaScript permite hacer páginas web interactivas. Muchas

funcionalidades como carros de compra, formularios de envío, galerías de
fotos, reproductores de video, entre otras, utilizan JavaScript.
2. Universalidad: JavaScript es compatible con todos los navegadores y
plataformas modernas. Esto significa que puedes escribir código una vez y
se ejecutará en cualquier lugar.
3. Lenguaje de alto nivel: JavaScript es un lenguaje de programación de alto
nivel, lo que significa que es relativamente fácil de aprender y usar.
También se encarga de muchas de las complicaciones de la gestión de la
memoria.
4. Event-driven (Basado en eventos): JavaScript permite crear aplicaciones
basadas en eventos, lo que significa que puedes programar respuestas a
ciertos eventos como clics del mouse, teclas presionadas, etc.
5. Asíncrono: JavaScript tiene funcionalidades para manejar operaciones
asíncronas, como las Promesas y async/await. Esto es muy útil para
realizar tareas como cargar datos de un servidor sin bloquear la interfaz de
usuario.
6. Actualizaciones frecuentes y comunidad de soporte: JavaScript tiene
una comunidad de desarrolladores muy activa que contribuye con mejoras
al lenguaje, ayuda a solucionar problemas y ofrece recursos de aprendizaje.

8
  Python

Python es otro lenguaje de programación de alto nivel, interpretado y de

propósito general, diseñado por Guido van Rossum en 1991. Desde su creación,
Python ha sido reconocido por su simplicidad y legibilidad, que han contribuido a
su amplia aceptación en el mundo de la programación.

Características principales de Python.

1. Sintaxis clara y fácil de aprender: A diferencia de otros lenguajes de

programación que utilizan signos de puntuación complejos, Python utiliza
espacios en blanco y tabulaciones para delimitar los bloques de código.
2. Python es un lenguaje interpretado: Significa que el código se ejecuta
línea por línea, en lugar de compilarlo antes de la ejecución. Es un
3. lenguaje de programación orientado a objetos (OOP): Te permitirá
estructurar tus programas de manera eficiente, utilizando clases y objetos
para agrupar datos y funciones relacionadas.
4. Legibilidad: Python enfatiza la legibilidad del código, lo que facilita su
aprendizaje y uso. Esto también facilita la colaboración y el mantenimiento
del código, ya que es más fácil entender el código de otros programadores.
5. Amplia biblioteca estándar: Python viene con una amplia biblioteca
estándar que incluye módulos para manejar archivos, conexiones de red,
bases de datos, interfaces gráficas de usuario y mucho más. Esto elimina la
necesidad de instalar y aprender a usar bibliotecas de terceros para
muchas tareas comunes.
6. Comunidad activa: La comunidad de Python es amplia y activa. Hay una
gran cantidad de recursos disponibles en línea para aprender Python,
desde tutoriales y cursos en línea hasta foros y chats de discusión.
7. Multiplataforma: Python es un lenguaje de programación multiplataforma,
lo que significa que los programas escritos en Python pueden ejecutarse en
varios sistemas operativos, incluyendo Windows, Mac OS X y Linux.

9
  HTML.

El Lenguaje de Marcado de Hipertexto, conocido popularmente como HTML, es

el lenguaje de programación que se utiliza para crear la estructura básica de todas
las páginas web. Más allá de simplemente presentar texto e imágenes, HTML
tiene una variedad de funciones que son esenciales en el desarrollo web.

Características principales del HTML.

1. Estructura de la página web: HTML proporciona la estructura básica de

una página web. Los elementos de HTML, como los encabezados (<h1>,
<h2>, etc.), párrafos (<p>), listas (<ul>, <ol>) y enlaces (<a>), se utilizan
para organizar y dar formato al contenido de la página web.
2. Incorporación de medios: HTML permite incorporar varios tipos de
medios en una página web, incluyendo imágenes (<img>), audio (<audio>)
y video (<video>). También permite la integración de contenido interactivo,
como formularios para la entrada de datos del usuario (<form>), y mapas y
gráficos incorporados.
3. Enlaces a otros documentos: Una característica fundamental de HTML es
su capacidad para crear enlaces a otros documentos o recursos, utilizando
el elemento de anclaje (<a>). Estos enlaces pueden apuntar a otras
páginas web, a diferentes secciones dentro de la misma página, o a
archivos descargables.
4. Accesibilidad Web: HTML juega un papel clave en la creación de sitios
web accesibles. Los atributos de HTML como alt (para imágenes), label
(para campos de formularios), y los roles ARIA, ayudan a los dispositivos de
asistencia, como los lectores de pantalla, a interpretar el contenido de la
página web.
5. Metadatos: HTML proporciona metadatos sobre la página web a través de
elementos como <title> y <meta>, que pueden contener información como
el título de la página, una descripción, palabras clave y el autor.

10
  PHP.

PHP, que inicialmente significaba "Personal Home Page" pero ahora se conoce
como "Hypertext Preprocessor", es un lenguaje de programación de script de
servidor que se utiliza principalmente para el desarrollo de sitios web y
aplicaciones web. Desde su creación en 1995 por Rasmus Lerdorf, PHP ha
crecido en popularidad y utilidad, hasta el punto de ser el pilar de muchos sitios
web actuales, incluyendo a Facebook y Wikipedia.

Características principales del PHP.

1. Lenguaje de programación de código abierto: Significa que está

disponible de forma gratuita y que los programadores pueden contribuir a
su desarrollo.
2. Compatibilidad: Con una gran variedad de sistemas operativos, como
Windows, MacOS y Linux, y se puede integrar fácilmente con varios
servidores web y bases de datos.
3. Simplicidad: A diferencia de otros lenguajes de programación, PHP no
requiere un conocimiento profundo de la programación para empezar.
4. Variedad de aplicaciones: PHP se utiliza principalmente en el desarrollo
web para crear contenido dinámico. Puede interactuar con bases de datos,
como MySQL, para almacenar, actualizar y recuperar información
5. Sistema de gestión de contenidos: PHP se utiliza en el desarrollo de
sistemas de gestión de contenidos (CMS) como WordPress, Drupal y
Joomla. Estos sistemas utilizan PHP para interactuar con bases de datos y
generar contenido dinámico.
6. Nuevas versiones: Las nuevas versiones de PHP, como PHP 8, han
introducido características modernas como la compilación Just-In-Time
(JIT) que mejora el rendimiento y la tipificación de datos para hacer el
código más seguro y eficiente. Estos avances demuestran que PHP sigue
evolucionando para satisfacer las necesidades de los desarrolladores.

11
  CSS.

El lenguaje de hojas de estilo en cascada, mejor conocido como CSS, ha

jugado durante mucho tiempo un papel fundamental en el desarrollo web. Más allá
de proporcionar estilos atractivos y coherentes para las páginas web, CSS ofrece
una variedad de funciones que pueden facilitar y mejorar la experiencia de
programación web.

Características principales del CSS.

1. Control de diseño y estilos: Quizás la característica más reconocida de

CSS es su capacidad para controlar el diseño y estilo de una página web.
Desde el color y el tamaño del texto hasta el espaciado, el posicionamiento
y la animación, CSS ofrece una gran flexibilidad y control sobre cómo se ve
y se comporta un sitio web.
2. Adaptabilidad a diferentes dispositivos: Con la creciente diversidad de
dispositivos y tamaños de pantalla, es esencial que los sitios web sean
responsivos y se adapten a cualquier dispositivo. CSS facilita esto con los
Media Queries, que permiten aplicar estilos específicos dependiendo del
tamaño de la pantalla, la orientación (portrait o landscape) y otras
características del dispositivo.
3. Mejora del rendimiento de la página: CSS puede ayudar a mejorar el
rendimiento de un sitio web de varias maneras. Por ejemplo, al utilizar CSS
externo, el navegador puede almacenar en caché la hoja de estilo para su
uso en varias páginas, lo que reduce la cantidad de datos que se necesitan
para cargar una página.
4. Interacciones y animaciones: CSS no solo se trata de estilos estáticos.
Con CSS, puedes crear interacciones y animaciones complejas. Las
transiciones de CSS permite cambios suaves entre los estilos, y las
animaciones de CSS pueden mover o cambiar elementos de formas
complejas. Esto puede llevar la experiencia del usuario a otro nivel.

12
 Herramientas básicas para el desarrollo web.
Una herramienta de desarrollo web es un software o un conjunto de
herramientas elaborado para ayudar a los desarrolladores web a crear, depurar
y mantener sitios web y aplicaciones. Estas herramientas pueden incluir
editores de código, sistemas de control de versiones, bibliotecas etc. A
continuación, se presentan algunos ejemplos de herramientas de desarrollo
web:

 Editores de código: Un editor de código es un programa que ayuda a los

desarrolladores escribir y modificar código. Los editores de código suelen
incluir características como resaltado de sintaxis, autocompletar y
depuración. Ejemplos de editores de código populares: Visual Studio Code,
Sublime Text y Notepad ++.
 Sistemas de control de versiones: Un sistema de control de versiones es
una herramienta que permite a los desarrolladores mantener un registro de
los cambios realizados en su código. Esto permite a los desarrolladores
volver a versiones anteriores de su código si algo sale mal. Además,
también permite a los desarrolladores colaborar con otros en un proyecto.
Los sistemas de control de versiones populares incluyen Git, Mercurial y
Subversión.
 Bibliotecas: Una biblioteca es un conjunto de funciones y módulos que
pueden ser utilizados por los desarrolladores web para ahorrar tiempo y
esfuerzo al desarrollar aplicaciones. Las bibliotecas pueden incluir
funciones como la manipulación de archivos, la conexión a bases de datos
y la creación de gráficos.

13
 Conclusión.

A lo largo de este trabajo, hemos navegado por el vasto océano de la

programación web, descubriendo las herramientas y técnicas que permiten a los
desarrolladores construir sitios web dinámicos y atractivos. Hemos visto cómo el
equilibrio entre funcionalidad y estética es crucial para el éxito de cualquier
proyecto web. La programación web no solo es una disciplina técnica, sino
también una forma de arte que requiere creatividad y adaptabilidad. Con la
evolución constante de las tecnologías web, el aprendizaje continuo es
indispensable para mantenerse al día con las tendencias actuales y futuras. Este
trabajo subraya la importancia de una base sólida en los principios de la
programación web y la innovación constante como pilares para el desarrollo de
experiencias web excepcionales.

14
 Webgrafia.

https://thepower.education/blog/que-es-la-programacion-web

https://blog.hubspot.es/website/tipos-aplicaciones-web

https://www.rumpelstinski.es/actualidad/5-lenguajes-de-programaci%C3%B3n-
web-m%C3%A1s-usados-en-2023

https://es.linkedin.com/pulse/5-herramientas-de-desarrollo-web-que-debes-usar-
mohamed-rifi

15
 Anexos.

Ejemplo de aplicación de web estática. (Imagen de Graciela Iturbide).

Ejemplo de aplicación web dinámica. (Imagen de LinkedIn).

Ejemplo de aplicación web de comercio electrónico. (Imagen de MercadoLibre).

16
Ejemplo de aplicación web de gestión de contenido. (Imagen de HubSpot).

Ejemplo de aplicación web de página única. (Imagen de Gmail).

Ejemplo de aplicación web de portal. (Imagen de IKEA).

Ejemplo de aplicación web progresivas. (Imagen de Netflix).

17