Search Results

La realització de consultes SELECT segures amb clàusules WHERE i la implementació de paginació són operacions fonamentals. Utilitzarem la tècnica de Sentències preparades per a la clàusula WHERE per garantir la seguretat contra la injecció SQL, i les clàusules...

Per eliminar un registre d'una taula, farem servir la sentència DELETE FROM de SQL. Igual que amb les altres operacions que involucren dades de l'usuari (en aquest cas, l'ID del registre a eliminar), utilitzarem Sentències preparades per evitar l'atac de la In...

Per actualitzar un registre existent a una taula, s'utilitza la sentència UPDATE de SQL, especificant els camps i valors nous i utilitzant una clàusula WHERE per identificar el registre concret a modificar (normalment per la seva ID). Com en totes les operacio...

Les Sentències Preparades (Prepared Statements) són un mecanisme de seguretat i eficiència en bases de dades que garanteix que les dades proporcionades per l'usuari es tractin exclusivament com a valors de camp, i mai com a part del codi SQL. Funcionen en dos ...

Escapar caràcters maliciosos és una part essencial de la seguretat web, ja que neutralitza les dades d'entrada per assegurar-se que només es tractin com a text, i no com a codi executable. Aquesta protecció s'ha d'aplicar en dos contextos principals: SQL (per ...

La paginació és un mecanisme essencial en el desenvolupament web i de bases de dades per dividir grans conjunts de dades en pàgines més petites i manejables. Això millora dràsticament el rendiment i l'experiència de l'usuari. El mètode de paginació més comú, e...

És possible carregar els paràmetres de configuració de la base de dades des d'un fitxer sense utilitzar una llibreria, tot i que requereix més codi manual i pot ser menys robust. La millor alternativa per mantenir les credencials fora del codi font i del contr...

Crear mètodes en una classe de JavaScript és molt senzill. Un mètode és, simplement, una funció que pertany a una classe. Es defineixen dins del cos de la classe, normalment després del constructor, i la regla més important és que no s'utilitza la paraula clau...

Hi ha dues maneres principals de gestionar propietats en una classe: Propietats públiques directes: La forma més simple. Es defineixen al constructor i tothom hi pot accedir i modificar-les sense control. Propietats controlades (amb Getters/Setters...

Els mètodes estàtics (static) són funcions que pertanyen directament a la classe (al "plànol"), i no als objectes individuals (les "instàncies" o "cases") que es creen a partir d'ella. La diferència principal és: Mètode normal (d'instància): Necessita u...

L'herència és un dels pilars de la Programació Orientada a Objectes (POO). És un mecanisme que permet a una classe (anomenada classe filla) adquirir ("heretar") totes les propietats i mètodes d'una altra classe (anomenada classe pare). Pensem com en la biologi...

En ES5 (abans de la sintaxi class), un objecte (en el sentit d'una "instància" d'un "plànol") és el resultat de cridar una funció constructora utilitzant la paraula clau new. ES5 (ECMAScript 5) es va publicar l'any 2009 i va ser l'estàndard de JavaScript duran...

Aquí tens un exemple complet d'una classe que genera una petita interfície (un comptador) i l'afegeix a un div existent.  Exemple: Classe SimpleCounter Primer, necessites un div al teu HTML on l'aplicació s'inserirà: HTML <div id="laMev...

L'element <canvas> d'HTML5 és un dels pilars de la web moderna, especialment per a gràfics interactius.  Què és el canvas? El <canvas> és un element HTML que actua literalment com un llenç en blanc (una tela) a la teva pàgina web. Per si mateix, l'element <c...

Una Progressive Web App (PWA) o Aplicació Web Progressiva. És una pàgina web normal (HTML, CSS, JS) que, gràcies a dues eines addicionals (un "manifest" i un "service worker"), pot ser "instal·lada" al dispositiu de l'usuari (ordinador o mòbil) gairebé com una...

La configuració inicial per fer servir HTML Canvas és bastant directa, necessites dues coses: Una etiqueta <canvas> a l'HTML per crear l'"espai de dibuix". Un script JavaScript per "agafar" aquest espai i començar a dibuixar-hi.   HTML inde...

La part més important per entendre com dibuixar, si el <canvas> és el llenç, el context és la combinació del pinzell, la paleta de colors i la mà. Pensa-ho així: HTML <canvas>: És només un contenidor buit. És un llenç en blanc clavat en un marc. No sap...

Entendre el sistema de coordenades és el pilar fonamental per dibuixar qualsevol cosa al <canvas> de JavaScript. Imagina el teu element <canvas> com un full de paper quadriculat digital. Cada punt d'aquest full té una adreça única, definida per dos valors: una...

Aquest exemple és un excel·lent punt de partida per a entendre el sistema de coordenades del ratolí. Aquest exemple realitza el següent: Dibuixar un punt central al canvas per a referència visual. Utilitzar el propi canvas per mostrar les coordenad...

Començar amb els rectangles és la millor manera d'entendre les funcions bàsiques de dibuix al Canvas. Les operacions de rectangle són, de fet, les úniques que tenen mètodes integrats dedicats al context de dibuix 2D. Tots els mètodes de rectangle requereixen d...