Material de Cursada

Universidad Nacional de Quilmes » Construcción de Interfaces de Usuario

Info útil

• Notas
• Entrega TFI
• Clases
• Calendario
• Arena Framework
• Kotlin by example
• Javalin
• Node.js
• React
• Ejemplos de .gitignore

Trabajos Prácticos

Dominio: https://github.com/unq-ui/2022s1-rottenTomatoes

• TP1 » Desktop
• TP2 » API
• TP3 » Web

Trabajo Final Integrador

• TP Integrador

Guías Prácticas

• Práctica 1 » Modelado de Dominios
• Práctica 2 » Interfaces Desktop
• Práctica 3 » APIs REST

Apuntes

• Cookbook Arena » Guía de Inicio

Ejemplos

Dominios

• Cajero Automático
• Geo Localización
• TV Shows

Desktop

• Cajero Automático
• Conversor
• Geo Localización
• Phone
• Time Counter
• TV Shows
• Twitter
• Unquify
• ToDo List

API REST

• Anime
• CRUD User
• Geo Localización
• Mail Server
• ToDo List
• Twitter
• Twitter con Testing

Javascript

• DOM Manipulation
• Local Data
• Remote Data

Web » ReactJS

• Anime
• Contador
• Login & Beers
• Mail Client
• Routing
• ToDo List
• ToDo List Remote
• Twitter

Mobile » React Native

• ToDo List
• UNQ IMDB

Ejemplos de pom.xml

• Kotlin Domain
• Kotlin Arena
• Kotlin Javalin

Desktop » Arena

Vm arguments

-Djava.system.class.loader=org.uqbar.apo.APOClassLoader

Aplicación Web » ReactJS

Primero es necesario instalar Node.js según su SO.

Una vez instalado ir al directorio donde va a estar el proyecto y ejecutar:

npx create-react-app mi-proyecto-web
cd mi-proyecto-web
npm start

Comandos npm que vienen por default:

• npm start: Levanta la aplicación en (generalmente) localhost:3000
• npm test: Corre los tests (generalmente en modo watcher)
• npm build: Construye la aplicación en modo production y guarda los archivos en el directorio ./dist
• npm eject: Quita las configuraciones default de react. No se recomienda utilizarlo.