Aprender jQuery: Curso Code
Aprender jQuery: Curso Code — Aprenda jQuery no celular: escreva uma cadeia e veja uma página real reagir
Aprender jQuery: Curso Code é um app gratuito para começar, disponível para iOS e Android, que ensina a biblioteca JavaScript jQuery — manipulação do DOM, eventos, efeitos e AJAX — para iniciantes, estudantes e desenvolvedores que mantêm sites com jQuery. Cada lição vem acompanhada de um editor interativo e uma prévia da página, e o jQuery 3.7.1 já está integrado, então o que você escreve é executado no celular, mesmo offline. Um Mentor de IA responde a perguntas sobre um seletor, um erro ou uma chamada AJAX.
- Preço
- Grátis, upgrade para Pro
- Plataformas
- iOS e Android
- Idiomas
- 22
- Classificação etária
- 4+
- Requisitos
- iOS 15.1 ou posterior
Se você conhece um seletor CSS, já conhece a maior parte do jQuery.
O jQuery empresta seus seletores do CSS e permite encadear ações ao resultado. Isso faz dele uma introdução tranquila ao DOM, aos eventos e ao código assíncrono, além de uma habilidade prática para os muitos sites existentes que ainda dependem dele.
O que é
Aprender jQuery: Curso Code é um app de cursos para iOS e Android sobre a biblioteca JavaScript jQuery. Ele tem 22 cursos com 48 lições, do nível A1 ao C1, um editor JavaScript interativo com prévia da página que roda no dispositivo com o jQuery 3.7.1 integrado, 20 missões de depuração, 20 projetos guiados de HTML e CSS, 50 perguntas de entrevista, 50 perguntas de quiz e uma folha de consulta com 91 entradas. Um Mentor de IA explica seletores, erros e chamadas AJAX em linguagem simples.
Dentro do app
Como ele é
O curso
O que o curso de jQuery aborda
Com base na lista de cursos de jQuery da CoddyKit, desde a primeira chamada de $ até plugins, testes e o trabalho em conjunto com JavaScript moderno.
Boas-vindas ao jQuery e primeiros passos
O que é jQuery, qual problema real ele resolveu e por que tantos sites ainda o usam, seguido da primeira cadeia e dos fundamentos para iniciantes.
Seleção de elementos e travessia do DOM
Seleção de elementos, seguida de seletores avançados de atributos e pseudo-classes e da navegação pelo DOM de um elemento ao próximo.
Manipulação e estilização do DOM
Criação, inserção, movimentação e remoção de elementos em dois cursos, além da alteração de CSS e classes pelo código.
Eventos e delegação
Gerenciamento de eventos, seguido da delegação de eventos para elementos adicionados posteriormente e do gerenciamento de eventos personalizados.
Animações e efeitos
Animações básicas, seguidas de animações complexas e efeitos personalizados, como sequências encadeadas e easing personalizado.
Formulários, dados e templates
Conteúdo dinâmico com atributos de dados e templates, além de manipulação e validação avançadas de formulários.
AJAX, objetos Deferred e promises
Operações AJAX e manipulação de dados remotos, seguidas de objetos Deferred e promises para gerenciar código assíncrono.
Plugins, desempenho e testes
Seletores e filtragem personalizados, desenvolvimento de plugins robustos, desempenho e boas práticas, integração do jQuery com JavaScript moderno e testes de aplicações jQuery.
Como funciona
Como funciona uma lição
Cada lição coloca uma explicação curta ao lado de um código que você executa por conta própria, para que a ideia seja testada antes de você avançar.
Leia uma lição curta
Abra um tópico e leia uma breve explicação sobre um seletor, um evento ou um efeito. As lições são curtas o bastante para uma viagem de ônibus, e o curso vai da primeira cadeia até plugins e testes.
Escreva a cadeia e veja a página reagir
No editor interativo, você escreve HTML, CSS e jQuery e executa tudo de uma vez. O editor executa seu código novamente quando você para de digitar, sem servidor e sem etapa de build, e a prévia da página mostra o resultado.
Corrija um bug e depois pergunte ao mentor
As missões apresentam um código com problemas e pedem que você encontre a falha: um manipulador de clique em que this é window, um menu que continua deslizando ou um salvamento que é acionado duas vezes. Quando um conceito ou erro não faz sentido, o Mentor de IA o explica novamente com palavras mais simples.
O que está incluído
O que vem com o app
22
Cursos, de A1 a C1
22 cursos com 48 lições que começam pela função $ e sua primeira cadeia e avançam por seletores, manipulação do DOM, eventos, animações, formulários, AJAX, plugins e desempenho.
3.7.1
jQuery integrado
A prévia da página roda no dispositivo com o jQuery 3.7.1 incluído, então o editor também funciona offline.
20
Missões de depuração
Bugs realistas para corrigir, como uma cadeia que termina em uma string ou um botão de exclusão que funciona apenas nas primeiras linhas.
20
Projetos guiados de páginas
Vinte projetos de HTML e CSS que constroem a marcação sobre a qual seus seletores vão trabalhar depois.
91
Folha de consulta e quizzes
Uma folha de consulta com 91 entradas sobre seletores, eventos, efeitos e métodos AJAX, além de 50 perguntas de quiz e 50 perguntas de entrevista.
IA
Mentor de IA
Pergunte sobre um seletor, um erro ou uma chamada AJAX e receba uma resposta em linguagem simples. O plano gratuito inclui 3 perguntas por dia.
Contexto
Ainda vale a pena aprender jQuery e para que ele é usado?
jQuery é uma biblioteca JavaScript que torna mais curto selecionar elementos em uma página da web, alterá-los, reagir a cliques e carregar dados sem recarregar a página. Frameworks mais recentes assumiram muitos projetos novos, mas uma grande parte dos sites existentes ainda usa jQuery. Por isso, ler, corrigir e ampliar esse código continua sendo uma habilidade prática de desenvolvimento web. Também é uma forma tranquila de conhecer o DOM, os eventos e o JavaScript assíncrono antes de passar para ferramentas maiores.
A função $ e o encadeamentouma linha, várias ações
Chamar $ com um seletor retorna um objeto jQuery, e quase todo método retorna esse objeto novamente. É isso que permite uma cadeia como selecionar uma lista, adicionar uma classe e exibi-la gradualmente em uma única linha legível, em vez de quatro instruções separadas.
SeletoresConhecimento de CSS é aproveitado
Seletores de classe, id, atributo e pseudoclasse funcionam praticamente como em uma folha de estilos. Os métodos de travessia então percorrem um elemento até seus pais, filhos ou irmãos, permitindo alcançar a linha certa quando uma página tem centenas de linhas semelhantes.
Delegação de eventosa solução para elementos adicionados depois
Um manipulador associado a um botão só existe para os botões presentes quando o código foi executado. Associá-lo a um elemento pai e filtrá-lo por seletor faz com que funcione para as linhas adicionadas depois — uma causa clássica de um botão de exclusão que funciona apenas nas linhas antigas.
A que this se refereum bug comum
Dentro de um manipulador jQuery, this é o elemento que recebeu o evento, mas uma arrow function ou um callback colocado no lugar errado pode alterar esse comportamento. Depurar um manipulador em que this passou a ser window é um primeiro bug real bastante comum.
AJAX e promisesdados sem recarregar
$.ajax() envia uma solicitação e permite atualizar a página quando a resposta chega. Objetos Deferred e promises organizam várias dessas solicitações, fazendo com que uma etapa espere pela outra em vez de aninhar callbacks.
Para quem é
Para quem é — e para quem não é
É uma boa opção se você
- Você sabe um pouco de HTML e CSS e quer fazer as páginas reagirem a cliques e formulários
- Você mantém um site desenvolvido com jQuery e precisa ler e corrigir o código
- Você está se preparando para uma entrevista de front end em que o jQuery legado ainda aparece
- Você quer escrever código no celular e ver uma prévia da página imediatamente
- Você aprende melhor em sessões curtas e gosta de ter um mentor a quem possa fazer perguntas
Não é a ferramenta certa se você
- Você quer aprender um framework moderno, como React; este app ensina jQuery e o DOM
- Você precisa que todos os cursos sejam gratuitos: o primeiro curso, o primeiro projeto e duas missões são gratuitos, e o Pro desbloqueia o restante
- Você espera uma versão gratuita sem anúncios, já que o Pro os remove
Dúvidas
Perguntas frequentes
Qual é a melhor maneira de aprender jQuery no celular?
A maneira mais eficaz é escrever código e ver a página mudar, em vez de apenas ler sobre seletores. Aprender jQuery: Curso Code oferece a cada aula curta um editor ao vivo com prévia da página, traz o jQuery 3.7.1 integrado para que ele funcione no dispositivo, e conta com um AI Mentor para explicar qualquer ponto que não esteja claro. Você pode começar gratuitamente no iOS e no Android.
jQuery é a mesma coisa que JavaScript?
Não. JavaScript é a linguagem de programação; jQuery é uma biblioteca escrita em JavaScript que simplifica tarefas comuns, como selecionar elementos, reagir a cliques e enviar solicitações AJAX. Aprender jQuery: Curso Code ensina jQuery dentro de um editor JavaScript, para que você pratique os dois juntos e veja como uma cadeia corresponde ao código DOM puro.
Ainda vale a pena aprender jQuery?
Para projetos novos, muitas equipes escolhem outras ferramentas, mas uma grande parte dos sites existentes ainda usa jQuery, então saber ler e corrigir esse código é uma habilidade prática. Também é uma maneira fácil de começar a aprender DOM, eventos e JavaScript assíncrono. Aprender jQuery: Curso Code inclui perguntas de entrevista para vagas de front end em que o jQuery legado ainda aparece.
Aprender jQuery: Curso Code está disponível no iPhone e no Android?
Sim. Aprender jQuery: Curso Code está disponível na App Store para iPhone (iOS 15.1 ou posterior) e no Google Play para Android. A interface está disponível em 22 idiomas, incluindo inglês, espanhol, alemão, francês, português, japonês, coreano, árabe, hindi e turco, enquanto o código que você escreve continua sendo jQuery e JavaScript em qualquer idioma.
Posso executar código jQuery offline no app?
Sim, no editor. O jQuery 3.7.1 vem integrado ao Aprender jQuery: Curso Code, então a prévia da página funciona no dispositivo, mesmo offline. Os recursos que dependem do AI Mentor precisam de conexão com a internet.
Quais tópicos o curso de jQuery aborda?
Os 22 cursos vão desde a função $ e os seletores até a manipulação do DOM, estilização, eventos e delegação, animações, formulários, AJAX, objetos Deferred e promises. Depois, continuam com seletores personalizados, criação de plugins, desempenho, integração do jQuery com JavaScript moderno e testes.
O que são as missões de depuração?
São 20 exercícios que apresentam um código jQuery com problemas e pedem que você encontre o bug, como acontece no trabalho. Os exemplos incluem um manipulador de cliques em que this é o window, uma cadeia que termina em uma string, um botão de exclusão que só funciona em linhas antigas, um menu que continua deslizando depois que você sai e um salvamento que é disparado duas vezes.
Preciso conhecer JavaScript ou HTML antes?
Saber um pouco de HTML e CSS ajuda, porque os seletores jQuery funcionam sobre a marcação e usam conceitos do CSS. Aprender jQuery: Curso Code também tem 20 projetos guiados de páginas em HTML e CSS, para que você possa criar a marcação que seus seletores usarão. O curso começa com a primeira cadeia.
Aprender jQuery: Curso Code é gratuito?
Você pode começar gratuitamente: o primeiro curso, o primeiro projeto guiado, duas missões, o editor, quizzes, perguntas de entrevista, a folha de consulta e 3 perguntas por dia ao AI Mentor. A versão gratuita exibe anúncios. O Pro desbloqueia todos os cursos, projetos e missões, a prova de certificação e o AI Mentor ilimitado, além de remover os anúncios. Ele está disponível em uma assinatura semanal, mensal ou anual, ou em uma compra única vitalícia. Uma prova de certificação ao final do curso faz parte do Pro.
O app tem alguma afiliação com jQuery?
Não. jQuery é uma marca comercial da OpenJS Foundation, e Aprender jQuery: Curso Code é um app independente para aprender que não tem afiliação com a OpenJS Foundation nem é endossado por ela.
Comece agora
Escreva sua primeira cadeia jQuery hoje
Comece gratuitamente no iOS e no Android, em 22 idiomas.
Mais da CoddyKit
Disponível em iOS e Android.