Resultats de la cerca

L'objectiu principal d'aquest programari és simular una cursa de 1000 metres llisos entre quatre atletes de manera totalment simultània. A diferència dels programes seqüencials tradicionals (on les accions succeeixen una darrere l'altra), aquesta aplicació d...

Per realitzar aquesta simulació de cursa, crearem una aplicació de Windows Forms. El punt clau serà gestionar l'accés a la interfície d'usuari (UI) des de fils que no són el principal (el fil de la finestra), utilitzant Invoke. Disseny del formulari Abans de...

Quan treballem amb fitxers, podem passar d'enviar un sol arxiu a enviar-ne múltiples, això requerirà agrupar-los, ja sigui a l'HTML o a través de JavaScript.  Pujar arxius arrossegant-los millora moltíssim l'experiència d'usuari en comparació amb el clàssic bo...

AJAX (acrònim d'Asynchronous JavaScript and XML) és una tècnica de desenvolupament web dissenyada per crear aplicacions asíncrones. La seva funció principal és permetre que el navegador del client es comuniqui amb el servidor en segon pla. El gran avantatge d...

XMLHttpRequest (XHR) L'objecte XMLHttpRequest és el motor principal que fa possible la tecnologia AJAX. És l'encarregat de gestionar tota la comunicació entre el navegador i el servidor en segon pla. Tot i que avui en dia existeixen alternatives més modernes ...

Aquesta part és crucial, ja que és on realment s'inicia el procès perquè el navegador vagi a buscar la informació. Un cop hem creat l'objecte XMLHttpRequest i hem definit què volem fer quan arribin les dades (amb l'onload), el següent pas és configurar les coo...

El servidor i el navegador es comuniquen utilitzant un llenguatge molt precís basat en el protocol HTTP.  Codis d'estat HTTP (status) Quan el servidor rep una petició, sempre retorna un codi numèric de 3 xifres per informar de com ha anat la cosa. Aquests co...

Aquest escenari ens permet veure com funciona una petició asíncrona en el món real. En moltes aplicacions, gairebé sempre necessitem identificar l'usuari (mitjançant un token) i assegurar-nos que la interfície reaccioni adequadament si el servidor falla o dene...

API Fetch és el present i el futur de les peticions web, les Fetch API són el vehicle d'última generació per fer consultes a una API. Abans de res, cal fer un aclariment conceptual molt important: AJAX és un concepte (la idea de comunicar-se en segon pla sense...

Aquest seria l'evolució de l'exemple anterior, aquest codi fa exactament el mateix (enviar un token de seguretat, avaluar els codis 404, 500, 403 i extreure el JSON), però utilitzant la sintaxi de fetch combinada amb async/await. Observarem com el codi es lleg...

És en les peticions POST (on hem d'enviar dades al servidor) on la Fetch API ens ajuda més i demostra com de net pot arribar a ser el codi. En aquest exemple, simularem l'enviament de les dades d'un nou usuari (com si vinguessin d'un formulari de registre) cap...

Tal com hem dit anteriorment XMLHttpRequest (XHR) encara no ha mort i segueix sent insubstituïble en certes situacions, com per exemple crear una barra de progres de la pujada d'arxius. Tot i que Fetch és més modern i net, té un defecte històric important: no ...

Després de treballar manualment amb el DOM i les peticions AJAX, treballa amb un framework com Vue.js suposa un canvi de paradigma molt agraït. Ens permetrà automatitzar les tasques més tedioses de la interfície gràfica. D'on sorgeix Vue.js? Vue (es pronunci...

Com sempre un "Hola món" és la millor manera de començar, amb només un fitxer HTML i unes poques línies de codi, podem tenir Vue.js funcionant i modificant la nostra pàgina de forma dinàmica, utilitzarem la versió, Vue 3. Perquè un projecte bàsic de Vue.js fu...

El poder de Vue.js: la reactivitat associada als esdeveniments. A JavaScript clàssic, si volíem que un botó canviés un text, havíem de capturar l'esdeveniment (onclick), buscar l'element al DOM (document.getElementById) i finalment sobreescriure'n el contingut...

Aquest és una de les tasques més repetitives, amb JavaScript tradicional, mostrar i ocultar elements requereix jugar amb element.style.display = 'none' o afegir i treure classes CSS. Amb Vue, es converteix en un procés purament lògic. Introduirem la directiva ...

Si al carregar algun codi de VueJS veus tots els elements i de cop s'amaguen, com per exemple en el codi "Mostrar/Ocultar", veus el div de color vermell i de cop s'oculta. Això que has vist és un fenomen clàssic en el desenvolupament frontend i té un nom tècni...

Una de les directives més potents, satisfactòries i utilitzades de Vue.js: v-for. Amb JavaScript clàssic, per mostrar una llista d'usuaris per pantalla havíem de fer un bucle for o forEach, anar concatenant strings d'HTML (o fent servir document.createElement)...