Dobre zasoby i narzędzia do nowoczesnego, intensywnego programowania JavaScript? [Zamknięte]

Jestem zainteresowany wykonywaniem niektórych projektów, które wymagają intensywnego użycia JavaScript. Mianowicie gry na płótnie oparte na HTML5, również potencjalnie wykorzystujące node.js. Jestem zainteresowany nauką nowoczesnych najlepszych praktyk, narzędzi i zasobów dla JavaScript.

JavaScript jest trudny do zbadania, ponieważ kończysz branie przez wiele naprawdę przestarzałych materiałów, pochodzących z czasów, gdy „JavaScript” był czteroliterowym słowem.

Jeśli jesteś mocno zaangażowany w programowanie JavaScript ...

• Jakiego edytora tekstu lub IDE używasz?
• Z jakich ram testowania jednostkowego korzystasz?
• Czy używasz selenu, czy czegoś innego?
• Z jakich innych narzędzi korzystasz?
• Jakie społeczności istnieją, które omawiają najnowsze osiągnięcia w JavaScript?
• Do jakich książek czytasz / odnosisz się?
• Jakie blogi czytasz?

Moja lista będzie:

• Wigor
• jsLint
• Firebug
• IRC dla zasobów
• StackOverflow.com lub programmers.stackexchange.com w przypadku pytań
• jsFiddle lub jsBin dla szybkich rzeczy lub odniesienia do pomocy

Książki są przestarzałe, gdy tylko trafią na półki (zazwyczaj).

Jakiego edytora tekstu lub IDE używasz?

• Microsoft Visual Studio
• Aptana
• WebStorm

Wszystkie obsługują pełne funkcje programowania aplikacji internetowych (javascript, HTML, CSS itp.). Wybierz Aptana, jeśli szukasz darmowego rozwiązania.

Z jakich ram testowania jednostkowego korzystasz?

• Selen

  1. Ma obsługę wielu przeglądarek [IE, Firefox, Chrome, Safari, Opera i Konqueror] na wielu platformach [Windows, Linux, Macintosh itp.].
  2. Obsługa wielu języków programowania do pisania przypadków testowych [HTML, Java, C #, Perl, PHP, Python, Ruby itp.].
  3. Zdalne wykonanie (przypadki testowe znajdują się na jednym komputerze, a wykonanie w przeglądarce może odbywać się na innym komputerze).
  4. Możesz uruchomić regresje nawet w trybie zminimalizowanym w przeglądarce

Z jakich innych narzędzi korzystasz?

• Firebug, IE Dev Tool Bar itp., Wbudowane narzędzia przeglądarki do debugowania
• Możesz użyć niektórych struktur bibliotek interfejsu użytkownika, takich jak JQuery, YUI, ExtJS itp. Do szybkiego opracowania.
• Fiddler / HTTP Obserwuj debugowanie żądania HTTP i odpowiedzi.
• JSLint, aby zweryfikować niektóre problemy ze składnią javascript.
• YUICompressor do minimalizacji kodu HTML, CSS i JavaScript.
• DynaTrace / YSlow / Page Speed ​​- do testowania wydajności
• SIEve do wykrywania wycieków pamięci
• IE Tester do testowania aplikacji na różnych wersjach IE.

Do jakich książek czytasz / odnosisz się?

• JavaScript Dobre części
• JavaScript Przewodnik Definite
• Object-Oriented JavaScript: Twórz skalowalne, wielokrotnego użytku wysokiej jakości aplikacje i biblioteki JavaScript

Więcej

• Najlepsze filmy na javascript z Douglas Crockford
• Materiały do ​​nauki JavaScript z Mozilli
• Teatr YUI

Nadal uważam, że narzędzia dostępne do poważnego programowania JavaScript są daleko w tyle, gdzie powinny być, ale oto kilka z nich, których używam.

• Do programowania używam VIM, ale możesz znaleźć netbeans, które warto wypróbować.
• Do testowania jednostkowego jaśmin jest dobry, ale nie idealny.
• EnvJs może dać ci dobry sposób na przeprowadzenie testów jednostkowych w wierszu poleceń
• Bardzo polecam część selenu 2 dla webdriverów
• Pełny pakiet zamykający google jest bardzo przydatny
• Polecam również, abyś wiedział, jak używać Google Chrome i IE do debugowania obok firebuga, ponieważ wszystkie mają swoje osobliwości, które mogą wysyłać cię w dół wszelkiego rodzaju ślepych uliczek.
• Istnieje kilka doskonałych bibliotek JavaScript, które są prawie niezbędne do poważnego rozwoju. Polecam zacząć od jQuery, ale jest wiele innych, które są równie dobre.
• także autor jQuery, John Resig, ma przydatnego bloga

Cóż ... chociaż jeszcze nie wszystko, jestem obecnie głównym programistą nowego wieloplatformowego projektu open source:

JS Studio

Oto zrzut ekranu:

Niektóre funkcje są bardziej kompletne niż inne ... ale oto zamierzone cele:

• Podświetlanie składni (prawie kompletne)
• Organizacja projektu (częściowo zrealizowana)
• Autouzupełnianie (w tym uzupełnianie popularnych frameworków JS, takich jak jQuery itp.)
• Kompiluj system (do łączenia plików, minimalizacji itp.)
• Rozszerzalny interfejs GUI (poprzez rozszerzenia JavaScript)
• Numeracja linii (w pewnym sensie kompletna), zawijanie wyrazów, konfigurowalne kolory do podświetlania składni

Skonfigurowałem codzienne wersje dla systemu Windows, a najnowszą wersję można znaleźć tutaj: http://files.quickmediasolutions.com/jsstudio/

W kategorii „inne narzędzia” używam CoffeeScript (języka, który kompiluje się w JavaScript), ponieważ usuwa ból, który nakłada na mnie składnia JavaScript.

list.sort (a, b) -> a.isSmaller(b)

przeciw

list.sort(function(a, b) { return a.isSmaller(b) });

Można się spierać, technicznie rzecz biorąc, nie jest to już javascript, ale „poczucie” ekspresu do kawy polega na tym, że jest to tylko cienka warstwa.

API dla biblioteki jQuery http://api.jquery.com/ oraz dobrze zaznaczona kopia jQuery w akcji . Przeczytaj go od deski do deski, a następnie śledź http://twitter.com/jquery, aby uzyskać aktualizacje w nowych wersjach.

Powiedziałeś, że książki stają się nieaktualne, ale musisz zdobyć podstawowy poziom wiedzy, aby móc je wykorzystać, a kiedy będziesz na bieżąco, bądź na bieżąco.

Qunit do testowania jednostkowego i Firebug oraz wyróżnienie składni JavaScript dla Firebug do debugowania.

Jakie społeczności istnieją, które omawiają najnowsze osiągnięcia w JavaScript?

Większość rzeczy została omówiona, ale nikt nie wspomniał

• coder.io
• JavaScript co tydzień
• # node.js na IRC freenode
• Wiadomości hakerów
• JavaScript chat.SO

Mam nadzieję, że nie zostaniesz do tego zbytnio podpalony, ale jeśli takie rzeczy jak IDE i narzędzia są dla Ciebie ważne, zdecydowanie zalecamy zapoznanie się z Google Web Toolkit . Piszesz swój kod w Javie w Eclipse, co naprawdę pomaga w pisaniu kodu. Zapewnia wysoce skuteczne uzupełnianie kodu, refaktoryzację narzędzi oraz pomaga w debugowaniu i nawigacji w bazie kodu.

Nadal możesz przejść do surowego Javascript, kiedy potrzebujesz.

Twój kod jest następnie kompilowany w zoptymalizowany, zminimalizowany JS. Z powodzeniem zastosowałem to podejście w środowisku DOMless JS podobnym do node.js.

W przypadku gier HTML5 sprawdź PlayN, która jest biblioteką, która korzysta właśnie z GWT.

Dużo rozwijam JavaScript. Wiele z nich jest wymienionych, ale oto, czego używam:

• Notepad ++
• Firebug
• Debuger IE (F12) i debugger Chrome (F12 w systemie Windows)
• Używam przepełnienia stosu głównie do pytań. Przyjazd tutaj okazał się również pomocny.
• Pierwszą książką, której użyłem, był JavaScript: przewodnik definitywny, kiedy. Obecnie nie używam książek tak często, jak stron internetowych takich jak MDN lub MSDN.
• Używamy trochę jQuery w miejscach, w których również to ułatwia nam życie.
• Do testów jednostkowych budujemy własne wiązki testowe.

Mogę polecić biuletyn w języku JavaScript . Jego

Bezpłatny, raz w tygodniu e-mailowy przegląd wiadomości i artykułów JavaScript.

Nie czytałem książek Johna Resiga, ale słyszałem i czytałem dobre opinie. Jego nowa książka Secrets of the JavaScript Ninja zostanie wkrótce opublikowana.

• Pro JavaScript Techniques
• Tajemnice JavaScript Ninja