Onde posso aprender jQuery? Vale a pena?


126

Eu tive muitas experiências boas aprendendo sobre desenvolvimento web em w3schools.com . É um sucesso ou um acerto, eu sei, mas as seções PHP e CSS especificamente se mostraram muito úteis para referência.

Enfim, eu queria saber se havia um site semelhante para jQuery . Estou interessado em aprender, mas preciso que ele seja on-line / pesquisável, para que eu possa consultá-lo facilmente quando precisar das informações no futuro.

Além disso, como um breve resumo, vale a pena aprender o jQuery? Ou devo olhar para diferentes bibliotecas JavaScript? Eu sei que Jeff usa jQuery no Stack Overflow e parece estar funcionando bem.

Obrigado!

Edit : O site do jQuery tem uma lista bastante grande de tutoriais e uma página de documentação aparentemente abrangente . Ainda não tive tempo de passar por tudo isso, mais alguém já teve experiência com isso?

Edit 2 : Parece que o Google agora está hospedando as bibliotecas jQuery. Isso deve dar ao jQuery uma grande vantagem em termos de publicidade.

Além disso, se todos usarem uma única biblioteca unificada do aQuery hospedada no mesmo local, ela deverá ser armazenada em cache para a maioria dos usuários da Internet desde o início e, portanto, não afetará a área de download do site, caso você decida usá-la.

2 meses depois...

Edit 3 : Comecei a usar o jQuery em um projeto no trabalho recentemente e é ótimo trabalhar com ele! Só queria que todos saibam que cheguei à conclusão de que é absolutamente vale a pena aprender e usar jQuery.

Além disso, aprendi quase inteiramente com a documentação e os tutoriais oficiais do jQuery . É muito simples.

10 meses depois ...

O jQuery faz parte de quase todos os aplicativos da Web que criei desde que escrevi este post. Facilita o aprimoramento progressivo e ajuda a tornar o código sustentável.

Além disso, todos os plug-ins do jQuery são um recurso inestimável!

3 anos depois...

Ainda usando o jQuery quase todos os dias. Agora, crio plug-ins jQuery e faço consultas em tempo integral. Eu sou principalmente um Djangonaut, mas já fiz vários contratos apenas de javascript com o jQuery. É um salva-vidas.

De um usuário do jQuery para outro ... Você deve considerar o modelo com o jQuery (ou sublinhado - veja abaixo).

Outras coisas que achei valiosas além do jQuery (com parte estimada dos projetos em que o uso):


1
O Google está hospedando todas as grandes bibliotecas JavaScript, então não vejo isso como uma grande vitória para o jQuery em particular. O interessante é que ele é veiculado nos pipes do Google e pode já estar armazenado em cache localmente no sistema do usuário.
Nosredna

4
cara incrível, ótimo ver que você gastou um tempo para atualizar sua experiência com o jquery. eu estou indo definitivamente para tomar o tempo para aprender agora também :)
melaos

Respostas:


44

Os blogs de Rick Strahl e Matt Berseth me levaram ao jQuery e, cara, estou feliz que eles tenham. O jQuery muda completamente a) a perspectiva de programação do cliente, b) a tristeza que isso causa a você, ec) o quão divertido pode ser!

http://www.west-wind.com/weblog/

http://mattberseth.com/

Usei o livro jQuery in Action http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&s=books&qid=1219716122&sr=1-1 (comprei usado em Amazon por cerca de US $ 22). Foi uma grande ajuda para me iniciar no jQuery. A documentação em jquery.com também é muito útil.

Um local em que o jQuery cai um pouco é com seus componentes de interface do usuário. Ainda não parecem estar prontos para o horário nobre.

Pode ser que Prototype ou MooTools ou ExtJS são tão bons como jQuery. Mas para mim, o jQuery parece ter um pouco mais de força no momento e isso é importante para mim.

Verifique o jQuery. É muito legal!


10

Um ótimo recurso para aprender jQuery é: Aprender jQuery . O autor, Karl Swedberg, também co-escreveu o livro intitulado ... ready? Sim, aprendendo jQuery . Remy Sharp também tem ótimas informações voltadas para os aspectos visuais do jQuery em seu blog .

--SEAN O


6

Eu usei o Prototype por cerca de seis meses antes de decidir aprender jQuery. Para mim, era como uma diferença de noite e dia. Por exemplo, no Prototype, você fará um loop sobre um conjunto de elementos, verificando se existe algum e, em seguida, configurando algo nele. No jQuery, basta dizer $ ('div.class'). Find ('[name = thing]') ou qualquer outra coisa e configurá-lo.

É muito mais fácil de usar e se sente muito mais poderoso. O suporte ao plugin também é ótimo. Para quase qualquer padrão js comum, há um plugin que faz o que você deseja. Com o protótipo, você pesquisará blogs com o snippet de código necessário.


5

Vale muito a pena. O jQuery realmente torna o JavaScript divertido novamente. É como se todas as práticas recomendadas de JavaScript fossem agrupadas em uma única biblioteca.

Eu aprendi isso com o jQuery in Action (Manning), que eu fiz durante um fim de semana. Está um pouco atrás do estado atual, principalmente em relação aos plug-ins, mas é uma ótima introdução.


chicoteado através dele? então você é um mestre agora?
User72603 21/03/2009

Dificilmente, mas foi um prazer ler que eu não conseguia largar.
yukondude 21/03/09

4

Existem inúmeras bibliotecas JavaScript que valem pelo menos uma revisão superficial para verificar se elas se adequam à sua necessidade específica. Primeiro, crie uma pequena lista de critérios para orientar seu processo de seleção e avaliação.

Em seguida, confira uma comparação / avaliações de estrutura de alto nível em algum lugar como a Wikipedia , selecione algumas que atendam aos seus critérios e lhe interessam. Teste-os para ver como eles funcionam para você. A maioria dessas bibliotecas, se não todas, possui sites com documentação de referência e suporte ao tipo de grupo de usuários.

Para colocar alguns nomes por aí, Prototype , script.aculo.us , Jquery , Dojo , YUI ... todos parecem ter usuários e contribuidores ativos, por isso provavelmente vale a pena ler para ver se atendem às suas necessidades.

Jquery é bom, mas com um pouco de esforço extra, talvez você descubra que algo mais funciona melhor para você.

Boa sorte.


Mootools também deve estar na lista.
21009 Joshua Partogi

3

Descobri que essas séries de tutoriais (série de vídeos “jQuery para iniciantes absolutos”) da Jeffery Way são MUITO ÚTEIS.

Ele tem como alvo os desenvolvedores que são novos no jQuery. Ele mostra como criar muitas coisas interessantes com o jQuery, como animação, Criando e removendo elementos e muito mais.

Eu aprendi muito com isso. Ele mostra como é fácil usar o jQuery. Agora eu adoro e posso ler e entender qualquer script jQuery, mesmo que seja complexo.

Aqui está um exemplo que eu gosto de " Redimensionar texto "

1- jQuery :

<script language="javascript" type="text/javascript">
    $(function() {
        $('a').click(function() {
            var originalSize = $('p').css('font-size'); // Get the font size.
            var number = parseFloat(originalSize, 10);  // That method will chop off any integer 
                                                        // from the specifid varibale "originalSize".
            var unitOfMassure = originalSize.slice(-2); // Store the unit of massure, Pixle or Inch.

            $('p').css('font-size', number / 1.2 + unitOfMassure);
            if (this.id == 'larger') {
              $('p').css('font-size', number * 1.2 + unitOfMassure);
            } // Figure out which element is triggered.
         });
     });
</script>

2- Estilo CSS :

<style type="text/css" >
  body{ 
      margin-left:300px;text-align:center; 
      width:700px; 
      background-color:#666666;}
  .box {
      width:500px; 
      text-align:justify; 
      padding:5px; 
      font-family:verdana; 
      font-size:11px; 
      color:#0033FF; 
      background-color:#FFFFCC;}
</style>

2- HTML :

<div class="box">
    <a href="#" id="larger">Larger</a> |
    <a href="#" id="Smaller">Smaller</a>
    <p>
    In todays video tutorial, Ill show you how to resize text every 
    time an associated anchor tag is clicked. Well be examining 
    the slice”, parseFloat”, and CSS Javascript/jQuery methods.
    </p>
</div>

Eu recomendo estes tutoriais:

http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/


3

Existem vários recursos para aprender jQuery (que vale completamente a pena, IMHO). Comece aqui http://docs.jquery.com/Main_Page para ler a documentação do jQuery. Este é um ótimo site para visualizar visualmente o que ele tem a oferecer: http://visualjquery.com/1.1.2.html . As publicações Manning também têm um ótimo livro, altamente recomendado, chamado jQuery in Action . No que diz respeito às bibliotecas JavaScript, esta e o Prototype são provavelmente as mais populares se você quiser comparar o jQuery com outra coisa.


2

Comecei a aprender examinando as extensões do jQuery para ver como outros desenvolvedores trabalham com a linguagem do jQuery. Isso não só me ajudou a aprender a sintaxe do jQuery, mas também me ensinou a desenvolver minhas próprias extensões.


2

jQuery vale a pena aprender !!! Eu recomendo a leitura "Aprendendo jQuery" e "jQuery em ação". Ambos os livros são ótimos com exaltação e exemplos. O próximo passo é realmente usá-lo para fazer alguma coisa. Você achará a documentação oficial http://docs.jquery.com muito útil. Eu o uso como referência, pesquise no Google o tempo todo :)

Também o blog " Learning jQuery " mencionado por Sean também é muito útil. O jQuery HowTo também possui uma grande coleção de trechos de código do jQuery.


2

Eu não vi o JQ-Fundamentals - de Rebecca Murphey mencionado em qualquer lugar aqui.


É um livro muito bom. Ele também explica os fundamentos do JavaScript necessários para entender o básico do JQuery.


1

O Jquery.com é bem organizado e tem muitos ótimos exemplos. Você não precisa comprar um livro. Achei fácil a coleta on-line apenas consultando a documentação do site. Se você é alguém que aprende melhor fazendo, sugiro essa abordagem.

E sim, vale a pena aprender. Isso poupará muito tempo e você estará realmente ansioso para fazer o trabalho com JavaScript!


0

Eu uso o protótipo , que eu gosto. Receio não conhecer o jQuery, por isso não posso compará-los, mas acho que vale a pena conferir o Prototype. Seus documentos de API geralmente são muito bons, na minha experiência (o que certamente ajuda na capacidade de aprendizado).


Ele também perguntou sobre outras bibliotecas JS.
Lucas Wilson-Richter

0

Ei, sou tendencioso por agora trabalhar com esses caras, mas a Carsonified oferece ótimos recursos para as pessoas aprenderem e melhorarem o conjunto de habilidades do jQuery. Na próxima segunda-feira, há uma conferência on-line sobre jQuery, com o próprio John Resig - http://carsonified.com/online-conferences/jquery/

Além disso, agora eles oferecem tutoriais em vídeo através do esquema de associação no blog Think Vitamin,

Eu sei que há muitos recursos gratuitos por aí, acho que a diferença aqui é a qualidade do conteúdo que você recebe. espero que seja útil!


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.