JSfiddle

A függőségek után szeretnék egy eszközt bemutatni, ami a neten elérhető.
Ennek segítségével könnyebben haladhatunk majd.



Itt szeretnék kitérni arra, hogy a programozók, informatikusok közösségének kultúrája igen kiváló. Tulajdonképp olyan, mintha minden fejlesztő, informatikus haver lenne, segítené egymást és létrehozna magának erre egy hálózatot, az Internetet.
Kinek másnak juthatott volna eszébe, hogy olyan terméképítési stratégiát fejlesszen ki, amiben a közösség csinálja meg magának a terméket? Kinek jutott volna eszébe olyan licenc forma, aminek a lényege, hogy akkor használhatod, bővítheted a terméket szabadon és ingyenesen, ha az így készült termékeidet csak ugyanezen szabad elvek alapján terjesztheted tovább? Hát nem a bankároknak, bíráknak és a szerzői jogok hiénáinak az biztos.

Ennek köszönhető, hogy számos ingyenes segédeszköz, internetes tartalom elérhető a neten, sőt, akik ezt bővitik, szépítik, büszkék lehetnek rá, és ebből előnyük is származik.

Például a stack overflow egy olyan fórum, ami informatikai problémákra kérdés-válasz fórumot hozott létre, majd kibővült az élet számos területére a fizikától a kultúráig. Aki itt segítő szándékkal válaszokat ad, büszke lehet a profizmusára, az így összejött profilja pedig híressé teszi és értékessé a közösségben és ezáltal a munkaerőpiacon.

Mivel azonban a webes programozás egyes elemeit mutatom neked itt be, ezért egy ezt támogató eszközt akarok most mutatni. A jsfiddle egy olyan hely, ahová webes kódokat lehet beírogatni, ahol próbálgathatsz, példakódokat csinálhatsz, hogy aztán megoszd a közösséggel. (van másik ilyen is, a jsbin , az is jó).

Töltsd be a http://jsfiddle.net-et, és négy nagy blokkot fogsz látni. A HTML részre a body-n belüli részt kell rakni. A CSS blokkba a <style> blokkban foglaltakat, a javascript részbe pedig a <script> rész kerülhet.

Feladat: pakold át az előző posztbeli  html fájlunkat a jsfiddle-be!
Ha megnyomod a "save" gombot, kapsz egy egyedi liknet az elkészült művedhez, azzal elérhető lesz bármikor.
De várjcsak! Megcsináltam neked, íme:
http://jsfiddle.net/GLdGb/
Jó, ugye?
Na ha változtatsz valami, nem kell mást tenned, csak megnyomni a "run" gombot, és máris látszik az eredmény a jobb-alsó sarokban.
Így fogok majd feladatokat adni neked és ha elakadtál valahol, így mutathatod meg nekem hogy mi a probléma.
Hasznos eszköz.