현대적이고 무거운 JavaScript 개발을위한 훌륭한 리소스와 도구? [닫은]


22

JavaScript를 많이 사용하는 일부 프로젝트를 수행하는 데 관심이 있습니다. 즉, 잠재적으로 node.js를 사용하는 HTML5 기반 캔버스 게임. JavaScript에 대한 최신 모범 사례, 도구 및 리소스를 배우고 싶습니다.

"자바 스크립트"가 4 글자였던 시대부터 시작된 수많은 구식 자료를 넘어 서기 때문에 JavaScript는 연구하기가 어렵습니다.

JavaScript 프로그래밍에 많이 관여하는 경우 ...

  • 어떤 텍스트 편집기 나 IDE를 사용하십니까?
  • 어떤 단위 테스트 프레임 워크를 사용하십니까?
  • Selenium 또는 다른 것을 사용합니까?
  • 다른 도구는 무엇입니까?
  • JavaScript의 최근 출현을 논의하는 커뮤니티가 있습니까?
  • 어떤 책을 읽거나 참조하십니까?
  • 어떤 블로그를 읽습니까?


내가 읽은 몇 가지 훌륭한 블로그 : dailyjs.com-Node.js에 중점을 둔 JS 분야의 새로운 라이브러리 및 프레임 워크에 관한 훌륭한 게시물. perfectionkills.com - 아니 매우 자주 업데이트하지만 Kangax이 기사를 쓸 때, 그는 정말 깊이, 당신은 당신이 얼마나 JS 알게 될 것이다 이동 하지 않는 것을 알고있다.
Matt Molnar 2016 년

Adobe Brackets 웹 편집기 : github.com/adobe/brackets- 크롬 임베디드 프레임 워크를 사용하여 대부분 자바 스크립트로 작성되었습니다. 또한 브래킷 편집기를 작성하는 방법에 대한 흥미로운 기사 (사용 된 도구, 프레임 워크에 대한 이야기) : ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/…
Czarek Tomczak

와우이 질문은 업데이트를 사용할 수 있습니까?
Erik Reppen

답변:


19

내 목록은 다음과 같습니다

책이 선반에 닿 자마자 구식입니다.


7
여기 에 참조 섹션에 mozilla doc center 도 추가하겠습니다 .
Trezoid

2
+1, 그것은 거의 내 목록이지만 YUI Compressor (또는 Google의 Closure 컴파일러)도 추가합니다.
데미안 브레히트

Pagespeed는 "Profile Deferrable Javascript"옵션에도 적합합니다. 엄격하게 JS 코딩 도구는 아니지만 여전히 매우 유용합니다.
Ed James

2
@RDL-vim 용 자바 스크립트 플러그인을 사용하는 경우
Mike H

고도로 호평을 받았음에도 불구하고 여기서 단위 테스트 도구 / 프레임 워크가 권장되지 않음을
알았습니다

9

어떤 텍스트 편집기 나 IDE를 사용하십니까?

모두 완전한 웹 앱 개발 기능 (자바 스크립트, HTML, CSS 등)을 지원합니다. 프리웨어 솔루션을 찾고 있다면 Aptana를 선택하십시오.

어떤 단위 테스트 프레임 워크를 사용하십니까?

  • 셀렌

    1. 여러 플랫폼 (Windows, Linux, Macintosh 등)에 다중 브라우저 지원 기능 (IE, Firefox, Chrome, Safari, Opera 및 Konqueror)이 있습니다.
    2. 테스트 케이스를 작성하기위한 많은 프로그래밍 언어 지원 (HTML, Java, C #, Perl, PHP, Python, Ruby 등).
    3. 원격 실행 (테스트 사례는 한 시스템에 상주하고 브라우저에서 실행하면 다른 시스템에 발생할 수 있음)
    4. 브라우저 최소화 모드에서도 회귀 분석을 실행할 수 있습니다

다른 도구는 무엇입니까?

  • Firebug, IE Dev 툴바 등, 디버깅을위한 브라우저 내장 툴
  • 빠른 개발을 위해 JQuery, YUI, ExtJS 등과 같은 일부 UI 라이브러리 프레임 워크를 사용할 수 있습니다.
  • Fiddler / HTTP HTTP 요청 및 응답 디버깅을 감시합니다.
  • 일부 자바 스크립트 구문 문제를 확인하는 JSLint
  • HTML, CSS 및 Javascript 코드 축소를위한 YUICompressor
  • DynaTrace / YSlow / Page Speed-성능 테스트 용
  • 메모리 누수 감지를위한 sIEve
  • 다른 IE 버전에서 응용 프로그램을 테스트하기위한 IE 테스터.

어떤 책을 읽거나 참조하십니까?


1
Selenium은 단위 테스트가 아닌 통합 테스트 도구입니다! 이 의견의 나머지 부분은 제 의견으로는 꽤 많이 드러납니다 : D
Ed James

1
jQuery는 UI보다 훨씬 더 많은 라이브러리이며, jQueryUI는 완전히 별개의 라이브러리입니다.
StuperUser

@StuperUser가 있습니다. jQuery는 DOM 조작을위한 라이브러리입니다. 그 밖의 모든 것들은 그것을 큰 망치로 사용하고 "모든 문제를 해결하는 황금 도구"
Raynos

@Raynos, jQuery는 JavaScript가 할 때 DOM 조작에 사용될 때 큰 망치입니다. 만병 통치약으로서의 명성으로 인해 밈 가치가 있습니다. 우리가 말했듯이 "UI 라이브러리"라고 부르는 것은 정확하지 않습니다.
StuperUser

@StuperUser : 그가 jQuery UI를 의미한다고 생각합니다
Lie Ryan

6

나는 여전히 심각한 JavaScript 개발에 사용할 수있는 도구가 있어야 할 곳 뒤에 있다고 생각하지만 여기에 내가 사용하는 도구 중 일부가 있습니다.

  • 개발을 위해 VIM을 사용하지만 시도해 볼 가치가있는 netbeans를 찾을 수 있습니다.
  • 재스민은 단위 테스트에 적합하지만 완벽하지는 않습니다.
  • EnvJ 는 명령 줄에서 유닛 테스트를 실행하는 좋은 방법을 제공합니다.
  • 셀레늄 2 의 웹 드라이버 부분을 적극 권장합니다.
  • 전체 구글 폐쇄 스위트는 매우 유용합니다
  • 또한 모든 종류의 블라인드 골목을 보낼 수있는 특질이 있기 때문에 사이드 파이어 버그를 따라 디버깅하기 위해 Google 크롬 및 IE를 사용하는 방법을 아는 것이 좋습니다.
  • 진지한 개발에 필수적인 JavaScript를위한 훌륭한 라이브러리가 있습니다. jQuery로 시작하는 것이 좋지만 다른 많은 것들이 있습니다.
  • 또한 jQuery의 저자 John Resig는 유용한 블로그를 가지고 있습니다.

방금 RDL에 대해 제기 한 것과 같은 질문 : javascript에 어떤 vim 플러그인을 사용합니까?
Mike H

@Mike 나는 vim에 자바 스크립트 전용 플러그인을 사용하지 않습니다. 나는 ctags를 사용하는 모든 플러그인과 통합 될 jsctags 를 추천한다. taglist-plus
Duncan Grant

5

글쎄 ... 완전한 것은 아니지만 현재 새로운 크로스 플랫폼 오픈 소스 프로젝트의 수석 개발자입니다.

JS 스튜디오

스크린 샷은 다음과 같습니다.

일부 기능은 다른 기능보다 완벽하지만 다음은 의도 된 목표입니다.

  • 구문 강조 (거의 완성)
  • 프로젝트 조직 (일부 구현)
  • 자동 완성 (jQuery 등의 일반적인 JS 프레임 워크 완성 포함)
  • 빌드 시스템 (파일 결합, 축소 등)
  • 확장 가능한 GUI (JavaScript 확장을 통한)
  • 구문 강조를위한 줄 번호 매기기 (전체 정렬), 자동 줄 바꿈, 구성 가능한 색상

Windows 용 일일 빌드를 설정했으며 최신 빌드를 찾을 수 있습니다 : http://files.quickmediasolutions.com/jsstudio/


이것은 흥미로워 보인다. 좋은 JavaScript IDE를 찾고 있습니다. 다운로드 할 수있는 바이너리가 있습니까? 웹 페이지에 아무것도 보이지 않았습니다.
Jonas

@Jonas : 불행히도이 초기 단계에는 우분투를위한 바이너리 만 있습니다. 그러나 앞으로 나아갈 Windows 바이너리를 만들 시간이 있기를 바랍니다.
Nathan Osman

@Jonas : 초기 Windows 빌드는 여기에서 작동하지만 아직 작동하지 않지만 파일 및 기타 몇 가지를 열거 나 저장할 수 있습니다.
Nathan Osman

이 전선에 새로운 발전이 있습니까?
Noctis

@Noctis : 슬프게도. 코드 완성을 구현하는 복잡한 문제가 발생하여 프로젝트는 지난 1 ~ 2 년간 유휴 상태였습니다.
Nathan Osman

4

'기타 도구'범주에서 CoffeeScript (JavaScript로 컴파일되는 언어)를 사용합니다. Javascript의 구문으로 인해 발생하는 고통을 없애기 때문입니다.

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

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

기술적으로는 더 이상 자바 스크립트가 아니라고 주장 할 수 있지만, coffescript의 "느낌"은 단지 얇은 층이라는 것입니다.


3

jQuery 라이브러리 http://api.jquery.com/ 의 API 및 jQuery In Action 의 잘 강조 표시되고 강조된 사본 . 그것을 덮고 그것을 읽고 http://twitter.com/jquery 를 따르십시오 에 따라 새 릴리스의 업데이트를 받으십시오.

당신은 책이 구식이라고 말했지만, 기초 지식을 쌓아야 속도를 낼 수 있으며, 최신 정보를 얻으려면 최신 정보를 유지해야합니다.

단위 테스트 및 Firebug 용 Qunit 과 디버깅을 위한 Firebug의 JavaScript 구문이 강조 표시됩니다 .



0

바라건대 이것에 대해 너무 화려하지는 않지만 IDE 및 툴링과 같은 것들이 당신에게 중요하다면, 구글 웹 툴킷을 합니다. Eclipse에서 Java로 코드를 작성하면 실제로 코드 작성에 도움이됩니다. 매우 효과적인 코드 완성, 리팩토링 유틸리티를 제공하며 코드베이스를 디버그하고 탐색하는 데 도움이됩니다.

필요할 때 여전히 원시 Javascript로 이동할 수 있습니다.

그러면 코드가 최적화되고 축소 된 JS로 컴파일됩니다. node.js와 같은 DOMless JS 환경 에서이 접근법을 성공적으로 사용했습니다.

HTML5 게임의 경우 정확히 GWT를 사용하는 라이브러리 인 PlayN 을 확인하십시오 .


어쨌든 다른 언어에서 JavaScript로 컴파일하려는 경우, 선택의 폭이 넓습니다. Java를 전혀 사용할 필요가 없습니다! 예를 들어, 직장에서 js_of_ocaml 을 사용 하고 있으므로 OCaml에서 코드를 작성하고 브라우저에서 실행할 수 있습니다.
Tikhon Jelvis

0

나는 많은 JavaScript 개발을한다. 이것들이 많이 언급되었지만 여기에 내가 사용하는 것이 있습니다 :

  • 메모장 ++
  • 방화범
  • IE 디버거 (F12) 및 Chrome 디버거 (Windows의 경우 F12)
  • 스택 오버플로를 사용합니다 주로 질문에 합니다. 여기에 오는 것도 도움이되었습니다.
  • 내가 사용한 첫 번째 책은 JavaScript : The Definitive Guide 옛날 방식이었습니다. 현재 MDN 과 같은 사이트를 사용하는 것만 큼 책을 사용하지 않습니다 또는 MSDN 문서 .
  • 우리는 삶을 더 편하게 만드는 곳에서 jQuery 를 사용 합니다.
  • 단위 테스트를 위해 자체 테스트 장치를 구축합니다.

0

JavasScript Weekly 뉴스 레터를 추천 할 수 있습니다 . 그

JavaScript 뉴스 및 기사를 1 주일에 한 번 무료로 전자 메일로 정리합니다.

John Resig의 책을 읽지는 않았지만 좋은 피드백을 듣고 읽었습니다. 그의 새로운 저서 인 JavaScript Ninja의 비밀은 곧 출판 될 것입니다.


누군가가 공감대를 설명 할 수 있습니까?
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.