Portada Blog

Octa.Beta v.0.3

dimecres 15 maig 2013 per

Eines per a desenvolupadors front-end

Eines per a desenvolupadors front-end
La feina dels anomenats desenvolupadors front-end, els qui escriuen el codi que interpretarà el navegador de l’usuari, s’ha anat refinant en els últims temps. Si fa uns anys no se li donava la importància que mereixia, amb l’explosió dels estàndards web es va veure que aquest aspecte del desenvolupament web necessitava la màxima atenció, ja que d’ell en depenien aspectes tan cabdals com l’accessibilitat, la usabilitat o la rapidesa amb què un web es descarregava del servidor i es mostrava a les pantalles.

És per això que no han parat de sorgir aplicacions i extensions per als navegadors que faciliten la feina en aquesta àrea. Els mateixos navegadors incorporen ja les seves eines per a desenvolupadors per ajudar-nos a analitzar, depurar i optimitzar webs. Aquestes eines tenen totes unes característiques similars que permeten treballar bàsicament en els següents aspectes:

  • Inspecció i modificació del codi HTML i CSS: podem afegir i eliminar nodes del DOM, canviar estils, afegir atributs…
  • Depuració de codi JavaScript
  • Anàlisi del rendiment de la pàgina a la xarxa (temps de càrrega, pes de la pàgina)
  • Anàlisi del rendiment a l’hora de renderitzar la pàgina: podem veure quant tarden a carregar-se els diferents recursos, quins poden alentir la càrrega general, quant temps es destina a calcular els estils CSS…

Aquí podeu trobar informació i documentació més detallada segons el navegador que feu servir per a la vostra feina de desenvolupadors:

I no podriem acabar sense mencionar un parell d’eines pioneres en aquest camp: Firebug i la Web Developer Toolbar, de les que us vam parlar per aquí ja fa temps.

Si treieu el suc a aquestes eines segur que la vostra feina se’n beneficiarà.

, , ,

Els comentaris per aquesta entrada estan desactivats.

Pujar

Can Antaviana

Santa Justina 29 25400 Les Borges Blanques (Lleida) Tel: 973 14 34 81