ทรัพยากรและเครื่องมือที่ดีสำหรับการพัฒนา JavaScript ที่ทันสมัยและหนักหน่วง? [ปิด]

22

ฉันสนใจที่จะทำบางโครงการที่เกี่ยวข้องกับการใช้งาน JavaScript อย่างหนัก เกม Canvas ที่ใช้ HTML5 คืออาจใช้ node.js เช่นกัน ฉันสนใจที่จะเรียนรู้แนวปฏิบัติที่ดีที่สุดเครื่องมือและแหล่งข้อมูลสำหรับ JavaScript

จาวาสคริปต์นั้นยากต่อการค้นคว้าเพราะคุณจะได้อ่านเนื้อหาที่ล้าสมัยไปแล้วมากมายโดยการทักทายจากครั้งที่ "JavaScript" เป็นตัวอักษรสี่คำ

หากคุณมีส่วนร่วมอย่างมากในการเขียนโปรแกรม JavaScript ...

  • คุณใช้โปรแกรมแก้ไขข้อความหรือ IDE ใด?
  • คุณใช้กรอบการทดสอบหน่วยใด
  • คุณใช้ซีลีเนียมหรืออย่างอื่นหรือไม่?
  • คุณใช้เครื่องมืออื่นใด
  • มีชุมชนใดบ้างที่พูดถึงผู้ให้คำปรึกษาล่าสุดใน JavaScript
  • คุณอ่าน / อ้างอิงหนังสืออะไร
  • คุณอ่านบล็อกอะไร
tools  javascript  developer-tools 
— Matt Greer
แหล่งที่มา
8
— davidk01
บล็อกที่ยอดเยี่ยมที่ฉันอ่าน: dailyjs.com - โพสต์ที่ยอดเยี่ยมเกี่ยวกับห้องสมุดและเฟรมเวิร์กใหม่ในเวที JS โดยเน้นที่ Node.js perfectionkills.com - ไม่อัพเดทบ่อยมาก แต่เมื่อ Kangax เขียนบทความที่เขาไปจริงๆในเชิงลึกที่คุณจะตระหนักถึงเพียงวิธี JS มากที่คุณไม่ทราบ
— Matt Molnar
เครื่องมือแก้ไขเว็บของ Adobe Brackets: github.com/adobe/bracketsส่วนใหญ่เขียนด้วยจาวาสคริปต์โดยใช้เฟรมเวิร์กแบบฝังโครเมียม บทความที่น่าสนใจเกี่ยวกับวิธีที่พวกเขาสร้างเครื่องมือแก้ไขวงเล็บ (พูดคุยเกี่ยวกับเครื่องมือกรอบที่ใช้): ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/ …
— Czarek Tomczak
ว้าวคำถามนี้ได้ใช้การปรับปรุง
— Erik Reppen

คำตอบ:

19

รายการของฉันจะเป็น:

หนังสือล้าสมัยทันทีที่กดชั้นวาง (โดยทั่วไป)

— RDL
แหล่งที่มา
7
เพื่อที่ฉันจะเพิ่มศูนย์เอกสารโมซิลล่าในส่วนอ้างอิง
— Trezoid
2
+1 นั่นเป็นรายการของฉันค่อนข้างมาก แต่ฉันต้องการเพิ่ม YUI Compressor (หรือคอมไพเลอร์ปิดของ Google)
— Demian Brecht
Pagespeed เป็นตัวเลือกที่ดีสำหรับตัวเลือก "Profile Deferrable Javascript" ไม่ใช่เครื่องมือการเข้ารหัส JS อย่างเคร่งครัด แต่ก็มีประโยชน์มาก
— Ed James
2
@RDL - คุณใช้ javascript plugin สำหรับ vim ใด?
— Mike H
ฉันสังเกตเห็นว่าไม่มีการแนะนำเครื่องมือ / กรอบการทดสอบหน่วยที่นี่แม้ว่าจะถูก
— ถอนรากถอนโคน
9

คุณใช้โปรแกรมแก้ไขข้อความหรือ IDE ใด?

ทุกคนมีการสนับสนุนคุณสมบัติการพัฒนาเว็บแอปที่สมบูรณ์ (จาวาสคริปต์, HTML, CSS ฯลฯ ) เลือก Aptana หากคุณกำลังมองหาโซลูชันฟรีแวร์

คุณใช้กรอบการทดสอบหน่วยใด

  • ซีลีเนียม

    1. มีเบราว์เซอร์ที่เหนือกว่า [IE, Firefox, Chrome, Safari, Opera และ Konqueror] บนหลายแพลตฟอร์ม [Windows, Linux, Macintosh และอื่น ๆ ]
    2. รองรับภาษาการเขียนโปรแกรมจำนวนมากเพื่อเขียนกรณีทดสอบ [HTML, Java, C #, Perl, PHP, Python, Ruby เป็นต้น]
    3. การดำเนินการระยะไกล (กรณีทดสอบอยู่ในเครื่องเดียวและการเรียกใช้งานบนเบราว์เซอร์สามารถเกิดขึ้นได้ในเครื่องอื่น)
    4. คุณสามารถเรียกใช้การถดถอยแม้ในโหมดย่อขนาดเบราว์เซอร์

คุณใช้เครื่องมืออื่นใด

  • Firebug, IE Dev Tool Bar ฯลฯ , เบราว์เซอร์ในตัวเครื่องมือสำหรับการแก้ไขข้อบกพร่อง
  • คุณสามารถใช้เฟรมเวิร์ก UI Library บางอย่างเช่น JQuery, YUI, ExtJS และอื่น ๆ เพื่อการพัฒนาที่รวดเร็ว
  • Fiddler / HTTP Watch สำหรับการดีบักคำขอ HTTP และการตอบกลับ
  • JSLint เพื่อตรวจสอบปัญหาเกี่ยวกับไวยากรณ์ของจาวาสคริปต์
  • YUICompressor สำหรับการย่อ HTML, CSS และ Javascript code
  • DynaTrace / YSlow / Page Speed ​​- สำหรับการทดสอบประสิทธิภาพ
  • sIEve สำหรับการตรวจหารอยรั่วของหน่วยความจำ
  • IE Tester สำหรับการทดสอบแอปพลิเคชันของคุณใน IE เวอร์ชันต่างๆ

คุณอ่าน / อ้างอิงหนังสืออะไร

มากกว่า

— Dhanunjai
แหล่งที่มา
1
ซีลีเนียมเป็นเครื่องมือทดสอบการรวมเข้าด้วยกันไม่ใช่การทดสอบหน่วย! ส่วนที่เหลือเป็นจุดที่ฉันคิดว่า: D
— Ed James
1
jQuery เป็นห้องสมุดสำหรับ UI มากกว่ามาก jQueryUI เป็นห้องสมุดที่แยกจากกันโดยสิ้นเชิง
— StuperUser
@StuperUser โกหก jQuery เป็นห้องสมุดสำหรับการจัดการ DOM สิ่งอื่น ๆ ที่ใช้มันเป็นค้อนขนาดใหญ่และ "เครื่องมือทองคำที่ช่วยแก้ปัญหาทั้งหมด"
— Raynos
@Raynos, jQuery เป็นค้อนขนาดใหญ่เมื่อมันถูกใช้สำหรับการจัดการ DOM เมื่อ JavaScript จะทำ แน่นอนว่ามันได้รับสถานะที่คุ้มค่าสำหรับชื่อเสียงในฐานะยาครอบจักรวาล อย่างที่เราทั้งคู่พูดกันว่าการเรียกว่า "UI Library" นั้นไม่ถูกต้อง
— StuperUser
@StuperUser: ฉันคิดว่าเขาหมายถึง jQuery UI จริงๆ
— Lie Ryan
6

ฉันยังคงรู้สึกว่าเครื่องมือที่มีให้สำหรับการพัฒนา JavaScript อย่างจริงจังเป็นวิธีที่ควรใช้ แต่นี่คือส่วนหนึ่งของเครื่องมือที่ฉันใช้

  • สำหรับการพัฒนาฉันใช้ VIM แต่คุณอาจพบว่าเน็ตมีค่าน่าลอง
  • สำหรับการทดสอบหน่วยจัสมินเป็นสิ่งที่ดี แต่ไม่สมบูรณ์แบบ
  • EnvJsสามารถให้วิธีที่ดีในการรันการทดสอบหน่วยของคุณบนบรรทัดคำสั่ง
  • ฉันขอแนะนำwebdriverส่วนหนึ่งของซีลีเนียม 2
  • ชุดปิด google เต็มรูปแบบมีประโยชน์มาก
  • ฉันยังแนะนำให้คุณรู้วิธีใช้ google chrome และ IE สำหรับการดีบั๊กด้าน firebug เนื่องจากพวกมันมีนิสัยแปลก ๆ ที่สามารถส่งคุณไปสู่ตรอกซอกซอยตาบอดทุกประเภท
  • มีบางไลบรารีที่ยอดเยี่ยมสำหรับ JavaScript ที่ค่อนข้างจำเป็นสำหรับการพัฒนาอย่างจริงจัง ฉันขอแนะนำให้คุณเริ่มต้นด้วย jQuery แต่มีคนอื่นมากมายที่ดี
  • John Resig ผู้เขียน jQuery ยังมีบล็อกที่มีประโยชน์
— ดันแคนแกรนท์
แหล่งที่มา
คำถามเดียวกับที่ฉันเพิ่งโพสต์ไว้สำหรับ RDL: คุณใช้ vim plug-ins ไหน (ถ้ามี) สำหรับ javascript?
— Mike H
@ ไมค์ฉันไม่ได้ใช้ปลั๊กอินเฉพาะจาวาสคริปต์สำหรับกลุ่ม ฉันจะแนะนำjsctagsซึ่งจะรวมกับปลั๊กอินใด ๆ ที่ใช้ ctags เช่นtaglist-plus
— Duncan Grant
5

อืม ... แม้ว่าจะยังไม่เสร็จสมบูรณ์ แต่ปัจจุบันฉันเป็นผู้พัฒนาหลักสำหรับโครงการโอเพ่นซอร์สข้ามแพลตฟอร์มใหม่:

JS Studio

นี่คือภาพหน้าจอ:

คุณสมบัติบางอย่างสมบูรณ์กว่าคุณสมบัติอื่น ๆ ... แต่นี่คือเป้าหมายที่ตั้งใจไว้:

  • การเน้นไวยากรณ์(ค่อนข้างสมบูรณ์)
  • การจัดระเบียบโครงการ(ดำเนินการบางส่วน)
  • ดำเนินการอัตโนมัติ (รวมถึงการทำให้สมบูรณ์สำหรับเฟรมเวิร์ก JS ทั่วไปเช่น jQuery เป็นต้น)
  • สร้างระบบ (สำหรับการรวมไฟล์การย่อ ฯลฯ )
  • GUI ที่ขยายได้ (ผ่านส่วนขยาย JavaScript)
  • การกำหนดหมายเลขบรรทัด (เรียงลำดับเสร็จสมบูรณ์) การตัดคำสีที่กำหนดค่าได้สำหรับการเน้นไวยากรณ์

ฉันได้ตั้งค่า build แบบรายวันสำหรับ Windows และคุณสามารถค้นหา build ล่าสุดได้ที่นี่: http://files.quickmediasolutions.com/jsstudio/

— นาธานออสมัน
แหล่งที่มา
มันดูน่าสนใจ ฉันกำลังมองหา JavaScript IDE ที่ดี มีไบนารีใดบ้างที่สามารถดาวน์โหลดได้? ฉันไม่เห็นหน้าเว็บใด ๆ
— Jonas
@ Jonas: แต่น่าเสียดายที่ในช่วงแรกนี้มีเพียงไบนารีสำหรับ Ubuntu แต่หวังว่าฉันจะมีเวลาในการสร้างไบนารี Windows ไกลออกไป
— Nathan Osman
@ Jonas: Windows รุ่นแรก ๆสร้างที่นี่ - บางอย่างยังไม่ทำงาน แต่อย่างน้อยคุณสามารถเปิด / บันทึกไฟล์และอื่น ๆ ได้
— Nathan Osman
มีการพัฒนาใหม่ในหน้านี้หรือไม่?
— Noctis
@Nctctis: น่าเศร้าที่ไม่มี ฉันพบปัญหาบางอย่างในการใช้โค้ดให้สมบูรณ์และโปรเจ็กต์นั้นไม่ได้ใช้งานในปีที่แล้วหรือสองปี
— นาธานออสมัน
4

ในหมวดหมู่ 'เครื่องมืออื่น ๆ ' ฉันใช้CoffeeScript (ภาษาที่คอมไพล์กับจาวาสคริปต์) เนื่องจากมันทำให้ไวยากรณ์ของ Javascript ที่ได้รับความเจ็บปวดนั้นเกิดขึ้นกับฉัน

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

กับ

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

เราอาจโต้แย้งได้ว่าในทางเทคนิคแล้วไม่ใช่จาวาสคริปต์อีกต่อไป แต่ "ความรู้สึก" ของคอฟฟี่คือว่ามันเป็นเพียงเลเยอร์บาง ๆ

— keppla
แหล่งที่มา
3

API ที่ห้องสมุด jQuery http://api.jquery.com/และเปรอะเปื้อนได้ดี, สำเนาไฮไลต์ของjQuery ในการดำเนินการ อ่านมันครอบคลุมเพื่อให้ครอบคลุมแล้วทำตามhttp://twitter.com/jqueryเพื่อรับการอัพเดตในรีลีสใหม่

คุณได้กล่าวว่าหนังสือล้าสมัยแล้ว แต่คุณจะต้องได้รับความรู้พื้นฐานในระดับต่อไปจากนั้นเมื่อคุณถึงความเร็วแล้วติดตามข่าวสารล่าสุด

Qunitสำหรับการทดสอบหน่วยและ Firebug และเน้นไวยากรณ์ JavaScript สำหรับ Firebugสำหรับการดีบัก

— StuperUser
แหล่งที่มา
2

มีชุมชนใดบ้างที่พูดถึงผู้ให้คำปรึกษาล่าสุดใน JavaScript

สิ่งต่าง ๆ ส่วนใหญ่ได้รับการคุ้มครอง แต่ไม่มีใครพูดถึง

— Raynos
แหล่งที่มา
0

หวังว่าจะไม่ได้รับ flamed มากเกินไปสำหรับการนี้ แต่ถ้าสิ่งที่ต้องการ IDEs และเครื่องมือที่มีความสำคัญกับคุณแล้วผมขอแนะนำให้ดูที่Google Web Toolkit คุณเขียนโค้ดของคุณใน Java ใน Eclipse ซึ่งช่วยให้คุณเขียนโค้ดของคุณได้จริงๆ มันให้การกรอกโค้ดที่มีประสิทธิภาพสูงการรีแฟคเตอร์สาธารณูปโภคและช่วยในการดีบักและนำทางผ่านโค๊ดฐาน

คุณยังสามารถเข้าสู่ Javascript ดิบได้เมื่อคุณต้องการ

จากนั้นโค้ดของคุณจะถูกรวบรวมเป็น JS ที่ปรับให้เล็กที่สุดและเหมาะสมที่สุด ฉันใช้วิธีนี้สำเร็จในสภาพแวดล้อมแบบ DOMless JS ของ node.js

สำหรับเกม HTML5 ตรวจสอบPlayNซึ่งเป็นห้องสมุดที่ใช้ GWT

— funkybro
แหล่งที่มา
หากคุณต้องการรวบรวม JavaScript จากภาษาอื่น ๆ มีตัวเลือกมากมาย - คุณไม่จำเป็นต้องใช้ Java เลย! ตัวอย่างเช่นเราใช้js_of_ocamlในที่ทำงานเพื่อให้เราสามารถเขียนโค้ดของเราใน OCaml และเรียกใช้บนเบราว์เซอร์
— Tikhon Jelvis
0

ฉันพัฒนาจาวาสคริปต์มาก มีการกล่าวถึงจำนวนมาก แต่นี่คือสิ่งที่ฉันใช้:

  • Notepad ++
  • Firebug
  • ตัวดีบัก IE (F12) และตัวดีบัก Chrome (F12 บน Windows)
  • ฉันใช้Stack Overflowเป็นหลักสำหรับคำถาม การมาที่นี่ก็มีประโยชน์เช่นกัน
  • หนังสือเล่มแรกที่ฉันใช้คือ JavaScript: The Definitive Guide ย้อนกลับไปเมื่อไหร่ ขณะนี้ฉันไม่ได้ใช้หนังสือเท่าที่ฉันใช้ไซต์เช่นMDNหรือ MSDN docs
  • เราใช้jQueryในสถานที่ที่ทำให้ชีวิตของเราง่ายขึ้นเช่นกัน
  • สำหรับการทดสอบหน่วยเราสร้างสายรัดทดสอบของเราเอง
— Corv1nus
แหล่งที่มา
0

ฉันสามารถแนะนำจดหมายข่าวรายสัปดาห์ JavasScript มัน

อีเมลและบทความเกี่ยวกับ JavaScript แบบย่อซึ่งแจกฟรีรายสัปดาห์

ฉันไม่ได้อ่านหนังสือของ John Resig แต่ฉันเคยได้ยินและอ่านผลตอบรับที่ดี หนังสือใหม่ของเขาเรื่องSecrets of JavaScript Ninjaจะเผยแพร่ในไม่ช้า

บางคนสามารถอธิบาย downvote ได้บ้าง?
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.