Skip to content

JavaScript

scisneros edited this page May 30, 2022 · 3 revisions

JavaScript

JavaScript es el lenguaje de programación base para el desarrollo frontend. Se ejecuta completamente en el lado del cliente, en su navegador. Esto hace que sea útil para cosas como manipular el sitio web una vez que ya está cargado o realizar operaciones sencillas, pero a la vez implica que está completamente en control del cliente, por lo que no es seguro para manipular los datos o el servidor, y se limita a las capacidades de la máquina local.

(Existen formas de usar JavaScript por el lado del servidor, como backend. El framework más popular para esto es Node.js. Sin embargo, para efectos de este curso hablaremos de JS exclusivamente como lenguaje de cliente.)

Dado que el ramo de Ingeniería de Software no es un ramo de desarrollo web, normalmente les instamos a definir proyectos sencillos que no requieran funcionalidad más allá de lo que entrega Django. Aún así, hay proyectos que podrían necesitar JavaScript para casos específicos, y para esos casos les preparamos ejemplos genéricos que puedan copiar o referenciar para sus proyectos.

¿Cómo usar los ejemplos?

Todo el código del repositorio de esta misma wiki (https://github.com/Aux-Ing-1/Inicio-Proyectos) es un proyecto de Django y cada ejemplo es una app del mismo. Para correr el proyecto debemos hacer el procedimiento visto en clases:

  • Clonar repo en local.
  • Crear y activar un ambiente virtual.
  • pip install -r requirements.txt
  • python manage.py makemigrations
  • python manage.py migrate
  • python manage.py runserver

Si tienes dudas sobre esto, consulta la guía de Inicio Rápido.

Ejemplos disponibles

Cada ejemplo tiene dentro su propio README con instrucciones y explicaciones de cómo funciona.

  • Requests a Django usando Javascript. Cómo enviar data desde el cliente/frontend/Javascript hacia el servidor/backend/Django de forma más compleja que los formularios de las auxiliares.
  • Geolocalización. Cómo solicitar las coordenadas del dispositivo con Javascript y enviarlas al servidor.
  • Ordenar tablas. Cómo ordenar tablas dinámicamente en el frontend.

Se irán agregando ejemplos a medida que los vayan requiriendo, así que no tengan miedo de preguntar y pedir ayuda c: