Przejdź do zawartości

JavaScript/Narzędzia

Z Wikibooks, biblioteki wolnych podręczników.

Użyteczne narzędzia pracy

[edytuj]

Środowisko programowania

[edytuj]

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

4. Formatowanie kodu

5. manager pakietów

  • npm – domyślny manager pakietów js


6. środowisko uruchomieniowe

  • Node.js – wieloplatformowe środowisko uruchomieniowe

Debugger

[edytuj]

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

[edytuj]
  1. Opis Stack Snippets Sandbox
  2. jsfiddle
  3. codepen
  4. Kurs Javascript - Kartofelek007