Unidad 4
Unidad 4
Unidad 4
DESARROLLO
WEB FULLSTACK
-BÁSICO
Autor de contenido
Andrés Fernando Pineda Guerra
Autor de contenido
EMPEZAR
Tabla de
Contenido
Presentación
Recursos de video
2
Presentación
Objetivo general
Formar a los participantes en el desarrollo web en todo el ciclo de vida del
software, en donde adquieran los conocimientos básicos para implementar
soluciones web.
Objetivo específico
- Conocer los conceptos y teoría básica del desarrollo web.
3
Mapa de contenido de la unidad
IMAGEN
Ideas clave
El desarrollo web es, entonces, la construcción y el mantenimiento de los sitios web, lo
que incluye a las aplicaciones. Lo que se ve y lo que no se ve. Algo así como el detrás de
escena de una obra pero incluyendo la puesta en marcha y la posterior exhibición. En
donde se involucran los servicios basados en internet, modelo cliente servidor, reposi-
torios, entre otros.
4
4.1. ¿Qué es Internet?
La World Wide Web es la culminación del hipertexto y, como tal, sus orígenes se re-
montan a la propia historia del hipertexto. Quince años después de Tim Berners-Lee
inventor de la WWW que Ted Nelson, en 1965 imaginara las máquinas literarias que
permitirían a usuarios de todo el mundo publicar información en hipertexto, un joven
ingeniero Propuesta de Berners-Leebritánico buscaba cómo hacer realidad el proyecto
de Nelson. Tim Berners-Lee, en sus ratos libres, investigaba un sistema de difusión des-
centralizada de información basado en el hipertexto y en el que cooperaban una red
de centros de investigación.
5
Durante 1989 se realizaron varios experimentos para crear un sistema de comunicación
entre los científicos de física nuclear de todo el mundo en el Centre Européen de Re-
cherche Nucléaire (CERN) en Ginebra, donde se probaron varias técnicas sobre redes
para conectarse a Internet, llegándose a estandarizar los protocolos de conexión TCP/
IP. En marzo de ese mismo año, Tim Berners-Lee, investigador especializado en
telecomunicaciones y colaborador del Laboratorio Europeo de Física de Partículas
(CERN), propone al CERN utilizar un sistema de comunicación basado en el hipertexto
para lograr ese flujo de información entre los científicos.
Correo electrónico: Como es bien sabido, el correo electrónico es uno de los servicios
más utilizados por los usuarios de internet, ya que debido a sus protocolos, se pueden
enviar y recibir mensajes, archivos de audio, video, imágenes, texto, entre otros.
Foros: Tienen como objetivo generar discusión entre los usuarios sobre algún tema en
específico, en el cual se pueden compartir experiencias, opiniones o dudas.
Blogs: Permite generar a la marca o sitio web, diversas publicaciones, artículos, bien
sea de manera personal , periodística, empresarial, corporativa o investigativa.
Redes Sociales: Son aplicaciones web que favorecen las comunicaciones, publicacio-
nes, visualizaciones e interacciones entre usuarios.
6
4.4. Introducción al modelo cliente servidor.
Es una de las principales arquitecturas utilizadas en los servicios web, este modelo de
aplicación distribuida, permite que las tareas sean divididas entre los servidores y los
clientes.
Para entender mejor el modelo cliente - servidor, a continuación, se muestra una ima-
gen de la arquitectura y sus componentes:
7
La arquitectura cliente servidor, permite centralizar la información y el control de los recur-
sos e integridad de los datos que son controlados por el servidor, manteniendo separado
lo afectado o realizado por algún usuario.
Ya que está arquitectura “separa”, la parte del cliente con el servidor , facilita la escalabili-
dad y mantenimiento a futuro, ya que, si por ejemplo, se requiere de aumentar la capaci-
dad o procesamiento a los datos, se puede realizar de manera independiente a la afecta-
ción de la capa del cliente.
Fuente: https://www.amazon.es/
8
b. Sitio Corporativo.
Fuente: https://rita.udistrital.edu.co/
c. Portafolio.
Fuente: https://www.hilaryoleary.com/
9
d. Aplicación web.
Fuente: https://www.amazon.es/
e. Landing page.
Fuente: Zespri
10
f. MultiPage.
Fuente: https://www.udistrital.edu.co/inicio
g. One Page.
Fuente: https://heippa.com/
11
4.6. Alojamiento web, manejo de hosting, dominio de
un sitio web.
Hay diversos hospedajes de sitios web, como por ejemplo los alojamientos gratuitos,
por donaciones, compartidos, de imagen, de videos, de correos, por servidores dedica-
dos, alojamiento en la nube, entre otros.
Para seleccionar algún tipo de hosting, se tiene que analizar muy bien, para que se
requiere, como se va a administrar dicha infraestructura, la capacidad técnica del per-
sonal y la escalabilidad y “fuerza” que tiene el servicio web que se va a alojar.
Dominio
Github
12
En general Github es un servicio basado en la nube, que aloja un sistema de control de
versiones llamado GIT, este permite mediante unas líneas de comando mantener ac-
tualizado y controlado el ambiente de desarrollo en algún proyecto de software.
https://github.com/
Bitbucket
Git clone básicamente realiza una copia idéntica de la última versión de un pro-
yecto en un repositorio y la guarda en tu ordenador.
Las ramas (branch) son altamente importantes en el mundo de Git. Usando ra-
mas, varios desarrolladores pueden trabajar en paralelo en el mismo proyecto
simultáneamente. Podemos usar el comando git branch para crearlas, listarlas y
eliminarlas.
Este comando creará una rama en local. Para enviar (push) la nueva rama al repo-
sitorio remoto.
Usaremos git checkout principalmente para cambiarte de una rama a otra. Tam-
bién lo podemos usar para chequear archivos y commits.
git status
13
Si hay archivos en preparación (staged), sin preparación(unstaged) o que no es-
tán recibiendo seguimiento (untracked)
También necesitamos escribir un mensaje corto para explicar qué hemos desa-
rrollado o modificado en el código fuente.
Después de haber confirmado tus cambios, el siguiente paso que quieres dar es
enviar tus cambios al servidor remoto. Git push envía tus commits al repositorio
remoto.
El comando git pull se utiliza para recibir actualizaciones del repositorio remoto.
Este comando es una combinación del git fetch y del git merge lo cual significa
que cundo usemos el git pull recogeremos actualizaciones del repositorio remo-
to (git fetch) e
inmediatamente aplicamos estos últimos cambios en local (git merge).
14
Otros materiales para profundizar
Zafra, A., Gibaja, E., Luque, M., & Ventura, S. (2013). Diseño de aplicaciones cliente/
servidor para el aprendizaje de las tecnologías de comunicación. Iniciación a la In-
vestigación. https://revistaselectronicas.ujaen.es/index.php/ininv/article/view/1748
15
15