Busca DevMedia
Você está buscando por "jquery" em vídeo aula
- Removendo campos dinamicamente - ASP.NET MVC e Entity Framework: criando uma aplicação 1:N - Vídeo 14 Vídeo
Semelhante ao que foi feito na criação de campos dinamicamente, precisaremos também remove-los quando clicarmos em um determinado botão. Para isso veremos como usar a função on da jQuery.
- Adicionando campos dinamicamente - ASP.NET MVC e Entity Framework: criando uma aplicação 1:N - Vídeo 13 Vídeo
Como um cliente possui vários telefones, precisaremos adicionar um botão para que ele adicione dinamicamente os campos necessários para cadastrar um novo telefone. Faremos isso usando a biblioteca jQuery.
- Removendo telefones cadastrados - ASP.NET MVC e Entity Framework: criando uma aplicação 1:N - Vídeo 19 Vídeo
Na tela de edição, quando o usuário clicar no botão de excluir um telefone, além de remover os campos da tela, precisaremos também remover o registro no banco de dados. Faremos isso por meio de uma requisição Ajax via jQuery.
- Instalando o Bootstrap - Minha Primeira Single Page Application com React - Vídeo 3 Vídeo
O Bootstrap é um dos principais frameworks front-end do mercado. Ele tem como dependência a biblioteca jQuery e na versão 4 passou a depender também do Popper.js. Neste vídeo vamos ver como instalá-lo em uma aplicação React.
- Adicionando inputs na tela de edição - ASP.NET MVC e Entity Framework: criando uma aplicação 1:N - Vídeo 18 Vídeo
Agora que já temos na tela de edição a lista de telefones cadastrados, permitiremos ao usuário adicionar novos telefones. Para isso usaremos a mesma estrutura de código jQuery empregada na tela de cadastro.
- Criando a estrutura de campos para telefones - ASP.NET MVC e Entity Framework Criando uma aplicação 1:N - Vídeo 12 Vídeo
Criaremos neste vídeo a estrutura de inputs necessária para cadastrar os telefones do cliente. Faremos isso escrevendo um trecho de HTML estático que posteriormente será adicionado dinamicamente à página via jQuery.
- jQuery na prática: Criando o primeiro exemplo - O que é jQuery? - Vídeo 2 Vídeo
Neste vídeo conheceremos a página oficial da biblioteca jQuery, aprenderemos como importá-la para uso em um projeto e como criar o primeiro exemplo.
- Configurando o Bower, Materialize e jQuery - Laravel: Criando um website completo - Vídeo 3 Vídeo
Nesta aula será apresentado como configurar o projeto para trabalhar com o Bower, Materialize e jQuery, com o intuito de otimizar a interface do sistema e possibilitar uma melhor usabilidade.
- jQuery na prática: Manipulando eventos e funções - O que é jQuery? - Vídeo 3 Vídeo
Neste vídeo aprenderemos a utilizar os seletores básicos, com eventos e funções, para interagir com os elementos do HTML a partir do jQuery.
- Introdução à biblioteca jQuery - O que é jQuery? - Vídeo 1 Vídeo
Neste vídeo conheceremos a biblioteca jQuery. Aprenderemos o que ela é, seu principal objetivo, as vantagens que ela traz , assim como analisaremos a sintaxe básica, criando em seguida os primeiros exemplos de como utilizar as funções e eventos.
- Introdução - Primeiros passos com a jQuery - Vídeo 1 Vídeo
Antes de iniciar a construção dos botões, veja nesta aula qual será o comportamento de cada um deles. Acompanhe também uma breve discussão sobre o papel da jQuery em relação ao JavaScript e a outras tecnologias como Angular e React.
- Inserindo uma mensagem na página dinamicamente - Primeiros passos com a jQuery - Vídeo 5 Vídeo
Evoluindo o botão de Thumbs acrescentamos na função onClick a capacidade de adicionar uma mensagem de agradecimento na página. Para isso utilizamos o seletor da jQuery e a função after(). Acompanhe esse passo a passo neste vídeo.
- jQuery na prática: Manipulando regras CSS - O que é jQuery? - Vídeo 4 Vídeo
Neste vídeo vamos avançar um pouco mais no uso da biblioteca jQuery. Aprenderemos como é simples modificar propriedades visuais de um elemento alterando regras CSS e analisaremos, ainda, um pouco sobre a documentação da biblioteca.
- Arquitetura do projeto - Primeiros passos com a jQuery - Vídeo 2 Vídeo
Antes de iniciar a construção dos botões, veja nesta aula qual será o comportamento de cada um deles. Acompanhe também uma breve discussão sobre o papel da jQuery em relação ao JavaScript e a outras tecnologias como Angular e React.
- Criando um botão de quantidades - Primeiros passos com a jQuery - Vídeo 6 Vídeo
Neste terceiro exemplo veremos a construção de um botão de quantidades, que atualiza o contador incrementando ou decrementando seu valor.
- Criando um botão de Thumbs - Parte 2 - Primeiros passos com a jQuery - Vídeo 4 Vídeo
Dando continuidade à criação do botão de Thumbs, agora veremos como modificar o total apresentado pelo contador implementando a função onClick.
- Criando um botão de Thumbs - Parte 1 - Primeiros passos com a jQuery - Vídeo 3 Vídeo
Confira aqui todo código necessário para criar um botão de Thumbs e com isso aprenda a manipular o DOM em resposta a um evento de click ;)
- Exibindo uma mensagem com Bootstrap Modal - JavaScript: Gerando uma ação durante inatividade do usuário - Vídeo 5 Vídeo
Neste vídeo introduziremos o bootstrap e a jQuery ao nosso código para exibir um modal após um certo tempo de inatividade do usuário.
- Conclusões - HTML 5 Data Attributes: Armazenando informações em elementos HTML - Vídeo 8 Vídeo
Finalizando nosso curso, veremos neste vídeo um resumo do conteúdo que foi aprendido ao longo dos vídeos. Aqui aprendemos a adicionar data attributes no HTML5 e a utilizar esses atributos no CSS e no jQuery.
- Alterando a validação de datas - ASP.NET MVC: Primeira aplicação com o Entity Framework - Vídeo 14 Vídeo
Por padrão o ASP.NET MVC utiliza o plugin jQuery Validate para validar os campos nas views. Essa validação, no entanto, utiliza o padrão de datas americano. Neste vídeo veremos como customizar esse comportamento para usar o padrão brasileiro.
- Estrutura do HTML - HTML 5 Data Attributes: Armazenando informações em elementos HTML - Vídeo 3 Vídeo
Neste vídeo analisaremos a estrutura da página HTML do exemplo que será desenvolvido. Nessa página adicionaremos alguns labels que receberão os data attributes via jQuery posteriormente.
- Introdução e apresentação do projeto - HTML 5 Data Attributes: Armazenando informações em elementos HTML - Vídeo 1 Vídeo
Neste vídeo apresentaremos o projeto que será desenvolvido para manipular os data attributes do HTML5. Durante o curso veremos tanto a definição dos atributos no HTML, quanto a sua utilização via CSS e jQuery.
- Inserindo valor nos data attributes - HTML 5 Data Attributes: Armazenando informações em elementos HTML - Vídeo 5 Vídeo
Neste vídeo veremos como adicionar os data attributes às tags HTML via jQuery e como atribuir a eles os valores definidos de acordo com nosso cálculo de bônus.
- Capturando o valor dos data attributes - HTML 5 Data Attributes: Armazenando informações em elementos HTML - Vídeo 6 Vídeo
Neste vídeo veremos como obter, via jQuery, o valor dos data attributes já adicionados às tags HTML. Em seguida enviaremos uma requisição Ajax com esses valores.
- Apresentação - Dominando Ajax com jQuery - Aula 1 Vídeo
Nessa aula vamos apresentar o projeto, onde vamos realizar um consumo a um webservice com a arquitetura REST utilizando usando o jQuery para realizar um requisição ajax