Tip:
Highlight text to annotate it
X
Olá pessoal, bem vindos ao curso de jQuery da Universidade XTI
a construção de páginas web é feito utilizando três tecnologias fundamentais
xhtml para marcação semântica do conteúdo do nosso documento
css para definir um estilo visual para o nosso documento
definindo cores, espaçamento
e javascript para trazer uma maior interatividade entre os documentos
webs que nós construimos e os internautas
a jQuery é uma biblioteca javascript
ela foi criada para simplificar a maneira como nós codificamos
javascript nos nossos documentos web
a página da jQuery
o portal oficial é jQuery.com
aqui vocês podem baixar a biblioteca, acessar a documentação
ver tutoriais e muito mais, baixar plugins
enfim tem uma series de recursos disponíveis aqui nessa biblioteca
o slogan da biblioteca jQuery é escreva menos e faça mais
e é exatamente por isso que ela foi criada
ela foi criada pelo John Resig, esse rapaz aqui
no canto direito aqui da nossa janela
essa foto aqui é uma foto que mostra a equipe atual
de desenvolvimento da biblioteca
e nós estamos acessando essa foto aqui em jQuery.org
esse portal, ele apresenta a historia de criação da biblioteca
o time que está mantendo essa biblioteca
e a licença de uso para a jQuery
a licença de uso da jQuery está baseado nas licenças
aqui do MIT e GPL
isso aqui significa resumidamente que você pode usar essa biblioteca, gratuitamente
para desenvolver os seus projetos pessoais ou comerciais
sem restrições
a jQuery foi criada em 2006
ela foi lançada no BarCamp em 14 de janeiro de 2006
mais em 2005 John Resig, ele escreveu uma nota em seu blog
informando ou pensando em uma nova forma de codificar javascript
aqui foi a primeira proposta, o primeiro rascunho da biblioteca jQuery
ele foi lançar alguns meses depois
vamos acessar aqui o site w3 schools
o site w3schools é uma referência que nós temos utilizado nos nossos cursos
de xhtml, css e javascript
esse portal ele é mantido pela mesma equipe que define
os padrões da w3c
e esse portal da uma grande enfase para a biblioteca jQuery
como vocês podem está vendo aqui
é uma das referências que são ensinadas aqui nesse portal
então aqui na w3schools também vamos encontrar uma série de referências
de materias de estudo da jQuery
agora, o que vocês precisam saber antes de iniciar esse curso de jQuery
vocês precisam saber que esse curso está dividido
em duas partes
a primeira parte nós vamos estudar a sintaxe da biblioteca
como nós utilizamos a biblioteca para manipular elementos do DOM
para manipular eventos javascript
como nós utilizamos a biblioteca para utilizar recursos de ajax
enfim, nós vamos descer a fundo aqui na utilização
dos conceitos fundamentais da jQuery
e a segunda parte do curso é composta por uma série
de exercicios práticos que nós utilizamos no dia a dia
como é que eu construo um menu
como é que eu construo um slide show
como é que eu faço um album de fotos
então nós temos uma série de exemplos que vão ser apresentados e discutidos
na segunda parte do nosso curso de jQuery
e para isso vocês tem alguns pré-requisitos
para aproveitar melhor o curso de jQuery da Universidade XTI
vocês vão precisar conhecer, xhtml
css e javascript
se você não conhece alguma dessas tecnologias
vocês podem fazer o curso
esses três cursos estão disponíveis na Universidade XTI
você pode faze-los gratuitamente
então se vocês não conhecem, antes de continuar no curso de jQuery
façam esses três cursos
eles vão ser fundamentais, e nesses três cursos
nós abordamos conceitos que nós não vamos está
discutindo com profundidade aqui nesse curso
porque nós devemos utilizar a jQuery?
aqui eu relacionei alguns motivos que fazem da jQuery
uma biblioteca muito atrativa
antes de mais nada é importante salientar que a jQuery
ela faz muito sucesso tanto no meio dos programadores
como no meio dos Web designers
então tanto programadores de interface, como programadores
que vem de outras linguagens de programação
eles gostam muito dessa biblioteca
agora o principal motivo que eu vejo por utilizar a jQuery
é a questão da produtividade
porque produtividade pessoal?
qual é a diferença entre um programador ou desenvolvedor profissional
e um simples desenvolvedor um simples programador?
a diferença é que o desenvolvedor profissional
ele entrega projetos
e o simples desenvolvedor, simplesmente programa ou cria suas peças
publicitárias, então essa é a grande diferença
entre um profissional e um amador
o amador brinca de codificar
o profissional ele é responsável, ele entrega projeto
ele sabe que a meta dele não é brincar de codificar
mais sim entregar projetos dentro do custo, dentro do prazo
estipulado pela empresa onde ele trabalha
e com a qualidade esperada pelo cliente
e a jQuery ela proporciona isso
ao invés de você está codificando, fazendo centenas
ou talvez milhares de códigos javascript
para criar por exemplo um datepicker, que é aquela janelinha
onde a gente pode escolher uma data
você pode simplesmente utilizar uma biblioteca
que já tenha isso pronto
você pode simplesmente baixar a jQuery
e utilizar um widget na sua página web
atingindo o mesmo resultado em alguns minutos
uma pessoa profissional, ela age dessa forma
ela procura coisas que já estão prontas
e utiliza para entregar um projeto de qualidade
em um menor prazo
então esse é um motivo pelo qual eu gosto da jQuery
ela realmente proporciona uma ganho de produtividade para o profissional
um outro motivo
é que ela é aberta, ela é livre
como eu disse para vocês, a jQuery está licenciada
sob a licença do MIT e a GINU
ou seja, ela é gratuita
e você pode construir os seus projetos com ela sem problema
ela é pequena pessoal
no momento em que nós estamos fazendo esse curso de jQuery
a jQuery tem 29 kbytes minificada
e se vocês quiserem ver todos os comentários
a biblioteca toda identada
ela vai ter 214 kbytes
mais para produção ela tem 29 kbytes apenas
ou seja, isso aqui também é um tamanho pequeno em relação as outras bibliotecas de mercado
um outro motivo é que a biblioteca é muito popular
isso significa que existem várias pessoas
colaborando na construção e na melhoria dessa biblioteca
outro motivo é que ela acaba com a diferença entre os browsers pessoal
então nós vimos no curso de javascript
que nem tudo funciona da mesma forma em cada um dos browsers
no IE algumas coisas funcionam de um jeito
no firefox as coisas funcionam de outro
e utilizando a jQuery, essas diferenças acabam
porque você faz da mesma forma para todas as bibliotecas
um outro motivo é que a jQuery, no momento em que nós estamos construindo
essa video aula, ela conta com mais de 5.000 plugins
registrados no diretorio de plugins da biblioteca
temos aqui a pagina de plugins, plugins.jQuery.com
nós temos mais de 5.000 plugins registrados aqui hoje
plugins para todos os tipos de necessidade pessoal
então é aquela coisa que a gente estava falando
ao invés de você gastar uma semana fazendo um script
que uma outra pessoal já fez, e já testou e já validou
utilizem essa biblioteca que já está pronta
isso é ser profissional
ser profissional nao é saber codificar tudo
não é fazer os melhores códigos
mais sim entregar projetos no prazo dentro do orçamento
com a qualidade esperada pelo cliente
isso que é ser profissional
a biblioteca é muito bem documentada pessoal
isso aqui inclui exemplos, aqui dentro da jQuery.com
vocês vão encontrar aqui tutoriais, a documentação é completinha
então isso aqui facilita muito
eu já vi algumas bibliotecas de mercado
que simplesmente não tem documentação
então isso aqui dificulta quando uma pessoal que está querendo aderir aquela biblioteca
e essa pessoa tem um problema, se não tem a documentação
isso realmente dificulta o trabalho dos desenvolvedores
então no caso da jQuery toda a documentação é muito bem feita
a jQuery ainda é muito amigável também
ela tem vários meios para evitar conflitos
com outras bibliotecas, então você pode utilizar a jQuery
com outras bibliotecas que você eventualmente tenha construido
outras bibliotecas de mercado também
a jQuery ela tem o apoio da comunidade
na resolução de bugs
várias pessoas escrevem blogs, artigos, tutoriais
sobre a jQuery, então isso aqui facilita muito
o desenvolvimento dessa biblioteca é aberto
isso significa que qualquer um pode contribuir
para corrigir os bugs, para melhorar a biblioteca
para ajudar a desenvolver a biblioteca
o desenvolvimento dela é constante
então se vocês olharem o histórico da biblioteca
vocês vão ver aqui, por exemplo em 2010 aqui
nós tivemos aqui várias atualizações
olha ai, tudo em 2010
a equipe de desenvolvimento, ela não tem medo aqui
de lançar atualizações da biblioteca
vamos voltar lá
vamos ver mais alguns motivos aqui
olha aqui um motivo muito forte
a Google, a Microsoft, a Dell, grandes corporações
estão utilizando a jQuery
em produção viu
outra coisa, ela segue os padrões w3c
ela incorpora as especificações da w3c
antes dos outros navegadores
ela está bem sintonizada em relação a isso
e ela já suporta inclusive os seletores da css 3 por exemplo
então independente se o browser suporta ou não css 3
você pode utilizar ele com a jQuery
ela já está testada e otimizada
para os desenvolvimentos para os navegadores
Firefox, Chrome, IE, Opera, Safari
Webkit, então tem vários browsers ai
que foram testados e otimizados
para serem utilizados ai com a jQuery
a biblioteca é poderosissima tanto na mão de designers
como na mão de programadores
então ela não faz restrição
inclusive eu acredito que essa aqui é a unica biblioteca
que faça muito sucesso ou tanto sucesso
nos dois mundos
e isso é muito importante
outra coisa, a forma de desenvolver usando o jQuery
estar virando um padrão de uso de javascript
a forma como você codifica usando a jQuery
está realmente virando um padrão de mercado
além disso ela é facil de usar
ela usa tecnicas de programação não obstrutivas
ela é muito facil de aprender
ela se baseia nos conceitos
que tanto que os desenvolvedores como designers
acabam aprendendo, que são os conceitos de html e css
então utilizar a jQuery traz para você uma série de vantagens
uma outra coisa que eu acho muito importante da jQuery
é que a jQuery é uma biblioteca
mais você tem tambem um framework que é a jQuery UI
que tras para você uma série de recursos ou componentes
prontos para serem utilizados utilizando a jQuery
então aqui na jQuery UI temos alguns exemplos
de acordião, olha ai isso aqui utilizando a jQuery
de abas
nós temos aqui a janela de diálogo
nós temos aquela janela modal, que vamos aprender nesse curso
barra de progresso, datepickers, slide, autocomplete
que é uma coisa que as pessoal procuram muito, botões
nós temos uma série de recursos aqui javascript
que nós vamos ver nesse curso
no curso de javascript nós vimos basicamente a sintaxe
nós não vimos muitos exemplos praticos
para serem aplicados ali nas nossas páginas
nós vimos como funciona a linguagem
nesse curso nós vamos ver cada um desses exemplos
e porque que nós deixamos para esse curso para a gente aprender esses exemplos?
exatamente pela questão da produtividade
então a produtividade é fundamental
e como o objetivo da Universidade XTI é formar profissionais
para trabalharem com TI
então nada mais justo deixar para o curso de jQuery
o momento para a gente está trabalhando com essas bibliotecas
e esses plugins jQuery que vão facilitar muito a nossa vida
e fazer com que o nosso trabalho seja realmente profissional
então vejo vocês na próxima aula
quando nós vamos aprender como instalar o plugin jQuery
e quais a diferenças dele para o trabalho com javascript
a diferença entre programar usando simplemente javascript
e usando jQuery, vejo vocês na próxima aula, até lá.