Arxiu de la categoria: Programari

Els pros i contres del JavaScript i jQuery

Deixa un comentari

Anem a definir, amb poques paraules, el que és JavaScript, d’on ve i que podem fer amb ell.
JavaScript és un llenguatge interpretat pels navegadors, que s’usa per a la programació web (validació de dades per part de la capa client, millora de l’experiència d’usuari, …). Inicialment, es va anomenar LiveScript i fou inventat per enginyers de Netscape, més endavant es va re-anomenar a JavaScript. Molta gent deu pensar, o pensa, que el nom de JavaScript te a veure amb el llenguatge de programació Java, però, sincerament, només tenen de parescut el nom, res més.

Durant els darrers anys JavaScript s’ha tornat molt popular entre els programadors web.

Quins usos li podem donar al JavaScript? doncs, com hem començat a introduïr-ho més amunt. Passarem a enumerar unes quantes:

  • El podem fer servir per validar dades
  • Per millorar l’experiència d’usuari (cosetes que es mouen per la pàgina, efectes xulixaxis 😀 ).
  • També per el tan anomenat AJAX, que, no és més que, enviar dades a un servidor i pintar-les, o no, per pantalla.
  • Detecció del navegador que s’està usant
  • Manipulació de cookies
  • Analítica web,…

Ara que sabem el que podem fer, anam a llistar els Pros i Contres del Javascript

Pros:

  • Rendiment: El JavaScript s’executa íntegrament en el navegador del client salvant temps de peticions i d’amplada de banda del servidor web.
  • És un llenguatge d'”scripting” lleuger i relativament fàcil d’aprendre.
  • Com hem dit abans, s’executa al navegador del client, per això el resultat i el procés es relativament ràpid.
  • Es poden usar extensions de tercers per comprobar els fragments de codi.

Contres:

  • En temes de seguretat, executant codi JavaScript maliciós, podria fer-se servir per aprofitar errades del navegador i fer-se amb el control de l’ordinador.
  • En temes d’interpretació, cada navegador interpreta el JavaScript d’una manera diferent.

Ara passem a definir el que és jQuery. jQuery és una llibreria dissenyada per simplificar la programació de JavaScript. El programador que usa aquesta llibreria, usa menys quantitat de codi sense que la funcionalitat es vegi alterada.

Cal dir que a part de jQuery hi ha altres llibreries que ens poden ajudar a la programació amb JavaScript, tals com Mootools, Dojo, Prototype, … Unes més orientades a efectes visuals i d’altres més orientades a manipulació de la página.

Anem a posar un exemple de codi de Javascript i jQuery, que fan exactament el mateix. Volem el valor d’un element:

JavaScript:

document.getElementById('idElement').value;

jQuery:

jQuery('#idElement').val();

A vegades podem trobar-ho escrit de la següent forma, ambdues fan el mateix:

$('#idElement').val();

Com podem veure, amb el jQuery escrivim menys i és més fàcil de recordar. Podem dir que el jQuery ens ofereix un “Syntactic Sugar” per a la programació JavaScript.

Anem a citar els Pros i Contres del jQuery:

Pros:

  • Amb jQuery ens oblidam de les compatibilitats entre navegadors. Amb un sol codi escrit, sabem que funcionarà a tots els navegadors suportats per la versió de jQuery que usem.
  • jQuery és fàcil d’usar en comparació amb altres llibreries i, es clar, que amb el propi JavaScript.
  • jQuery te una extensa llista de llibreries/funcions
  • jQuery te molt bona documentació i una gran comunitat.
  • jQuery suporta la funcionalitat AJAX. El JavaScript també, però hauriem d’escriure la funcionalitat per a cada navegador. jQuery amb un codi es suficient per fer-lo anar amb tots els navegadors.

Contres:

  • Ja no escriurem codi nadiu JavaScript, ens hem de limitar a usar les funcions de la llibreria.
  • Es necessari incloure un fitxer per poder usar la funcionalitat.

En resum, no hi ha res que sigui bò o dolent, simplement és diferent.

Com a opinió personal, usar jQuery facilita molt la tasca de programació i a més, per la gran comunitat que té, es molt fàcil trobar com fer una acció desitjada.

Article traduït lliurament de The Pros and Cons of JavaScript and jQuery | JavaLobby DZone.

Com crear un llistat de categories a partir d’una categoria pare – WordPress

Deixa un comentari

Anirem a mostrar com fer un llistat de categories a partir d’una categoria pare, per a WordPress.
Ho teniu penjat a github:gist.

És fàcil d’entrendre. Primer capturem el nom de la categoria, seguidament, amb el nom desat a $catname, ho passem com a paràmetre a la funció get_category_by_slug($catname), que ens retornarà un objecte del tipus categoria. Com a darrera passa executarem wp_list_categories("orderby=id&show_count=0&use_desc_for_title=1&child_of=$idObj->term_id"); que ens mostrarà les categories filles de la categoria seleccionada.
El paràmetre del mètode wp_list_categories() pot variar:

  • orderby: Ordena el llistat. Pot ser id o name, segons el que necessitem en cada moment
  • show_count: 1 o 0 Mostrarà o no el número d’entrades de cada categoría.
  • use_desc_for_title: 1 o 0 S’usarà o no, la descripció de la categoría per a l’atribut title de l’enllaç
  • child_of: Id de la categoria pare

Podem trobar més info a wp_list_categories()

El mètode wp_list_categories() torna els enllaços entre etiquetes <li></li> per això el mètode està entre <ul></ul>

Nota:Es necessari que alguna entrada tingui les categories assignades, ja que si no no es mostrarà.

Com crear límits (bounds) amb la API de Google Maps v3

Deixa un comentari

A la feina necessitava posar a un mapa varis punts i seguidament fer un zoom i centrar la vista en el centre d’aquests punts.
Per això esto he utilitzat la següent funció javascript, que m’he creat. Es necessaria la crida a l’API de google maps versió 3.

Com podeu veure, és facileta, sols guardam en unes variables la latitut i longitut màximes, latitut i longitut mínimes, amb les que crearem els punts per l’objecte bounds, el qual es una parella d’objetos latln. Uno serà el punt SO, el de latitut longitut mínims i l’altre serà el punt NE, el de latitut longitut màxima.
El paràmetre list és un array de JSON on tenim les diferents dades del punt a afegir, tals com la latidut i longitut.
Una vegada creat el bound, simplement hem de pasar-lo al mapa. Ho podem fer de la següent forma:

var map, bounds;
map = new google.maps.Map(div, opts); /* div es l'objecte en el que es pintarà el mapa. opts son les diferents opcions del mapa */
bounds = createBounds(list);
map.fitBounds(bounds);

No és necesari fer un map.setCenter(), perque ja ho fa automàticament el fitBounds.

Destroy the web! plugin per firefox per passar una bona estona

Deixa un comentari

L’altre dia passejant pel directori de plugins de mozilla, ens toparem amb un que té un nom un tant apocalíptic Destroy the web! i clar, que ferem? el varem instal·lar es clar! xD

Es un plugin productivity-killer com dirien els entesos. Vaja que no serveix per fer feina. No es més que un joc per passar l’estona entre compilació i compilació, o una estoneta més 😉

Quan l’activem el cursor es converteix amb un punter d’escopeta i cada clic va destrossant els elements html que troba pel mig. Cada un té un valor diferent. tens 30 segons per destruir tots els elements que puguis i com més punts facis més amunt del ranking internacional estaràs.

Qui el vol provar?? au idò cap a mozilla!!!

Linkd com canviar de disc carpetes amb un enllaç simbòlic a windows

1 resposta

Antecedents

Aquest va ser el problema amb el qual me vaig trobar ahir horabaixa.  Un conegut me va demanar que li fes un poc de “pringao“. Me va comentar que tenia el seu disc a tope. Figura’t son ell i la dona que utilitzen el’ordinador per fer feina i els seus dos fills, doncs “como todo hijo de vecino”, per xatejar, jugar a jocs de ves a sebre d’on les baixen, spyware fins adalt … be el que es bàsicament un windows en mans d’uns usuaris “poc avançats”. Netetja d’adalt a baix i compactació de disc. Encara no i cap ni una agulla!!! me demanen disc nou per posar totes les dades de la seva dona i les seves. Val, res de l’altre mon disc nou i punt. Fàcil i rapid.

Problema

Com puc passar les dades d’un disc a l’altre sense crear accessos directes? doncs amb un enllaç simbòlic, no? a qualsevol sistema operatiu basat en unix, es relativament fàcil amb el comandament ln pròpi del sistema. i a windows com ho feim!!!! uf .

Solució

Doncs cercant un poc pel google vaig trobar un paquet de microsoft que ens permetia fer enllaços simbòlics. El paquet en qüestió es Windows 2003 resource kit (requereix windows xp sp1 o família windows 2003 server) i el comandament que ho permet fer es diu linkd.

Baixam el paquet, iniciam instal·lació i, com no, reiniciam la màquina. Una vegada loguejats un altra cop, anam a:

Inici>Executa ... >cmd

si teclejam linkd i veurem totes les opcions que te el programa.

La seva utilització es molt fàcil, bàsicament igual que el comandament ln del sistemes basats amb unix.

linkd [ruta de l'enllaç simbòlic] [ruta nova ubicació dels fitxers]

Nota per a la carpeta Mis documentos

Una cosa a dir, si només voleu canviar la carpeta “Mis documentos” no importa fer tot aquest sarau, es tan fàcil com fer clic dret damunt, seleccionar propietats i moure la carpeta a la nova destinació.

Open Screen

Deixa un comentari

Open Screen, projecte encapçalat per Adobe i altres empreses com Cisco, Intel, Nokia,
Sony …, te com a objectiu la publicació de contingut multimèdia als ordinadors i a dispositius mòbils.
Tenen pensat llevar restriccions en el formats SWF i FLV/F4V, publicar la API del flash no cobrar llicències pel flash ni Adobe AIR …

Ja veurem si es cert, ja que fa un temps Adobe, en el seu acord de llicència va publicar a quins sistemes operatius exclusivament si podia executar flash, i ara venen amb aquestes?

Be free my friend!

Vist a caballe.cat

Google Developer Day, per Setembre

Deixa un comentari

Avui, via rss, m’he topat amb una entrada en el blog de programa con google titulat “tres en uno“, conta que han incorporat  Open Social al iGoogle.

Fins aquí be. Però al final, en el darrer paràgraf diu que aquest any es farà el Google developer day, a Espanya, en el més de Setembre, concretament el dia 25. Però no diuen res més.

A veure si tenim noticies aviat!!