Indlæg Tags ‘javascript’
Igang med mootools – 1
Som udgangspunkt er det en god start at sætte sig ind i DOM (Document Object Model). Så skal vi selvfølgeligt have fat i mootools, og finde ud af hvordan Mootools sættes ind på sider med asp, php, html osv.
OBS der er to versioner: en ‘pakket’ og en ‘upakket’.(ikke det samme som at det er en zipfil!)
Som nystarter og/eller udvikler er det en fordel at bruge upakkede til udvikling, og så bruge den pakkede når siten er kommet op at køre på dit domain. (den pakkede er mere let og fylder mindre, loadedr hurtigere osv)
Standard download versionen på siden indeholder feks ajax, effekter, udvidelser til element’s, array’s, string’s mm.
Standard download indeholder IKKE alle funktioner, de skal hentes som add-on moduler. Du klikker på ‘more builder‘ linket i højre side af download siden, og her klikkes de funktioner af der ønskes. Disse downloades i en seperat fil.
Dette giver mulighed for at bygge dit helt eget moo bibliotek med de funktioner netop du vil have. Feks til mobil sites er det en fordel at begrænse sig, idet siderne ellers bliver tunge at loade i en browser.
Når først mootools er hentet indsættes core og addon i mellem head tags:
Her er et eksempel på en php side med moo tolls klar til brug. Husk filerne skal ligge i samme mappe som php filen, kan sagtens flyttes, ved at indsætte sub sti.
html
head
head
<< ?
echo ("hello world");
? >>
/html
hvad bettyder mootools
Denne film introducerer til mootools som er et objekt orienteret javascript tools til webudvikling og design.
Gratis ebøger om motools og ajax, se link herover indlæg til gratis ebøger.
hvad er mootools – 1
Denne artikel er ikke for den totale nybegynder udi i hjemmeside udvikling.
Det er en fordel med erfaring til et scripting sprog som c, c++, c# eller ‘web scripting’ som i php, vb, asp, perl mfl.
Introduktion til motools
Hvad er mootools? Mootools er et objekt orienteret javascript framework som indeholder masser af funktioner til webudviklere der bruger javascript.
Mootools er udviklet af Valerio Proietti, han er blevet inspireret til at udvikle mootools af prototype.js der er et lidt ældre men meget brugt javascript framework.
Mootools er open source og kan udbygges, ændres og distribueres.
Det korte fortælling om forskellen mellem prototyp.js og motools er at motools også udvider og underbygger arbejdet med elements. (startede med en add on til prototype.js der hedder moo.fx)
Hvad består mootools af:
- ’short cuts’ til funktioner og classer der gør det let at lave de mest almindelige ting som kræves på et hjemmeside
- udvider javascripts måde at fungere på og tilføjer funktioner
- mootolls viser vejen for mere overskuelig programmerings stil i egne biblioteker
Før der startes med Mootools kan være en fordel at sætte sig ind i javascript syntax, DOM: Document Object Model, HTML og CSS. Det vil lette forståelsen og gøre det hurtige at implementere og bruge Mootools mange funktioner i et praktisk projekt som en CMS hjemmeside, webshop eller lignende.
Endeligt er det godt at have noget erfaring med debugging i DOM. Der findes en plugin til firefox, firebug, som er nærmest uundværlig for den form for webudvikling som mootools trækker en ud i.
Ressourcer og links inden det går løs med mootools i næste artikel:
YUI theater, yahoo’s online skoleklasss, cool e-lærings site, javascript og firebug mm