
Seja muito bem-vindo ao Curso Completo de jQuery da Hcode! Nessa aula iremos ter uma visão geral do treinamento e entender se ainda vale a pena aprender o jQuery.
Nessa aula iremos falar sobre a história do jQuery. Iremos aprender como o jQuery começou e como se tornou a biblioteca JavaScript mais usada na Web.
Um ponto muito importante em qualquer biblioteca ou framework que escolhemos para trabalhar é a questão da compatibilidade. Nessa aula iremos aprender sobre a compatibilidade do jQuery com os navegadores atuais e entender em quais dispositivos ele funcionará corretamente.
Nessa aula iremos aprender a realizar o download do jQuery usando uma CDN. Iremos entender o que esse acrônimo significa e como pode usá-lo para adicionar o jQuery a algum projeto.
Nessa aula iremos aprender a realizar o download do arquivo de texto do jQuery e também iremos adicioná-lo ao nosso código.
Nessa aula iremos aprender a realizar o download do jQuery utilizando o npm. Vamos entender como esse Gerenciador de Pacotes pode nos ajudar em nossos projetos.
Após conhecer o npm, nessa aula iremos falar sobre o Yarn. Vamos aprender a realizar o download do jQuery utilizando esse outro Gerenciador de Pacotes.
Nestes primeiros passos para aprender jQuery, é muito importante entendermos como ele trabalha e funciona, além de ver na prática como implementar o código.
Nesta aula você aprenderá na prática a diferença entre iniciar um documento utilizando o JavaScript antigo e usando o jQuery.
Por fim, na seção de primeiros passos, você aprenderá algo muito importante! Como evitar que o jQuery entre em conflito com outras bibliotecas JavaScript? Descubra nesta aula!
Dando início a seção sobre Seletores no jQuery, você aprenderá a selecionar elementos de uma maneira muito simples. Mas primeiro, vamos instalar o Live Server no Visual Studio Code para facilitar algumas coisas.
Quais são os primeiros tipos de seltores que o jQuery possui? Essa aula responderá essa questão!
Continuando a aprender sobre seletores, vamos aprender sobre o DOM. Você sabe o que é o DOM? Então não perca essa aula!
Nesta aula, vamos aplicar o que aprendemos na última sobre o DOM, utilizando o jQuery para selecionar os elementos, baseado na hierarquia deles.
Vamos continuar aprendendo sobre os seletores do jQuery, mas agora, voltados para os atributos das tags.
Vamos subir de nível e aprender seletores mais avançados usando filtros do jQuery! Mas o que são filtros? Venha descobrir nessa aula!
Vamos continuar aprendendo sobre filtros. Mas nessa aula vamos dar atenção aos filtros do CSS3!
O que são filtros de conteúdo? Não perca essa aula e vamos aprender!
Que tal selecionar elementos considerando se eles estão visíveis ou não? Vamos aprender sobre isso nesta aula sobre filtros de visibilidade!
Que tal melhorar o código que nós já fizemos? Vamos aproveitar essa aula para treinar mais sobre filtros de visibilidade!
Será que os filtros de formulários são importantes e podem nos ajudar? Nesta e na próxima aula vamos aprender do que esses filtros são capazes!
Nesta aula vamos continuar aprendendo sobre os filtros de formulários e suas funções!
Já que aprendemos sobre os filtros do jQuery e suas praticidades, que tal criar nossos próprios filtros? Ficou curioso? Não perca essa aula e aproveite!
Nessa aula vamos ver um pouco sobre o assunto mais conhecido do que o jQuery faz – a manipulação do DOM. Acompanhe as próximas aulas e vamos ver mais sobre isso!
Quer saber como manipular as classes do CSS usando jQuery? Então não perca esta aula!
Dentre as inúmeras possibilidades de usar o jQuery, uma delas é manipular os atributos das tags utilizando o jQuery, vamos ver mais sobre isso nesta aula.
Outra das possibilidades de trabalhar com o jQuery é manipular as propriedades dos elementos utilizando o jQuery. Que aprender mais sobre isso? Então não perca essa aula, vamos ver o que são essas propriedades e como manipulá-las!
Agora vamos aprender a manipular os valores dos elementos! Isso pode ser muito útil, principalmente quando formos trabalhar com campos de formulários. Quer saber mais? Aperte o play e não perca essa aula!
Sabia que é possível armazenar dados dentro dos elementos? O que isso realmente significa? Aperte o play e não perca essa aula!
Nesta aula que você não pode perder, vamos aprender a mudar a dimensão dos elementos. É isso mesmo! Não perca, aperte o play e não perca essa aula!
Já que aprendemos a manipular as posições dos elementos, que tal aprender a manipular as posições deles? Não perca essa aula!
Vamos aprender a adicionar elementos HTML na nossa página utilizando apenas o jQuery? Você não pode perder essa aula!
Nesta aula vamos continuar aprendendo a adicionar elementos HTML em nossa página apenas com o jQuery. Aperte o play e não perca essa aula!
Agora que já sabemos adicionar elementos HTML em nossa página, vamos aprender a removê-los. Sabia que o jQuery nos permite fazer isso de 4 modos? Aperte o play e descubra quais são eles!
Já aprendemos a adicionar e remover elementos HTML em nossa página, mas que tal clonar eles? Vamos descobrir como fazer isso utilizando o jQuery nesta aula!
Por fim, vamos aprender a alterar o conteúdo dos elementos utilizando o jQuery. Não perca esta aula!
Sabe o que são eventos? Sabia que eles ajudam o usuário a ter uma melhor experiência? Vamos descobrir nessa seção como criar eventos poderosos!
Para começar a falar dos eventos, vamos falar sobre os eventos de mouse. Aperte o play e vamos aprender sobre isso nesta aula!
Nesta aula vamos continuar aprendendo sobre os eventos de mouse do jQuery!
Que tal aprender sobre todos os eventos de teclado que o jQuery oferece? Vamos aprender sobre isso nesta aula!
Vamos aprender agora, sobre os eventos de uma das partes do nosso site que mais vai ser utilizada pelo usuário, os formulários! Aperte o play e vamos aprender juntos sobre isso.
Nesta aula vamos continuar aprendendo sobre os eventos de formulário do jQuery!
Em nossa última aula tivemos um problema com os eventos de formulário. Vamos aprender a solucionar esse problema? Aperte o play e aprenda agora mesmo!
Você conhece o event object ou objeto do evento? Vamos aprender mais a fundo sobre essa função do jQuery!
Nesta aula vamos continuar a aprender sobre o objeto do evento!
Vamos aprender sobre os principais eventos do browser que o jQuery nos oferece? Aperte o play e confira nesta aula!
Na última aula foi proposto um desafio para você! E aí, conseguiu? Vamos aprender agora como resolver esse desafio!
Você conhece o método on? Vamos conhecer juntos essa função incrível que o jQuery nos oferece e descobrir os benefícios que ele nos traz!
Uma questão muito importante sobre os eventos, é a delegação desses eventos. Já ouviu falar sobre isso? Vamos ver isso nesta aula!
Outro conceito muito importante dos eventos, é a propagação dos eventos. Isso é algo que está relacionado à delegação de eventos, vamos aprender sobre isso nesta aula!
Agora que aprendemos sobre a propagação de eventos, que tal aprendermos a parar essa propagação de eventos? Vamos ver isso nesta aula!
Como podemos retirar um evento de um elemento? Vamos aprender sobre isso agora mesmo!
Dentre várias funções, é possível fazer com que o evento seja executado somente uma vez. Vamos aprender sobre isso? Aperte o play e não perca esta aula!
Você sabia que podemos disparar um evento manualmente? Aprenda a fazer isso nesta aula!
Que tal poder personalizar seus próprios eventos? Essa aula, sem dúvida você não pode perder!
É muito importante manter a organização dos eventos, e podemos fazer isso com namespaces. Aperte o play e aprenda como fazer isso!
Nesta seção vamos aprender bastante sobre animações ou efeitos. Nessa aula vamos aprender o que é uma animação. Aperte o play e não perca essa aula!
Vamos começar com as animações básicas do jQuery. Descubra nesta aula quais são elas e como você pode usá-las.
Você sabe o que é uma animação de ”Fading”? Para descobrir, aperte o play e não perca essa aula!
Você sabe o que é uma animação de ”Sliding”? Aperte o play e descubra nessa aula!
Já sabemos como colocar animações no jQuery, mas e se quisermos desabilitá-las? Vamos descobrir como fazer isso nesta aula!
Sabia que podemos criar animações personalizadas? As animações podem ficar do jeito que nós queremos! Para descobrir como, não perca essa aula!
Dentre tantas possibilidades, podemos criar animações em sequência, ou animações em fila. Aperte o play e vamos descobrir como fazer isso!
Uma coisa muito importante para aprendermos é como para as animações do jQuery. Quer aprender a fazer isso? Não perca essa aula!
Nesta seção vamos criar um projeto para gerenciar livros de maneira dinâmica utilizando AJAX e jQuery. E aí, gostou? Vamos começar configurando o projeto!
Após configurar nosso projeto, vamos criar o servidor usando Express, além de conhecer uma ferramenta muito prática para nos ajudar. Aperte o play e vamos lá!
Nessa parte do nosso projeto vamos cadastrar nossos livros. Vamos aprender a fazer isso juntos nessa aula!
Agora vamos aprender a listar nossos livros no servidor. Sem mais, vamos pro código!
Por fim, vamos aprender a excluir os livros e seus dados no nosso servidor. Vamos aprender isso nessa aula!
Veja nesta aula onde você pode baixar o código final do projeto desenvolvido nesta seção.
Preparados para a seção mais legal do curso? Não perca essa aula que você vai se surpreender!
Sabe como renderizar os dados recebidos pelo AJAX? Que tal descobrir isso nesta aula? Aperte o play e vamos em frente!
Nesta aula vamos aprender para quê serve o ‘$.post’ e o que podemos fazer com ele. Ficou curioso? Vamos pra aula!
Por fim, nesta aula, vamos aprender quando o ‘$.get’ pode ser utilizado e no quê ele nos ajuda!
Nesta nova seção vamos descobrir o que são plugins! O que é um plugin? Vamos descobrir isso nesta aula.
Já nesta aula vamos aprender a criar um plugin básico. Bora pro código!
Nesta aula vamos aprender algo muito importante – Como evitar conflito do jQuery com outras bibliotecas ao trabalhar com plugins. Vamos lá?
Por fim, vamos aprender a definir opções para nossos plugins! Aperte o play e não perca essa aula!
Preparados para um novo projeto? Nesta seção vamos construir um plugin de loading e vamos aprender como fazer isso da forma mais prática!
Após configurar nosso projeto, vamos começar a criar nosso loading. Vamos lá!
Agora sim, vamos de fato criar nosso loader, além disso, vamos aprender a deixa-lo dinâmico. Gostou? Vamos pro código!
Que tal invertermos a função do nosso plugin? Vamos fazer isso juntos, nessa aula!
Agora vamos deixar nosso plugin dinâmico. Mas por que fazer isso? Vamos descobrir agora!
Por fim, vamos testar o plugin que criamos em uma situação real. Vamos lá?
Deseja aprender a usar uma biblioteca essencial para todo desenvolvedor JavaScript? Tem o objetivo de conhecer a tão falada biblioteca jQuery? Ou gostaria de entender melhor o motivo de essa biblioteca ser tão requisitada no Mercado? Você quer exercitar sua lógica de programação e adicionar mais uma habilidade ao seu currículo?
Qualquer que seja sua motivação você veio ao lugar certo.
Este é o Curso Completo de jQuery. Você irá aprender a selecionar e manipular elementos do DOM, aplicar eventos, criar animações, criar e usar plugins e realizar requisições AJAX. Além disso, irá criar um gerenciamento de livros para praticar os conceitos que aprender no curso. Também, como bônus, aprenderá a criar um servidor em Node, que nos proverá os dados para nosso gerenciamento
Não apenas isso, mas também poderá criar um elevador usando o jQuery
Neste curso cobriremos cerca de 11,5 horas de conteúdo os seguintes tópicos:
1) Fundamentos do jQuery 2) Seleção e Manipulação dos Elementos 3) Todos os conceitos de Eventos (incluindo delegação e propagação) 4) Animações 5) AJAX 6) Plugins
Ao final deste curso você entenderá melhor por que o jQuery é tão amado pelos desenvolvedores. Também estará apto a criar aplicações profissionais, tendo um diferencial no Mercado de Trabalho, elevando seu conhecimento em Desenvolvimento Web a um outro nível
Acesso vitalício! Te aguardo no curso!