3.
PROGRAMACIÓN DEL LADO DEL
CLIENTE
¿QUÉ ES?
En el desarrollo web, el "lado del cliente" hace referencia a todo lo que
en una aplicación web se muestra o tiene lugar en el cliente (dispositivo
del usuario final). Esto incluye lo que ve el usuario, como texto,
imágenes y el resto de la interfaz de usuario, junto con cualquier acción
que una aplicación lleve a cabo en el navegador del usuario.
3.1 INTRODUCCIÓN AL LENGUAJE
Está dirigida para el diseño de elementos, pues
permite la manipulación de los objetos que
complementan los sitios Web.
Estos elementos de programación son
independientes al uso de un servidor en el
momento en que se crean pues solamente se
ejecutan de manera local dentro del equipo del
programador o diseñador.
PÁGINAS DINÁMICAS DE CLIENTE
Son las páginas dinámicas que se procesan en el cliente, en estas
páginas toda la carga de procesamiento de los efectos y funcionalidades
la soporta el navegador.
Lenguajes de programación que pueden ser utilizados:
HTML
JAVASCRIPT
APPLETS DE JAVA
VISUAL BASIC SCRIPT
FLASH
CSS
3.2 MANEJO DE FRAMEWORKS
Framework: Es un esquema (un esqueleto, un
patrón) para el desarrollo y/o la implementación
de una aplicación. Puede incluir soporte de
programas, librerías y un lenguaje interpretado
entre otros programas para ayudar a desarrollar
y unir los diferentes componentes de un
proyecto.
Beneficios:
Evitar escribir código repetitivo.
Utilizar buenas prácticas.
Permitir hacer cosas avanzadas.
Desarrollar más rápido.
Framewoks populares:
JavaScript: Angular, Ember, Vue y React*
(React es una librería que suele
considerarse como un framework)
Python: Django
PHP: Laravel, CodeIgniter y Symfony
Java: Spring MVC, JSF y Struts
3.3 ESTRUCTURAS DE CONTROL
Las estructuras de control son el conjunto de
reglas que permiten controlar el flujo de
ejecución de las instrucciones de un algoritmo
o de un programa.
Las estructuras de control nos dan el poder de
alterar, controlar o modificar el orden o el flujo
en el que se ejecutan las instrucciones de un
software a voluntad.
Secuenciales: Esta es la estructura básica, permite
asegurar que una instrucción se ejecuta después de
la otra siguiendo el orden en que fueron escritas.
Condicionales: Sirven cuando necesitamos que se
evalúe el valor de alguna variable o de alguna
condición para decidir qué instrucciones ejecutar a
continuación.
Iterativas: Sirven cuando necesitamos que se ejecute
un conjunto específico de instrucciones en diversas
ocasiones.
3.4 MANIPULACION DE OBJETOS
. El Modelo de Objetos del Documento (DOM)
permite ver el mismo documento de otra manera,
describiendo el contenido del documento como
un conjunto de objetos que un programa
Javascript puede actuar sobre ellos.
Define la estructura lógica de los
documentos y el modo en que se accede y
manipula.
. El Modelo de Objetos del Documento (DOM)
permite ver el mismo documento de otra manera,
describiendo el contenido del documento como
un conjunto de objetos que un programa
Javascript puede actuar sobre ellos.
<body>
<p>Esto es un párrafo que contiene <a href="#">un
enlace</a> en el medio. </p>
<ul>
<li>Primer punto en la lista</li>
<li>Otro punto en la lista</li>
</ul>
</body>
Referencias:
[1] J. Arturo Marban. "3.1 Introducción al lenguaje." Programación
Web 7-9. https://pwedudesan.blogspot.com/2019/10/31-
introduccion-al-lenguaje.html (accedido el 11 de mayo de 2023).
[2] "3.2 Manejo de Frameworks". Programación Web 7-9.
https://pwedudesan.blogspot.com/2019/10/32-manejo-de-
frameworks.html (accedido el 13 de mayo de 2023).
[3] Anonimo. "3 Estructuras de control | Introducción a la
Programación". Site not found · GitHub Pages.
https://mpru.github.io/introprog/estructuras-de-control.html
(accedido el 12 de mayo de 2023).
