jquery

Post on 24-Jun-2015

1.209 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

jQuery - Uma introdução para desenvolvedores Web

TRANSCRIPT

Uma introdução para desenvolvedores Web

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:

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

CODE! CODE! CODE!

Projeto DevIsland http://devisland.com

Agenda• O que é o jQuery

• Porque usar?

• Funcionalidades

• É fácil aprender?

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

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?

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?

E o que mais?

• 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

E ainda tem mais...

• 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

• 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?

{Let’s code developers!!!}

Demo!

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

Referências

Site jQuery

• http://jQuery.comElijah Manor

• http://elijahmanor.com/

Obrigado pela participação!Perguntas?Douglas Aguiar

http://twitter.com/DouglasAguiar

http://devisland.com

http://sitewaredevelopers.blogspot.com

top related