JavaScript/Narzędzia: Różnice pomiędzy wersjami
→Środowisko programowania: Stack Snippets Sandbox |
→Środowisko programowania: http://codepen.io/ |
||
| Linia 16: | Linia 16: | ||
* [http://meta.stackexchange.com/questions/239456/stack-snippets-sandbox-try-it-out-here|Stack Snippets Sandbox] i opis<ref>[http://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/ Stack Snippets Sandbox opis ]</ref> |
* [http://meta.stackexchange.com/questions/239456/stack-snippets-sandbox-try-it-out-here|Stack Snippets Sandbox] i opis<ref>[http://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/ Stack Snippets Sandbox opis ]</ref> |
||
* JSFiddle <ref>[http://jsfiddle.net/ jsfiddle]></ref> |
* JSFiddle <ref>[http://jsfiddle.net/ jsfiddle]></ref> |
||
* codepen<ref>[http://codepen.io/ codepen]</ref> |
|||
= Debugger = |
= Debugger = |
||
Wersja z 20:35, 24 wrz 2014
Użyteczne narzędzia pracy
Środowisko programowania
1. Aptana
Jest to jedno z najbardziej zaawansowanych narzędzi do tworzenia aplikacji webowych. Ma najlepiej rozwinięty system podpowiadania (Code assist) zawierający w podstawowej wersji także podpowiedzi do znanych frameworków jak: jQuery, mooTools, YUI, prototype. Dodatkowo potrafi tworzyć drzewo kodu, rozszerzać system podpowiedzi o lokalnie opisany kod w ScriptDoc, posiada liczne pluginy i listę całkiem użytecznych skrótów klawiszowych. Jednocześnie jest bardzo rozbudowanym środowiskiem z dużymi możliwościami zmiany wyglądu itd.
Jest dostępne jako samodzielne IDE ( Aptana Studio 3) lub wtyczka do Eclipse.
2. Microsoft Visual Web Developer.
Trafił tutaj jedynie ze względu na Microsoft Script Debugger, który potrafi debugować kod równie dobrze co FireBug (o nim poniżej). Ma dość kiepskie podpowiadanie składni, jednak podobno dobrze sprawdza się w aplikacjach .ASP.
3. Sandbox
- Snippets Sandbox i opis[1]
- JSFiddle [2]
- codepen[3]
Debugger
1. Firebug
Jest aktualnie najbardziej użytecznym debuggowym narzędziem jakie powstało do tej pory. Niestety najlepiej działa tylko pod firefoxem ( wtyczka do firefoksa). Można ją uruchomić za pomocą klawisza F12 lub przez kliknięcie na ikonkę z małym ognistym robaczkiem. [4]
Istnieje również wersja Lite jednak bardzo uboga w swojej funkcjonalności.
Narzędzie to pozwala na:
- debugowanie linijka po linijce,
- przeglądanie drzewa DOM,
- logowanie zapytań AJAX,
- interaktywne wykonywanie funkcji javascriptowych (konsola javascriptowa),
- profilowanie i benchmarking kodu,
Odnośniki