Bons recursos e ferramentas para desenvolvimento moderno e pesado de JavaScript? [fechadas]


22

Estou interessado em fazer alguns projetos que envolvam uso intenso de JavaScript. Ou seja, jogos de tela baseados em HTML5, potencialmente usando o node.js também. Estou interessado em aprender as melhores práticas, ferramentas e recursos modernos para JavaScript.

O JavaScript é difícil de pesquisar porque você acaba vasculhando um monte de material realmente desatualizado, vindo dos tempos em que "JavaScript" era uma palavra de quatro letras.

Se você está fortemente envolvido na programação JavaScript ...

  • Qual editor de texto ou IDE você usa?
  • Qual estrutura de teste de unidade você usa?
  • Você usa Selenium, ou algo mais?
  • Quais outras ferramentas você usa?
  • Quais comunidades existem que discutem os recentes avanços no JavaScript?
  • Quais livros você lê / se refere?
  • Quais blogs você lê?


Alguns ótimos blogs que li: dailyjs.com - Algumas ótimas postagens sobre novas bibliotecas e estruturas na arena JS, com forte foco no Node.js. perfectionkills.com - Não é atualizado com muita frequência, mas quando Kangax escreve um artigo, ele se aprofunda muito, você vai perceber o quanto de JS você não conhece.
precisa

Editor da web do Adobe Brackets: github.com/adobe/brackets - escrito principalmente em javascript usando a estrutura incorporada ao cromo. Também um artigo interessante sobre como eles criaram o editor de colchetes (falando sobre ferramentas, estruturas usadas): ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/…
Czarek Tomczak

Uau, essa pergunta poderia usar uma atualização.
Erik Reppen

Respostas:


19

Minha lista seria:

Os livros estão desatualizados assim que chegam às prateleiras (normalmente).


7
Sobre isso, eu também adicionaria o centro de documentos do mozilla na seção de referência.
Trezoid

2
+1, é praticamente a minha lista, mas eu também adicionaria o YUI Compressor (ou o compilador Closure do Google).
Demian Brecht

O Pagespeed também é bom para a opção "Javascript adiado por perfil". Não é estritamente uma ferramenta de codificação JS, mas ainda é muito útil.
Ed James

2
@RDL - quais, se houver algum plug-in javascript para vim, você usa?
Mike H

Eu observo que nenhuma unidade de ferramentas de teste / estruturas têm sido recomendados aqui, apesar de ser tão altamente upvoted ...
NT3RP

9

Qual editor de texto ou IDE você usa?

Todos têm suporte para recursos completos de desenvolvimento de aplicativos da web (javascript, HTML, CSS etc.). Escolha Aptana, se você estiver procurando por uma solução gratuita.

Qual estrutura de teste de unidade você usa?

  • Selênio

    1. Possui suporte a vários navegadores [IE, Firefox, Chrome, Safari, Opera e Konqueror] em várias plataformas [Windows, Linux, Macintosh etc.].
    2. Suporte para muitas linguagens de programação para escrever casos de teste [HTML, Java, C #, Perl, PHP, Python, Ruby etc.].
    3. Execução remota (os casos de teste residem em uma máquina e a execução no navegador pode ocorrer em uma máquina diferente).
    4. Você pode executar regressões mesmo no modo minimizado do navegador também

Quais outras ferramentas você usa?

  • Firebug, IE Dev Tool Bar etc, ferramentas embutidas no navegador para depuração
  • Você pode usar algumas estruturas da biblioteca da interface do usuário, como JQuery, YUI, ExtJS, etc. para desenvolvimento rápido.
  • Fiddler / HTTP Observe a depuração de solicitações e respostas HTTP.
  • JSLint para verificar alguns problemas de sintaxe javascript.
  • YUICompressor para minificação de código HTML, CSS e Javascript.
  • DynaTrace / YSlow / Velocidade da página - para teste de desempenho
  • sIEve para detectar vazamentos de memória
  • IE Tester para testar seu aplicativo em diferentes versões do IE.

Quais livros você lê / se refere?

Mais


1
O Selenium é uma ferramenta de teste de integração, não de teste de unidade! O resto disso é bastante interessante na minha opinião, porém: D
Ed James

1
O jQuery é uma biblioteca para muito mais que a interface do usuário, o jQueryUI é uma biblioteca completamente separada.
StuperUser

@StuperUser mente. jQuery é uma biblioteca para manipulação DOM, qualquer outra coisa é usá-lo como um grande martelo e uma "ferramenta de ouro que resolve todos os problemas"
Raynos

@ Raynos, o jQuery é um grande martelo quando é usado para manipulação de DOM, quando o JavaScript serve. Certamente ganhou status digno de meme por sua reputação de panacéia. Como já dissemos, chamá-lo de "Biblioteca da interface do usuário" é impreciso.
StuperUser

@StuperUser: Suponho que ele realmente quis dizer jQuery UI
Lie Ryan

6

Eu ainda sinto que as ferramentas disponíveis para o desenvolvimento sério de JavaScript estão muito atrás de onde deveriam estar, mas aqui estão algumas que eu uso.

  • Para o desenvolvimento, eu uso o VIM, mas você pode encontrar netbeans que valem a pena tentar.
  • Para o teste de unidade, o jasmim é bom, mas não perfeito.
  • Os EnvJs podem oferecer uma ótima maneira de executar seus testes de unidade na linha de comando
  • Eu recomendo a parte webdriver do selênio 2
  • O pacote completo de fechamento do Google é muito útil
  • Eu também recomendo que você saiba como usar o google chrome e o IE para depuração ao longo do firebug lateral, pois todos têm suas idiossincrasias que podem enviar todos os tipos de becos sem saída.
  • Existem algumas excelentes bibliotecas para JavaScript que são praticamente essenciais para o desenvolvimento sério. Eu recomendo que você comece com jQuery, mas há muitos outros que são tão bons.
  • também o autor do jQuery, John Resig, tem um blog útil

mesma pergunta que acabei de colocar para RDL: quais (se houver) plug-ins vim você usa para javascript?
11138 Mike H de

@ Mike Eu não uso nenhum plugin específico de javascript para o vim. Eu recomendaria jsctags que se integram com qualquer plugins que uso ctags por exemplo taglist-plus
Duncan Grant

5

Bem ... embora longe de estar completo, atualmente sou o desenvolvedor líder de um novo projeto de código aberto de plataforma cruzada:

JS Studio

Aqui está uma captura de tela:

Alguns dos recursos são mais completos que outros ... mas aqui estão os objetivos pretendidos:

  • Destaque de sintaxe (praticamente completo)
  • Organização do projeto (parcialmente implementada)
  • Conclusão automática (incluindo conclusão para estruturas JS comuns como jQuery, etc.)
  • Construir sistema (para combinar arquivos, minificação, etc.)
  • GUI extensível (via extensões JavaScript)
  • Numeração de linha (tipo de conclusão), quebra automática de linha, cores configuráveis ​​para realce de sintaxe

Configurei compilações diárias para Windows e você pode encontrar a compilação mais recente aqui: http://files.quickmediasolutions.com/jsstudio/


Isso parece interessante. Eu tenho procurado um bom IDE JavaScript. Existe algum binário que pode ser baixado? Não vi nenhum na página da web.
Jonas5

@Jonas: Infelizmente, nesta fase inicial, existe apenas um binário para o Ubuntu. Mas espero ter tempo para criar um binário do Windows mais adiante.
Nathan Osman

@ Jonas: O Windows é muito antigo aqui - algumas coisas ainda não funcionam, mas você pode pelo menos abrir / salvar arquivos e mais algumas coisas.
Nathan Osman

novos desenvolvimentos nessa frente?
Noctis

@Noctis: Infelizmente, não. Eu tive algumas complicações ao implementar o preenchimento de código e o projeto permaneceu praticamente ocioso nos últimos dois anos.
Nathan Osman

4

Na categoria 'outras ferramentas', uso o CoffeeScript (uma linguagem que compila para JavaScript), porque elimina as dores que a sintaxe do Javascript me impõe.

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

versus

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

Alguém poderia argumentar, tecnicamente, que não é mais javascript, mas o "sentimento" do coffescript é que é apenas uma camada fina.


3

A API da biblioteca jQuery http://api.jquery.com/ e uma cópia destacada e bem manuseada do jQuery In Action . Leia-o de capa a capa e siga http://twitter.com/jquery para obter as atualizações nos novos lançamentos.

Você disse que os livros estão desatualizados, mas precisará obter um nível básico de conhecimento para desenvolver; assim que estiver pronto, mantenha-se atualizado.

Qunit para teste de unidade e Firebug e uma sintaxe JavaScript destacada para Firebug para depuração.



0

Espero que não seja muito inflamado por isso, mas se coisas como IDEs e ferramentas são importantes para você, recomendo vivamente que analise o Google Web Toolkit . Você escreve seu código em Java no Eclipse, o que realmente ajuda a escrever seu código. Ele fornece conclusão de código altamente eficaz, utilitários de refatoração e ajuda a depurar e navegar pela sua base de código.

Você ainda pode entrar em Javascript bruto quando precisar.

Seu código é compilado em JS otimizado e minificado. Eu usei essa abordagem com êxito em um ambiente JS sem DOM do tipo node.js.

Para jogos HTML5, confira PlayN, que é uma biblioteca que usa o GWT exatamente para isso.


Se você for compilar para JavaScript a partir de uma linguagem diferente, existem várias opções - você não precisa usar Java! Por exemplo, estamos usando js_of_ocaml no trabalho corretamente, para que possamos escrever nosso código no OCaml e executá-lo no navegador.
Tikhon Jelvis

0

Eu desenvolvo muito o JavaScript. Muitos destes são mencionados, mas aqui está o que eu uso:

  • Notepad ++
  • Firebug
  • Depurador do IE (F12) e depurador do Chrome (F12 no Windows)
  • Eu uso o Stack Overflow principalmente para perguntas. Vir aqui também se mostrou útil.
  • O primeiro livro que usei foi o JavaScript: The Definitive Guide, quando. Atualmente, não uso livros tanto quanto sites como documentos MDN ou MSDN.
  • Usamos jQuery em locais onde também facilita nossa vida.
  • Para testes de unidade, construímos nossos próprios chicotes de teste.

0

Posso recomendar o boletim semanal do JavasScript . Está

Um resumo gratuito por e-mail, uma vez por semana, de notícias e artigos sobre JavaScript.

Não li os livros de John Resig, mas ouvi e li bons comentários. Seu novo livro Secrets of the JavaScript Ninja será publicado em breve.


Alguém pode explicar o voto negativo?
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.