Módulo 1: Introdução

Aulas

1.1 - O que é Jquery

Vamos aprender sobre o que é Jquery, esta maravilhosa biblioteca javascript muito utilizado em vários sistemas web

1.2 - Jquery - carregando a biblioteca

Para utilizarmos o Jquery, precisamos carregar a biblioteca com suas funções e métodos.

Exercícios de Fixação

Módulo 2: Entendendo o javascript

2.1: window.onload e ready

Vamos compreender melhor sobre o objeto window, como os programadores fazem para iniciar o javascript antes mesmo do carregemneto total da página

2.2: Funções Javascript

Um recurso muito importante no javascript são as funções, podemos criar funções personalizadas, no curso iremos aprender a criar funções javascript independentes do Jquery.

2.3: eventos

A iteração com o usuário se dá através da captura de eventos, o usuário está em constante ação na página, cliques, seta do mouse em movimento, vamos compreender como tratar estes eventos com o Jquery.

2.4: eventos parte 2

Aqui damos continuidade aos eventos do javascript, vamos aprender a identificar a marcação ou não de um checkbox, elemento muito utilizado para confirmações de por exemplo assinaturas.

2.5: eventos parte 3

Aqui damos continuidade aos eventos do javascript, vamos aprender sobre o evento onkeydown para capturar a tecla do usuário, através de um código de tecla pois cada tecla do seu teclado possui um código único.

2.6: eventos parte 4

Aqui damos continuidade aos eventos do javascript, vamos aprender sobre o evento onfocus e onfocusout, eventos de formulário para quando um campo recebe o foco e quando perde.

Exercícios de Fixação

Módulo 3: Efeitos com Jquery

3.1: Efeitos Jquery

Efeitos Jquery são utilizados em páginas web para tornar a página animada e iterativa, são bastante usados em construção de layouts, sliders, galerias de imagens, nesta aula conheremos os principais efitos Jquery show e hide,slidedown, slideup e fadein

3.2: efeitos Jquery parte 2

Nesta aula continuaremos a ver outros efeitos do Jquery, o efeito toggle que mostra e oculta o elemento, e o efeito slidetoggle

Módulo 4: Alterações no Html com Jquery

4.1: Jquery e manipulação Css

Nesta aula vamos aprender a alterar o estilo de css de elementos nas páginas através do Jquery

4.2: Adicionar elementos ao html via Jquery

Nesta aula vamos aprender a adicionar elementos nas páginas com Jquery

Módulo 5: Jquery - Ajax

5.1: Compreendendo o Ajax

Vamos entender o que é ajax e como podemos utilizar este poderoso recurso para carregar dados do back end (servidor) em nossas páginas fornt end (cliente) sem necessidade de refresh da página.

5.2: Jquery - ajax - integração ao banco de dados parte 1

Nesta aula vamos instalar o xampp, entender seu funcionamento e começar a criar nossa base de dados

5.3: Jquery - ajax - integração ao banco de dados parte 2

Nesta aula vamos criar nossa tabela do banco de dados

5.4: Jquery - ajax - integração ao banco de dados parte 3

Nesta aula vamos criar o primeiro script que se conectará ao banco e trará os dados de usuários do sistema

5.5: Jquery - ajax - integração ao banco de dados parte 4

Nesta aula vamos listar os alunos da tabela do banco de dados mas desta vez através do Ajax

5.6: Php - ajax - formulário

Nesta aula vamos iniciar a construção do formulário de cadastro dos alunos

5.7: Php - ajax - formulário parte 2

Nesta aula vamos criar a página de inserção dos dados de alunos na tabela com php, esta página retornará os dados para nosso script Jquery.

5.8: Php - ajax - formulário parte 3

Nesta aula criaremos o script que irá enviar os dados via ajax para a página criada na aula anterior, também receberá o retorno do php, vamos conhecer o método serialize que poupará várias linhas de código em nossa aplicação jquery.

5.9: Php - ajax - formulário parte 4


Nesta aula vamos criar o link de exclusão dos alunos e vamos organizar em tabelas os dados

Exercícios de fixação