Você quer se tornar um desenvolvedor web front-end? Você já tem um conhecimento prático de HTML, JavaScript e CSS? Se assim for, então a próxima coisa que você precisa fazer é aprender a biblioteca jQuery.
Espere, eu ouvi alguém perguntando "O que é jQuery?"
Bem, para simplificar, o jQuery é uma biblioteca JavaScript projetada para permitir que você faça mais com menos código . Ele torna as coisas como manipulação de eventos, animações e navegação em documentos HTML mais fáceis do que nunca. Ela foi projetada por pessoas que não estavam a pensar em programadores experientes quando criaram a biblioteca JQuery, o que significa que é relativamente simples de entender e usar. Se você estar a pensar seriamente em se tornar um programador JavaScript de alta qualidade ou desenvolvedor web, então você precisa separar algum tempo para aprender a biblioteca jQuery.
Neste artigo, vou falar sobre as 10 principais dicas que me ajudaram a aprender a biblioteca jQuery. Então, tome nota das dicas a seguir, pratique regularmente, e prepare-se para a forma como a biblioteca jQuery irá mudar a maneira como você vê a programação com JavaScript!
Tabela de Conteúdo
- 1. Dica 1 - Inscreva-se em um curso online decente
- 2. Dica 2 - Tenha uma ótima base de JavaScript
- 3. Dica 3 - Aprenda a usar o Cheatsheet da biblioteca jQuery
- 4. Dica 4 - Certifique-se de entender a diferença entre ID e classe em HTML
- 5. Dica 5 - Saiba como fazer o cache dos seletores
- 6. Dica 6 - Aprenda a diferenciar entre 'atributos' e 'propriedades'
- 7. Dica 7 - Não tenha medo de pedir ajuda
- 8. Dica 8 - Verifique se você está usando a versão mais recente do jQuery
- 9. Dica 9 - Aprenda sobre os Plugins jQuery
- 10. Dica 10 - Conecte-se com outros usuários da biblioteca jQuery
- 11. Conclusão
Dica 1 - Inscreva-se em um curso online decente
Quando você está aprendendo a usar a biblioteca jQuery - ou qualquer outra linguagem ou conceito de programação - então sem dúvida o mais importante é se inscrever em um curso online decente. Sou um grande fã de cursos online por vários motivos. Eles são fáceis de usar e permitem que você trabalhe com as coisas no seu próprio ritmo. Eles também permitem que você retorne e revise conceitos difíceis quantas vezes quiser.
Oferta Mais Recente Ativa Nesse Exato Momento:
GET 50% OFF
DataCamp Black Friday Sale
During this DataCamp Black Friday, you can access the top-rated courses with a 50% discount. Enrol now for way less!
Eu pesquisei apenas alguns tutoriais e cursos diferentes sobre a biblioteca jQuery, mas posso recomendar honestamente o Tutorial interativo do jQuery . No que diz respeito aos cursos sobre a biblioteca jQuery, este curso oferece a melhor e mais abrangente visão sobre a biblioteca jQuery. Ele fornece instruções claras, é relativamente simples de usar e ensinará como criar um site dinâmico perfeito com uma quantidade mínima de trabalho usando a biblioteca jQuery.
Dica 2 - Tenha uma ótima base de JavaScript
Como o jQuery é construído e usa JavaScript, é essencial ter certeza de que você tem um conhecimento relativamente bom da linguagem JavaScript antes mesmo de estudar jQuery. É possível aprender jQuery sem ter um conhecimento prévio de JavaScript, mas será muito mais difícil.
Você deve começar com um curso introdutório se não souber muito sobre JavaScript. Comece com algo parecido com o Tutorial Interativo de JavaScript . Este curso lhe dará uma visão sobre o básico de JavaScript e como ele pode ser usado. Ele permite que você escreva código diretamente no seu navegador, o que é uma ótima prática para usar a biblioteca jQuery. Como alternativa, se você não tiver tempo para trabalhar com o Tutorial interativo de JavaScript, dê uma olhada rápida no tutorial em vídeo de JavaScript . Este curso apresenta as principais ideias de JavaScript em um formato fácil de seguir. É compatível com dispositivos móveis e é perfeito para as suas viagens diárias para o trabalho ou para quando você está à espera de algo.
Certifique-se de sempre ter uma referência em JavaScript à mão para analisar se você se deparar com sintaxe ou convenções com as quais não está familiarizado. Meu guia de referência favorito é a referência JavaScript do Mozilla Developers, mas você pode usar outro se preferir.
As Descobertas Mais Curtidas
Em busca de mais informações sobre assuntos relacionados? Separamos alguns artigos similares para você economizar tempo. Dê uma olhada!
Dica 3 - Aprenda a usar o Cheatsheet da biblioteca jQuery
Se você quer aprender a usar o jQuery corretamente, é importante se familiarizar com uma variedade de outros recursos. O jQuery Cheat Sheet é um ótimo recurso que você pode usar para garantir que você tira o máximo do seu curso. Apesar do que você pode ter sido dito no passado, você não precisa aprender tudo sobre jQuery para poder usá-lo. Em vez disso, eu diria que o mais importante é que você esteja familiarizado com recursos - como o jQuery CheatSheet - que você pode usar como referência quando se deparar com conceitos ou idéias que você não entende.
Na minha opinião, a melhor maneira de aprender jQuery é usar este recurso juntamente com um curso online para ter certeza de que você entendeu tudo no curso. Você não precisa ser capaz de se lembrar de tudo que é ensinado, mas precisa aprender o suficiente para poder entender alguma coisa quando procurar.
Dica 4 - Certifique-se de entender a diferença entre ID e classe em HTML
Como a biblioteca jQuery pode ser usada para modificar seu código-fonte HTML diretamente, é importante que você entenda um pouco sobre HTML e como você interage com ele. Existem dois atributos principais do HTML que você pode alterar com atributos jQuery - ID e atributos de classe. Essas são coisas muito diferentes, e elas devem ser tratadas como tal quando você estiver usando a biblioteca jQuery.
Vamos lidar primeiro com os atributos de identificação. Quando você escreve HTML, você pode decidir adicionar um atributo de ID a elementos importantes. Os atributos de ID são exclusivos e só podem ser usados para um elemento por página. A sintaxe do jQuery para endereçar um elemento com um ID particular é $ ('# elementID'). Certifique-se de anotar o prefixo '#' que é usado para selecionar por ID.
Atributos de classe HTML são ligeiramente diferentes. Eles são muito menos seletivos e muito mais amplamente usados do que os atributos de ID. Atributos de classe podem ser atribuídos a qualquer elemento em uma página - incluindo aqueles com um ID. Eles podem ser atribuídos a quantos elementos forem necessários, o que os torna úteis para agrupar elementos semelhantes. A sintaxe do jQuery para endereçar um elemento por classe é ('.elementClass'). Note o '.' um prefixo que é usado para selecionar por classe.
Se suas habilidades em HTML e CSS estiverem um pouco enferrujadas, pode ser uma boa ideia trabalhar nelas um pouco enquanto você estiver aprendendo jQuery. Dê uma olhada no curso interativo de programação para Iniciantes para conhecer os conceitos básicos de HTML, CSS e desenvolvimento Web para iniciantes.
Dica 5 - Saiba como fazer o cache dos seletores
Embora isso não faça muito sentido para você até que você comece a aprender sobre a biblioteca jQuery, é essencial aprender como armazenar seus seletores em cache com eficiência. Armazenar em cache seus seletores significa armazená-los como uma variável à qual você pode voltar várias vezes. Isso significa que o jQuery não precisa procurar informações toda vez que você usar esse seletor para chamar objetos específicos, fazendo com que seus programas sejam executados mais rapidamente.
Quando você estiver escolhendo um nome de variável para seu seletor em cache, certifique-se de usar algum tipo de prefixo para rotular a variável como um objeto jQuery. Como a maioria dos seletores jQuery são prefixados com '$', eu gosto de usar a mesma sintaxe quando estou nomeando variáveis que contêm objetos jQuery. Como tal, uma linha de código que armazena um seletor para uma variável pode ter esta aparência:
“Var $ selectorvariable = $ ('selectedElements');”
Como você pode ver, isso marca sua 'selectorvariable' como um objeto jQuery, tornando seu código mais claro e fácil de seguir.
Se você quiser saber mais sobre os seletores jQuery e como eles são usados, vá para a página de Tutoriais sobre seletores jQuery aqui .
Dica 6 - Aprenda a diferenciar entre 'atributos' e 'propriedades'
De volta ao HTML. Embora você possa não estar conscientemente ciente disso, atributos e propriedades de HTML são duas coisas completamente diferentes. É muito importante que possamos diferenciar os dois porque os métodos jQuery diferem dependendo de qual deles você está tentando manipular.
Os atributos podem ter apenas valores de sequência e esses valores são determinados pelo código-fonte HTML. A sintaxe jQuery para manipular atributos é attr () . Propriedades são diferentes. Eles são definidos pelo modelo DOM e podem ter valores de qualquer tipo. As propriedades podem ser manipuladas usando o método prop () .
Tudo o que só aceita um valor de string pode ser modificado usando o método attr () , enquanto tudo que aceita outros tipos de valores - incluindo números ou Booleans - precisa ser modificado usando o método prop () .
Se você quiser aprender mais sobre esses e outros métodos e como eles são usados, visite a página de Sintaxe jQuery. Nela você pode ver prop (), attr () e uma série de outros métodos em mais detalhes.
Dica 7 - Não tenha medo de pedir ajuda
Se você é uma das muitas pessoas que planejou aprender jQuery, mas desistiu rapidamente porque era "muito difícil", então você precisa tentar novamente. Como uma biblioteca JavaScript, jQuery tem o potencial de ser uma das ferramentas mais importantes em seu kit de ferramentas de programação. Existem milhões de pessoas em todo o mundo que são fluentes em jQuery, o que significa que você poderá encontrar ajuda relação aos conceitos difíceis se procurar.
Meu lugar favorito para obter ajuda com problemas quando estou programando são os fóruns online. Os fóruns são lugares onde as pessoas que estão interessadas em falar sobre problemas de programação e se encontram online para interagir. Postar perguntas sobre a biblioteca jQuery em um fórum relevante quase certamente levará você a coletar informações e respostas às suas perguntas. Dois dos meus fóruns favoritos para resolver problemas sobre jQuery são o fórum oficial do jQuery e o fórum jQuery no Stack Overflow.
Dica 8 - Verifique se você está usando a versão mais recente do jQuery
Como uma biblioteca em constante desenvolvimento que possui uma equipe ativa de desenvolvedores, a biblioteca jQuery está mudando o tempo todo. Se você quiser ter certeza de que está aproveitando ao máximo sua experiência com jQuery, certifique-se de estar aprendendo sobre o mesmo usando uma versão mais recente.
No momento da escrita, a versão mais recente é o jQuery 3.0. Essa versão apresenta uma série de atualizações em relação a versões anteriores, por isso é muito importante ter certeza de que você está usando esta versão atualizada. Se estiver com alguma dúvida, acesse ao Guia de atualização oficial do jQuery 3.0 e veja quais alterações foram feitas.
Dica 9 - Aprenda sobre os Plugins jQuery
Plugins são uma coisa maravilhosa. Se você estiver usando o WordPress, Shopify, jQuery ou algum outro programa que permita criar coisas, os plugins provavelmente se tornarão um de seus melhores amigos. Se você planeja usar o jQuery regularmente, então você precisa descobrir alguns plugins. Os melhores lugares para procurar e aprender sobre plugins jQuery é através da biblioteca jQuery UI e do registro de plugin jQuery, onde você pode encontrar praticamente tudo que você pode imaginar.
Plugins jQuery podem uma série de coisas diferentes. Alguns foram projetados para resolver problemas que podem surgir quando você começa a usar o jQuery em seus sites, enquanto outros são usados para executar funções específicas ou para facilitar tarefas específicas. A melhor coisa a fazer agora é ir até uma das bibliotecas mencionadas acima e pesquisar para descobrir mais.
Dica 10 - Conecte-se com outros usuários da biblioteca jQuery
Agora, uma parte importante de aprender como usar uma linguagem de programação, ferramentas, bibliotecas ou qualquer outra coisa é trabalhar em rede com outros alunos interessados. Você pode se conectar com outras pessoas que estão tentando aprender jQuery através de alguns dos fóruns discutidos acima (o fórum oficial do jQuery e o Stack Overflow), mas eu prefiro conhecer pessoas pessoalmente.
Descobri que a melhor maneira de fazer isso é conectar-se a um grupo de programação local. Eu viajo muito e há duas maneiras que costumo usar para encontrar grupos locais. No Facebook procuro por grupos ou eventos. Encontre algo que pareça interessante - mesmo que não sejam grupos diretos sobre jQuery - e junte-se a eles. Por exemplo, se você encontrar um grupo de desenvolvimento web de front-end ou JavaScript, provavelmente encontrará muitas pessoas que também estão aprendendo jQuery e que estejam interessadas em conhecer ou discutir sua experiência de aprendizado.
Alternativamente, dê uma olhada no Meetup. Eu encontrei grupos aqui com grande sucesso, não importa onde eu esteja no mundo. Embora não existam grupos específicos sobre jQuery no lugar que eu me encontro agora (Perth, Austrália), há um grande grupo de desenvolvedores web front-end que se reúne regularmente. Eu sei que muitas dessas pessoas são fluentes ou estão aprendendo jQuery, e eu tenho feito boas amizades com alguns dos membros do grupo.
Você sabia?
Você já se perguntou quais plataformas de aprendizagem online são as melhores para sua carreira?
As Melhores Descobertas
Confira nossa coleção completa de artigos, guias e tutoriais de Exchanges de Criptomoedas. Mantenha-se sempre informado e tome decisões conscientes!
Conclusão
Então, você aprendeu HTML, aprendeu CSS e aprendeu JavaScript. O que vem a seguir em sua jornada para se tornar um mestre no desenvolvimento web front-end?
Você precisa aprender a biblioteca jQuery, é claro!
jQuery é uma biblioteca JavaScript multiuso que pode ser usada para uma variedade de coisas. A maioria dos melhores desenvolvedores Web front-end do mundo a usa regularmente. Este fato me motivou a montar essa lista das 10 melhores dicas para ajudar você a aprender sobre a biblioteca jQuery e se juntar a alguns dos melhores desenvolvedores do mundo.
A primeira coisa que você precisa fazer é ter certeza de estar familiarizado com HTML, CSS e JavaScript, pois você se deparará com todos eles quando estiver usando jQuery. Escolha um curso online decente e dê um pontapé de saída na sua aprendizagem. Familiarize-se com os guias de referência online, entenda as complexidades do uso da biblioteca jQuery e assegure-se de estar em conectado com pessoas que também estão aprendendo.
Acima de tudo, leve as coisas devagar e certifique-se de tomar notas e fazer mais pesquisas quando se deparar com conceitos difíceis. Divirta-se aprendendo jQuery!
Referências Científicas
Sobre os Especialistas e Analistas do Artigo
