Modern, yoğun JavaScript gelişimi için iyi kaynaklar ve araçlar? [kapalı]

22

JavaScript'i yoğun şekilde kullanan bazı projeler yapmakla ilgileniyorum. Potansiyel olarak node.js kullanarak da HTML5 tabanlı tuval oyunları. JavaScript için modern en iyi uygulamaları, araçları ve kaynakları öğrenmekle ilgileniyorum.

JavaScript'i araştırmak zordur, çünkü sonunda "JavaScript" in dört harfli bir kelime olduğu zamanlar çok eski modası geçmiş bir materyalin içine girip duruyorsunuz.

JavaScript programlamaya yoğun bir şekilde katılıyorsanız ...

  • Hangi metin editörünü veya IDE'yi kullanıyorsunuz?
  • Hangi birim test çerçevesini kullanıyorsunuz?
  • Selenyum veya başka bir şey kullanıyor musunuz?
  • Başka hangi araçları kullanıyorsunuz?
  • JavaScript'teki son önerileri tartışan hangi topluluklar var?
  • Hangi kitapları okuyorsun / okuyorsun?
  • Hangi blogları okuyorsun?
tools  javascript  developer-tools 
— Matt Greer
kaynak
8
— davidk01
Okuduğum bir kaç harika blog: dailyjs.com - JS arenada yeni kütüphaneler ve çerçeveler hakkında Node.js. perfectionkills.com - Çok sık güncellenen ancak Kangax bir makale yazdığında, o gerçekten derinlemesine, size ne kadar çok JS gerçekleştirecek gider yok biliyorum.
— Matt Molnar
Adobe Brackets web editörü: github.com/adobe/brackets - çoğunlukla krom gömülü çerçeve kullanarak javascript ile yazılmıştır. Ayrıca, Parantez editörünü nasıl yaptıkları hakkında ilginç bir yazı (araçlar, kullanılan çerçeveler hakkında konuşmak): ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/…
— Czarek Tomczak
Vay bu soru bir güncelleme kullanabilir.
— Erik,

Yanıtlar:

19

Listem şöyle olurdu:

Kitaplar raflara vurur vurmaz eskimez (genellikle).

— RDL
kaynak
7
Bunun üzerine de mozilla doc merkezini referans bölümüne eklerdim .
— Trezoid
2
+1, bu hemen hemen listem, ancak YUI Kompresörü (veya Google’ın Kapanış derleyicisini) de eklerim.
— Demian Brecht
Pagespeed ayrıca "Profile Ertelenebilir Javascript" seçeneği için iyi bir seçimdir. Kesinlikle bir JS kodlama aracı değil, ama yine de çok faydalı.
— Ed James,
2
@RDL - vim için herhangi bir javascript eklentisi kullanıyorsanız, hangisi?
— Mike H
Bu kadar yüksek oranda oy toplanmasına rağmen, burada hiçbir birim test aracı / çerçevesinin önerilmediğini farkettim ...
— NT3RP
9

Hangi metin editörünü veya IDE'yi kullanıyorsunuz?

Hepsi eksiksiz web uygulaması geliştirme özellikleri (javascript, HTML, CSS vb.) İçin destek var. Ücretsiz bir çözüm arıyorsanız, Aptana'yı seçin.

Hangi birim test çerçevesini kullanıyorsunuz?

  • Selenyum

    1. Çoklu platformlarda [IE, Firefox, Chrome, Safari, Opera ve Konqueror] birden fazla platformda [Windows, Linux, Macintosh vb.] Bulunur.
    2. Test senaryoları yazmak için birçok programlama dili desteği (HTML, Java, C #, Perl, PHP, Python, Ruby vb.).
    3. Uzaktan çalıştırma (test durumları bir makinede bulunur ve tarayıcıda yürütme farklı bir makinede yapılabilir).
    4. Tarayıcı küçültülmüş modda bile gerilimleri çalıştırabilirsiniz

Başka hangi araçları kullanıyorsunuz?

  • Firebug, IE Dev Tool Bar vb, tarayıcı hata ayıklama için yerleşik araçlar
  • Hızlı gelişim için JQuery, YUI, ExtJS gibi bazı UI Library çerçevelerini kullanabilirsiniz.
  • Fiddler / HTTP HTTP isteğinde ve yanıtlarında hata ayıklamak için izleyin.
  • Bazı Javascript sözdizimi sorunlarını doğrulamak için JSLint.
  • HTML, CSS ve Javascript kodunun küçültülmesi için YUICompressor.
  • DynaTrace / YSlow / Sayfa Hızı - performans testi için
  • bellek sızıntılarını algılamak için SIEve
  • Uygulamanızı farklı IE sürümlerinde test etmek için IE Tester.

Hangi kitapları okuyorsun / okuyorsun?

Daha

— Dhanunjai
kaynak
1
Selenyum, bir birim test değil, bir entegrasyon test aracıdır! Bunun geri kalanı benim görüşüme göre gerçekte oldukça fazla: D
— Ed James
1
jQuery, kullanıcı arayüzünden çok daha fazlası için bir kütüphanedir, jQueryUI tamamen ayrı bir kütüphanedir.
— StuperUser
@ StuperUser yalanlar. jQuery DOM manipülasyonu için bir kütüphanedir, başka bir şey büyük bir çekiç ve "tüm problemleri çözen altın bir araç" olarak kullanıyor
— Raynos
@Raynos, jQuery, JavaScript'in yapılacağı durumlarda DOM manipülasyonu için kullanıldığında büyük bir çekiçtir. Her derde deva olarak ün kazanması için memeye layık bir statü kazandırdı. İkimizin de söylediği gibi, "UI Kütüphanesi" olarak adlandırmak yanlış.
— StuperUser
@StuperUser: Sanırım gerçekten jQuery UI demek istiyordu
— Lie Ryan
6

Ciddi JavaScript gelişimi için kullanılabilecek araçların, olması gerekenlerin arkasında olduklarını hissediyorum ama işte kullandıklarımdan birkaçı.

  • Geliştirme için VIM kullanıyorum ama denemeye değer netbebekler bulabilirsiniz.
  • Birim test için yasemin iyidir ancak mükemmel değildir.
  • EnvJ'ler , birim sınamalarınızı komut satırında çalıştırmanın güzel bir yolunu sağlayabilir
  • Selenyum 2'nin Web Sürücüsü bölümünü şiddetle tavsiye ederim
  • Google kapanış paketinin tamamı çok kullanışlıdır
  • Yanında firebug hata ayıklamak için google chrome ve IE’nin nasıl kullanılacağını bilmenizi öneriyorum.
  • JavaScript için ciddi kütüphaneler için çok önemli olan bazı mükemmel kütüphaneler var. JQuery ile başlamanızı tavsiye ederim ama diğerleri kadar iyi.
  • Ayrıca jQuery'nin yazarı John Resig'in faydalı bir blogu var.
— Duncan Grant
kaynak
sadece RDL için söylediğim gibi aynı soru: javascript için hangi (varsa) vim eklentilerini kullanıyorsunuz?
— Mike H,
@Mike VIM için javascript'e özgü eklentiler kullanmıyorum. Taglist -plus gibi
— Duncan Grant
5

Şey ... tamamlanmış olmakla birlikte, şu anda yeni bir platformlar arası açık kaynak projesi için lider geliştiriciyim:

JS Studio

İşte bir ekran görüntüsü:

Özelliklerden bazıları diğerlerinden daha eksiksiz ... ama burada amaçlanan hedefler:

  • Sözdizimi vurgulama (hemen hemen tamamlandı)
  • Proje organizasyonu (kısmen uygulandı)
  • Otomatik tamamlama (jQuery, vb. Gibi genel JS çerçeveleri için tamamlanma dahil)
  • Derleme sistemi (dosyaları birleştirmek, küçültmek vb.)
  • Genişletilebilir GUI (JavaScript uzantıları aracılığıyla)
  • Satır numaralandırma (tamamlanma şekli), sözcük kaydırma, sözdizimi vurgulaması için yapılandırılabilir renkler

Windows için günlük derlemeler hazırladım ve en yeni yapıyı burada bulabilirsiniz: http://files.quickmediasolutions.com/jsstudio/

— Nathan Osman
kaynak
Bu ilginç görünüyor. İyi bir JavaScript IDE arıyordum. İndirilebilecek herhangi bir ikili dosya var mı? Web sayfasında hiç görmedim.
— Jonas
@Jonas: Maalesef, bu erken aşamada Ubuntu için sadece bir ikili dosya var. Ama umarım yolun ilerisinde bir Windows ikili oluşturmak için zamanım olur.
— Nathan Osman
@Jonas: Çok erken Windows burada inşa - bazı şeyler henüz işe yaramaz, ancak en azından dosyaları ve birkaç diğer şeyi açabilir / kaydedebilirsiniz.
— Nathan Osman
Bu cephede yeni bir gelişme var mı?
— Noctis
@Noctis: Maalesef hayır. Kod tamamlamayı uygulayan bazı komplikasyonlarla karşılaştım ve proje aslında bir iki yıl boş kaldı.
— Nathan Osman,
4

'Diğer araçlar' kategorisinde, Javascript'in sözdiziminin bana getirdiği acıyı ortadan kaldırdığı için CoffeeScript'i (JavaScript'i oluşturan bir dil) kullanıyorum.

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

e karşı

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

Birisi, teknik olarak artık javascript olmadığını, ancak coffescript'in "hissinin" sadece ince bir katman olduğunu iddia edebilir.

— keppla
kaynak
3

JQuery kütüphanesi için API http://api.jquery.com/ ve jQuery In Action ürününün iyi hazırlanmış, vurgulanmış bir kopyası . Kapak için kapağı okuyun ve ardından yeni sürümlerdeki güncellemeleri almak için http://twitter.com/jquery adresini takip edin .

Kitapların güncelliğini yitirdiğini söylediniz, ancak temel bilgilerinizi edinmeniz gerekecek, daha sonra hızlandığınızda, güncel kalın.

Birim testi ve Firebug için Qunit ve bir Firebug hata ayıklama için bir JavaScript sözdizimi vurgulanır .

— StuperUser
kaynak
0

Umarım bunun için fazla alevlenmez, ancak IDE'ler ve aletler gibi şeyler sizin için önemliyse, Google Web Araç Seti'ne bakmanızı şiddetle tavsiye ederim . Kodunuzu Java'da Eclipse'e yazıyorsunuz, bu kodunuzu gerçekten yazmanıza yardımcı oluyor. Kod etkinliğini tamamlama, yardımcı programları yeniden düzenleme ve kod tabanınızda hata ayıklama ve gezinme konusunda yardımcı olur.

İhtiyacınız olduğunda hala ham Javascript'e gidebilirsiniz.

Kodunuz daha sonra optimize edilmiş, küçültülmüş JS olarak derlenir. Bu yaklaşımı node.js benzeri DOMless JS ortamında başarıyla kullandım.

HTML5 oyunları için, tam olarak bunun için GWT kullanan bir kütüphane olan PlayN'i inceleyin .

— funkybro
kaynak
Eğer zaten JavaScript'i farklı bir dilden derleyecekseniz, birçok seçenek var - Java'yı hiç kullanmak zorunda değilsiniz! Örneğin, js_of_ocaml'ı işyerinde kullanıyoruz , böylece kodumuzu OCaml'a yazıp tarayıcıda çalıştırabiliriz.
— Tikhon Jelvis,
0

Çok fazla JavaScript geliştirme yapıyorum. Bunlardan birçoğundan bahsedilir, fakat işte kullandığım şey:

  • Notepad ++
  • kundakçı
  • IE hata ayıklayıcısı (F12) ve Chrome hata ayıklayıcısı (Windows'ta F12)
  • Kullandığım Yığın taşması sorular için ağırlıklı. Buraya gelmenin de faydalı olduğu kanıtlandı.
  • Kullandığım ilk kitap JavaScript idi: Ne zaman geri dönün. Şu anda kitapları MDN veya MSDN docs gibi siteler kullandığım kadar kullanmıyorum .
  • Bazı jQuery'leri hayatımızı kolaylaştırdığı yerlerde kullanıyoruz .
  • Ünite testi için kendi test kablo demetimizi oluşturuyoruz.
— Corv1nus
kaynak
0

JavasScript Weekly haber bültenini tavsiye ederim . Onun

JavaScript haberleri ve makalelerinin ücretsiz, haftada bir e-posta toplama e-postası.

John Resig'in kitaplarını okumamıştım, ancak iyi geri bildirimler duydum ve okudum. Yeni kitabı JavaScript Ninja Sırları yakında yayınlanacak.

Birisi olumsuz oylamayı açıklayabilir mi?
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.