Curso de jQuery para iniciantes - Aula 1

  • Publicado em: 28/11/2011
  • Revisado em: 13/10/2012
  • Categoria(s)Ajax | Jquery
  • Autor: Ricardo Bernardi
  • Newsletter: Inscreva-se

Olá querido leitores(as), começa hoje mais um curso "para iniciantes", desta vez falando sobre jQuery. De forma simples, clara e objetiva irei ensinar o básico sobre esta fantástica biblioteca que auxilia e muito o desenvolvimento de sites e sistemas web.

Nesta primeira aula veremos o que é o jQuery, como baixar e como incluir o mesmo nas páginas onde será usado. Faremos ainda um exemplo prático para entender a sintaxe básica de desenvolvimento nesta linguagem.

Acompanhe a aula com atenção e não esqueça de deixar um comentário depois, bom estudo.

Mais posts desta série

Este post faz parte de uma série, confira tudo que já foi publicado sobre o mesmo assunto.

Compartilhe esse post:

Sobre o autor

Ricardo Bernardi

Sou técnico em hardware e desenvolvedor web, e sobre estes dois assuntos comecei a compartilhar aulas e artigos, tornando-me blogueiro em 2008. Em 2010 esse hobby virou profissão, e desde então tenho buscado melhorar e profissionalizar cada vez mais os projetos que mantenho na web.

Comentários

Atualmente temos 19 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.

  • Gileno Gomes comentou em

    Ola Ricardo me informa uma coisa. Porque o navegador do meu PC identifica seu site como "não seguro?" Será algum bug no meu PC. Vlw... E sou seu aluno há algum tempo.

    Responder
  • mmmcarvalho comentou em

    Caro Ricardo,

    Acho que tá na hora de fazer um upgrade nos seus cursos que não estão em HD.
    Os seus cursos para iniciantes são muito legais, então acredito que para aquele curso que são muito visitados e visto, você possa fazer uma atualização!

    Um abraço

    Responder
  • Everton Almeida comentou em

    Ricardo bom dia meu amigo! Irmão, suas video aulas e blog RBTech em geral estão me ajudando muito! Esta série sobre Jquery cara... Sem palavras! Parabéns meu amigo e obrigado por nos abençoar com seu conhecimento! Neste mês de março com certeza farei minha assinatura como forma de gratidão por seu empenho! Muito obrigado!

    Responder
  • Marcos Pavani comentou em

    Ricardo,

    eu fiz conforme você postou, porem pode ocorrer do arquivo JS não esta funcionando, pois quando eu vou salvar o link como, ele aparece apenas como Jscript Script File, e não como você postou.
    Se fizer diferença, como faço para salvar como vc postou, pois estou baixando direto do site da Jquery.

    obrigado

    Responder
  • Henrique comentou em

    Gostei da video aula, vou continuar assistindo as outras. Muito obrigado por compartilhar com todos! Abraços.

    Responder
  • Henrique comentou em

    Olá Ricardo, foi uma falta de atenção minha, tinha esquecido de fechar com a tag .
    Obrigado pela atenção, e estou adorando e entendo suas aulas.

    Responder
  • Henrique comentou em

    Eu fiz exatamente como você ver e está dando errado. Confira:

    Untitled Document

    $(document).ready(function() {
    //aqui vão as funcoes do jquery
    $("button").click(function (){
    $("p").hide ();
    });
    });

    /*
    $(seletor).acao ()
    $(this).hide() // ocultar o elemento atual
    $("p").hide () // ocultar todos os parágrafos
    $("p.teste").hide () //ocultar os parágrafos das classes "teste"
    $("#teste").hide () //ocultar o elemento com o ID "teste"

    */

    Isto é um título
    Isto é um parágrafo
    Isto é outro parágrafo
    Clique Aqui para esconder o parágrafo

    Responder
    • Não Henrique, você não fez exatamente igual, pois senão teria funcionado. Deve haver algum espaço sobrando ou faltanto, alguma aspa sem fechar, algum lugar está incorreto. Refaça novamente, com certeza irá encontrar o erro.

      Responder
  • Eduardo comentou em

    Ricardo eu já procurei em muitas vídeo aulas e não consegui encontrar o menu do topo que quando você passa o mouse aparece outro sub-menu embaixo igual do site da rbtech tem como você fazer uma vídeo aula ensinando .
    Grato!

    Responder
  • Ademir comentou em

    Bela explicação Ricardo,

    estou com um problema o charset da minha página está defenido como ut8, mas os caracteres (é , são etc )ficam com simbolos, o que pode ser isso.

    Veja abaixo.

    Ao contr�rio do que se acredita, Lorem Ipsum n�o � simplesmente um texto rand�mico.

    Ademir

    Responder
  • eltin182 comentou em

    Parabens! Muito bom! Uma pergunta serrão aproximadamente qntas aulas no total? E haverá jquery + ajax tbm? No final do curso, tem algum projeto? :D

    Um grande abraço!!

    Responder
    • Serão 5 aulas com o básico sobre a linguagem, nada de projeto. Na ultima aula terá um exemplo de Ajax sim, mas nada avançado, somente a chamada de um arquivo externo em .php

      Responder

Deixe seu comentário