jquery

16
Uma introdução para desenvolvedores Web jQuery

Upload: douglas-aguiar

Post on 24-Jun-2015

1.209 views

Category:

Technology


0 download

DESCRIPTION

jQuery - Uma introdução para desenvolvedores Web

TRANSCRIPT

Page 1: jQuery

Uma introdução para desenvolvedores Web

jQuery

Page 2: jQuery

Quem é Douglas Aguiar?

Líder de Desenvolvimento na Siteware http://www.sitewarebrasil.com.

Líder do Projeto DevIsland http://devisland.com.

Um Geek alucinado por tecnologia, desenvolvimento e arquitetura de software.

Trabalha com desenvolvimento há 8 anos.

Possui as certificações:

Page 3: jQuery

DEVELOPERS!!! WHAT’S YOUR PROFESSION?!?!?!

CODE! CODE! CODE!

Projeto DevIsland http://devisland.com

Page 4: jQuery
Page 5: jQuery

Agenda• O que é o jQuery

• Porque usar?

• Funcionalidades

• É fácil aprender?

• Demo• Seletores• Navegação• Manipulação• Eventos• Efeitos• Ajax

Page 6: jQuery

O jQuery é uma biblioteca JavaScript rápida e concisa que simplifica o trabalho com documentos HTML, manipulação de eventos, o uso de animações e interações Ajax, trazendo uma grande produtividade para o desenvolvimento Web. O jQuery foi projetado para mudar a maneira como você escreve códigos JavaScript.

O que é o jQuery?

Page 7: jQuery

Rápido de aprender• Inclusive para designers que não têem muita

vivência com programaçãoCross-browser• IE 6.0+• FF 2.0+• Safari 3.0+• Opera 9.0+• Chrome

Leve• A biblioteca possui apenas 24KB

Porque usar?

Page 8: jQuery

E o que mais?

Page 9: jQuery

• Seletores CSS 3 para encontrar elementos no DOM

• Funções para navegação e manipulação do DOM

• Funções para manipulação de eventos

• Manipulação de CSS

• Efeitos e animações

jQuery - funcionalidades

Page 10: jQuery

E ainda tem mais...

Page 11: jQuery

• Diversas funções para trabalharmos com Ajax

• Muito fácil de extender – a biblioteca foi muito bem projetada

• Cinto de Utilidades – Versão do browser, função each e etc.

• Poderoso suporte a Plugins

jQuery - funcionalidades

Page 12: jQuery

• Em um dia você consegue entender os conceitos básicos

• Em 3 dias você já esta dominando as funções mais avançadas

• A partir dai depende do quanto você deseja aprofundar-se

Quão fácil é aprender jQuery?

Page 13: jQuery

{Let’s code developers!!!}

Demo!

Page 14: jQuery

•Seletores•Navegação•Manipulação•Eventos•Efeitos•Ajax

Page 15: jQuery

Referências

Site jQuery

• http://jQuery.comElijah Manor

• http://elijahmanor.com/

Page 16: jQuery

Obrigado pela participação!Perguntas?Douglas Aguiar

http://twitter.com/DouglasAguiar

http://devisland.com

http://sitewaredevelopers.blogspot.com