Curso online gratuitoJquery

Duração do curso online: 9 horas e 19 minutos

4.92

EstrelaEstrelaEstrelaEstrelaEstrela

(13)

Aprenda jQuery gratuitamente com o curso online da Universidade XTI. Explore seletores, manipulação DOM, eventos e exemplos práticos de jQuery e jQueryUI. Inicie agora!

Descrição do curso

O curso "jQuery" é uma jornada abrangente e detalhada no universo do jQuery, ideal para aqueles que desejam dominar essa poderosa biblioteca JavaScript. Com uma carga horária total de 9 horas e 19 minutos, o curso foi cuidadosamente estruturado para oferecer uma visão completa sobre o jQuery, o que torna fundamental para qualquer desenvolvedor front-end que deseja tornar suas interfaces web mais interativas e responsivas.

Com uma nota média impressionante de 4.9 estrelas em avaliações, o curso é amplamente reconhecido pela sua qualidade e relevância no campo da programação. Ele pertence à categoria de Informática (TI), estando inserido na subcategoria de Programação Front-End, o que o torna especialmente útil para profissionais e entusiastas que buscam expandir suas habilidades na criação de interfaces de usuário dinâmicas.

A estrutura do curso é meticulosamente organizada, começando com uma introdução que cobre os conceitos básicos e a importância do jQuery no desenvolvimento web moderno. A partir daí, os alunos são guiados passo a passo através de diversos tópicos fundamentais, como instalação, seleção de elementos, e manipulação de atributos e conteúdo.

Um dos grandes diferenciais desse curso é a abordagem prática na manipulação do DOM (Document Object Model). São abordadas técnicas para criação, inserção e remoção de elementos DOM, além da manipulação de CSS para controle de dimensões e posições, e de eventos de mouse e teclado. Essa prática proporciona aos alunos uma capacidade aumentada de personalizar e controlar completamente a aparição e o comportamento dos elementos nas páginas web.

Além disso, o curso se aprofunda em efeitos visuais básicos e avançados, como animações de deslizamento e opacidade, que são essenciais para a melhoria da experiência do usuário. No estágio final do curso, os alunos têm a oportunidade de explorar e aplicar conhecimentos em exemplos práticos, como a implementação de acordes, auto-complete, seletores de data, e funcionalidades de arrastar e soltar, entre outros.

O curso também não deixa de fora a importância dos plugins jQuery, introduzindo o uso de ferramentas como validação de formulários, máscaras de campo, e seleção de cores, que são cruciais para a criação de formulários robustos e intuitivos. Adicionalmente, há seções dedicadas ao uso de AJAX com jQuery, facilitando as requisições de domínio cruzado e as interações assíncronas, o que é vital para a construção de aplicações web modernas e eficientes.

Por fim, o curso aborda testes unitários com QUnit, garantindo que os alunos possam implementar e manter código de alta qualidade e livre de erros. A conclusão do curso faz uma recapitulação dos tópicos abordados, reforçando os aprendizados e preparando os alunos para aplicar todos os conhecimentos adquiridos em projetos do mundo real.

Em resumo, o "jQuery" é um curso completo e bem-estruturado que fornece aos seus participantes todas as ferramentas necessárias para se destacar na área de desenvolvimento front-end, com uma forte ênfase em práticas e exemplos do mundo real que garantem uma aprendizagem prática e eficaz.

Conteúdo do curso

  • Aula em vídeo: Universidade XTI - jQuery - 01 - Introdução à jQuery 20m
  • Exercício: _Qual é a função da biblioteca jQuery?
  • Aula em vídeo: Universidade XTI - jQuery - 02 - Instalação e Hello World jQuery 18m
  • Exercício: Qual é a prática correta ao utilizar JavaScript juntamente com HTML?
  • Aula em vídeo: Universidade XTI - jQuery - 03 - Filosofia e Organização 15m
  • Exercício: _Qual a filosofia de programação ensinada no curso de Jquery da Universidade XTI?
  • Aula em vídeo: Universidade XTI - jQuery - 04 - Seletores Simples 09m
  • Exercício: Quais são os seletores simples mencionados na aula do curso de DJ KL?
  • Aula em vídeo: Universidade XTI - jQuery - 05 - Seletores Hierárquicos 10m
  • Exercício: _Qual é o objetivo dos seletores compostos de hierarquia da biblioteca de carrie?
  • Aula em vídeo: Universidade XTI - jQuery - 06 - Seletores de Ordem 07m
  • Exercício: Qual é a função principal dos seletores de filtro discutidos na aula?
  • Aula em vídeo: Universidade XTI - jQuery - 07 - Seletores de Contéudo 04m
  • Exercício: _Qual é o seletor de conteúdo que busca todos os elementos que tenham um determinado vídeo dentro dele?
  • Aula em vídeo: Universidade XTI - jQuery - 08 - Seletores de Atributos 06m
  • Exercício: Qual é a finalidade dos seletores de atributo na jQuery?
  • Aula em vídeo: Universidade XTI - jQuery - 09 - Seletores de Formulários 09m
  • Exercício: _Qual seletor é utilizado para recuperar qualquer tipo de elemento do tipo input em um formulário utilizando jQuery?
  • Aula em vídeo: Universidade XTI - jQuery - 10 - Manipulação de Atributos 12m
  • Exercício: Qual função é utilizada para alternar a inclusão ou exclusão de uma classe em um elemento HTML?
  • Aula em vídeo: Universidade XTI - jQuery - 11 - Manipulação de Conteúdo 13m
  • Exercício: _Qual função permite recuperar o conteúdo HTML de um elemento e também incluir um novo conteúdo HTML nele?
  • Aula em vídeo: Universidade XTI - jQuery - 12 - Manipulação DOM Criação de Elementos DOM 08m
  • Exercício: Como criar um novo elemento em uma árvore DOM usando JavaScript?
  • Aula em vídeo: Universidade XTI - jQuery - 13 - Manipulação DOM Inserir na Árvore 10m
  • Exercício: _Qual função do jQuery é utilizada para incluir um elemento dentro da árvore DOM e na última posição?
  • Aula em vídeo: Universidade XTI - jQuery - 14 - Manipulação DOM Remoção da Árvore 05m
  • Exercício: Qual função é utilizada para remover um elemento específico na árvore DOM com jQuery?
  • Aula em vídeo: Universidade XTI - jQuery - 15 - Manipulação CSS Dimensões e Posição 13m
  • Exercício: _Qual é a função do jQuery apresentada nessa aula que verifica a existência de uma classe em um elemento?
  • Aula em vídeo: Universidade XTI - jQuery - 16 - Eventos de Mouse 09m
  • Exercício: Quais são exemplos de eventos de mouse em jQuery apresentados na aula?
  • Aula em vídeo: Universidade XTI - jQuery - 17 - Eventos de Teclado e de Formulários 13m
  • Exercício: Qual é o objetivo do evento 'keyup' no uso de jQuery em formulários de texto?
  • Aula em vídeo: Universidade XTI - jQuery - 18 - Eventos Avançados 23m
  • Exercício: Qual função da biblioteca discutida permite associar múltiplos eventos a um elemento?
  • Aula em vídeo: Universidade XTI - jQuery - 19 - Efeitos Básicos 08m
  • Exercício: _Qual é a função utilizada para esconder um elemento em jQuery?
  • Aula em vídeo: Universidade XTI - jQuery - 20 - Efeitos Slide Corrediços e Fade Opacidade 08m
  • Exercício: Quais são as funcionalidades dos efeitos fading na biblioteca jQuery?
  • Aula em vídeo: Universidade XTI - jQuery - 21 - Parte II Exemplos 09m
  • Exercício: Qual módulo do curso utiliza componentes prontos da equipe de desenvolvimento?
  • Aula em vídeo: Universidade XTI - jQuery - 22 - Exemplo Core - Zebrar Tabelas 09m
  • Exercício: Como aplicar o efeito zebra em uma tabela usando jQuery?
  • Aula em vídeo: Universidade XTI - jQuery - 23 - Exemplo Core - Destacar Linhas de uma Tabela 03m
  • Exercício: _Como destacar uma linha em uma tabela quando o mouse passar por cima dela?
  • Aula em vídeo: Universidade XTI - jQuery - 24 - Exemplo Core - Destacar Colunas de uma Tabela 14m
  • Exercício: Qual função do jQuery é utilizada para percorrer elementos da tabela em uma determinada estrutura?
  • Aula em vídeo: Universidade XTI - jQuery - 25 - Exemplo Core - ToolTips Destacar Células de uma Tabela 14m
  • Exercício: _O que é o destaque de uma célula em uma tabela?
  • Aula em vídeo: Universidade XTI - jQuery - 26 - Exemplo Core - Mostrar e Ocultar Linhas de Tabela 09m
  • Exercício: Qual é o objetivo do tutorial descrito?
  • Aula em vídeo: Universidade XTI - jQuery - 27 - Exemplo Core - Hint Dica de Preenchimento 06m
  • Exercício: _Qual o efeito que é adicionado ao spam quando o input tem foco?
  • Aula em vídeo: Universidade XTI - jQuery - 28 - Exemplo Core - Selecionar Deselecionar todos os Checkboxes 08m
  • Exercício: Como podemos alternar a seleção de todos os checkboxes usando uma classe específica?
  • Aula em vídeo: Universidade XTI - jQuery - 29 - Exemplo Core - Contagem de Caracteres Restantes 07m
  • Exercício: _Como construir um delimitador máximo de caracteres para um campo de formulário utilizando jQuery?
  • Aula em vídeo: Universidade XTI - jQuery - 30 - Exemplo Core - Restringir Entrada de Caracteres Específicos 10m
  • Exercício: Em um formulário, como garantir que apenas números sejam aceitos em um campo?
  • Aula em vídeo: Universidade XTI - jQuery - 31 - Exemplo jQueryUI - Instalação jQueryUI 21m
  • Exercício: _Qual é a principal diferença entre adquire e adquire user interface?
  • Aula em vídeo: Universidade XTI - jQuery - 32 - Exemplo jQueryUI - Accordion 08m
  • Exercício: Qual é a função principal do widget 'acordeon' no contexto do jQuery User Interface?
  • Aula em vídeo: Universidade XTI - jQuery - 33 - Exemplo jQueryUI - Auto Complete Simples 05m
  • Exercício: _O que é o auto complete?
  • Aula em vídeo: Universidade XTI - jQuery - 34 - Exemplo jQueryUI - Auto Complete - WebService - Ajax - JSON 21m
  • Exercício: Qual é a finalidade do script discutido na aula?
  • Aula em vídeo: Universidade XTI - jQuery - 35 - Exemplo jQueryUI - Button 07m
  • Exercício: _Como transformar elementos HTML em botões utilizando jQuery UI?
  • Aula em vídeo: Universidade XTI - jQuery - 36 - Exemplo jQueryUI - DatePicker Selecionador de Datas 09m
  • Exercício: Como configurar um Date Picker para exibir no idioma português usando jQuery UI?
  • Aula em vídeo: Universidade XTI - jQuery - 37 - Exemplo jQueryUI - Dialog Janela de Dialogo Modal 07m
  • Exercício: _Qual o objetivo das janelas de diálogo em portais?
  • Aula em vídeo: Universidade XTI - jQuery - 38 - Exemplo jQueryUI - Drag and Drop Arrastar e Soltar 08m
  • Exercício: Qual recurso do Framework jQuery UI é utilizado para criar elementos arrastáveis e que recebem outros elementos?
  • Aula em vídeo: Universidade XTI - jQuery - 39 - Exemplo jQueryUI - Drag and Drop Carrinho de Compras 08m
  • Exercício: Qual é o principal objetivo da aula apresentada no vídeo?
  • Aula em vídeo: Universidade XTI - jQuery - 40 - Exemplo jQueryUI - Barra de Progresso 04m
  • Exercício: O que é necessário para criar uma barra de progresso com jQuery UI?
  • Aula em vídeo: Universidade XTI - jQuery - 41 - Exemplo jQueryUI - Elementos Redimensionáveis 02m
  • Exercício: _Qual é a biblioteca que deve ser importada antes de criar um elemento redimensionável em jQuery?
  • Aula em vídeo: Universidade XTI - jQuery - 42 - Exemplo jQueryUI - Tabs Abas 04m
  • Exercício: Qual é o primeiro passo para transformar um elemento em abas utilizando a biblioteca citada?
  • Aula em vídeo: Universidade XTI - jQuery - 43 - Exemplo jQueryUI - Slide 06m
  • Exercício: _Qual é a função do slider apresentado no vídeo?
  • Aula em vídeo: Universidade XTI - jQuery - 44 - Exemplo jQueryUI - Elementos Selecionáveis 03m
  • Exercício: Como transformar uma lista HTML em um elemento selecionável utilizando jQuery UI?
  • Aula em vídeo: Universidade XTI - jQuery - 45 - Exemplo jQueryUI - Sortable Elementos Ordenáveis 02m
  • Exercício: _Como podemos transformar uma lista não-ordenada em itens ordenáveis utilizando a biblioteca jquery user interface?
  • Aula em vídeo: Universidade XTI - jQuery - 46 - Exemplo Plugin - Validação de Formulários 11m
  • Exercício: Qual é o propósito principal do repositório da Geico L.com mencionado no vídeo?
  • Aula em vídeo: Universidade XTI - jQuery - 47 - Exemplo Plugin - Máscara de Campos de Formulários 05m
  • Exercício: _Qual plugin é utilizado para aplicar máscaras em campos de formulários neste curso?
  • Aula em vídeo: Universidade XTI - jQuery - 48 - Exemplo Plugin - ColorPicker Selecionar Cores 07m
  • Exercício: Como utilizar um plugin de seleção de cores?
  • Aula em vídeo: Universidade XTI - jQuery - 49 - Exemplo Plugin - TreeView Navegação em Árvores 07m
  • Exercício: _Qual é o plugin utilizado junto com a biblioteca jQuery para construir uma árvore de visualização de documentos e diretórios?
  • Aula em vídeo: Universidade XTI - jQuery - 50 - Exemplo Plugin - Carrossel 07m
  • Exercício: Qual é o objetivo principal do uso do plugin Jay Carousel?
  • Aula em vídeo: Universidade XTI - jQuery - 51 - Exemplo Plugin - Captcha 09m
  • Exercício: _Qual é a função do captcha em um site?
  • Aula em vídeo: Universidade XTI - jQuery - 52 - Exemplo Plugin - ZipCode Finder Localizador de Endereços 08m
  • Aula em vídeo: Universidade XTI - jQuery - 53 - Exemplo Plugin - Senha Forte 04m
  • Exercício: _Qual plugin é utilizado para verificar a força de uma senha?
  • Aula em vídeo: Universidade XTI - jQuery - 54 - Ajax com jQuery JsonP e Requisição de Domínio Cruzado 22m
  • Aula em vídeo: Universidade XTI - jQuery - 55 - QUnit e Testes Unitários com JavaScript 23m
  • Exercício: _Qual é a função utilizada para executar um teste utilizando a biblioteca YUnit?
  • Aula em vídeo: Universidade XTI - jQuery - 56 - Conclusão do Curso 06m

jQuery

Cursos online Gratuitos sobre jQuery
Domine jQuery com cursos online gratuitos! Aprenda a criar sites interativos e responsivos com facilidade. Inscreva-se já e eleve suas habilidades de programação!

Este curso gratuito inclui:

9 horas e 19 minutos de curso online em vídeo

Certificado digital de conclusão de curso

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

QR Code - Baixar Cursa - Cursos Online

Este curso online só pode ser acessado pelo aplicativo Cursa. Instale o aplicativo usando o QR code ou os links abaixo:

Instale o app agora

para ter acesso ao curso
  • Estude de graça!

    Aqui você não paga nunca! Nem mesmo no certificado, pois tudo no aplicativo é 100% gratuito!

  • Melhore seu currículo!

    São mais de 4 Mil Cursos Gratuitos para você estudar qualquer coisa do seu interesse!

  • Certificado Digital grátis!

    Conclua o curso e emita gratuitamente seu Certificado Digital reconhecido pela ABED.

Mais cursos gratuitos em Programação Front-End

Baixe o Aplicativo agora para ter acesso a + de 3300 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 48 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso

+ de 9 milhões
de alunos

Certificado grátis e
válido em todo o Brasil

60 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, ebooks e audiobooks