SlideShare uma empresa Scribd logo
1 de 22
Baixar para ler offline
Bibliotecas JS
Frameworks para Desenvolvimento Web
Prof. MSc. André Costa - andre.costa@unifacs.br
SUMÁRIO
• Bibliotecas	JS
• jQuery
• Atividade	Prática
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
Bibliotecas	JS
• Conjunto	de	funções	JS	disponíveis	para	o	utilização	do	desenvolvedor
• Maior	produtividade	em	relação	ao	JS	padrão
• Disponibilidade	de	Plug-ins	baseados	na	Biblioteca
• Cross	Browser
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
Bibliotecas	JS
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
Bibliotecas	JS
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
Bibliotecas	JS
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
Bibliotecas	JS
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
CDN
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Ready
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Console	(JS)
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Seletor	(igual	ao	CSS)
• Seletor	compatível	com	CSS3,	mesmo	que	o	Browser	não	dê	suporte
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Capturar	Eventos
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Manipular	Atributos
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Manipular	CSS
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Manipular	Valores
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Manipular	HTML
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Loop	para	Arrays
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Efeitos
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
Ajax
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
jQuery
jQuery UI
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
Atividade	Prática
Descrição	do	trabalho	em	sala..
Frameworks	para	Desenvolvimento	Web	– Porf.	MSc.	André	Costa
Prof. MSc. André Costa
andre.costa@unifacs.br

Mais conteúdo relacionado

Mais procurados

Abordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento webAbordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento webWemerson Januario
 
Introdução ao Native Script
Introdução ao Native ScriptIntrodução ao Native Script
Introdução ao Native ScriptAndre Baltieri
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignGustavo Zimmermann
 
CoffeeScript Aula 01 Introdução a CoffeeScript
CoffeeScript Aula 01 Introdução a CoffeeScriptCoffeeScript Aula 01 Introdução a CoffeeScript
CoffeeScript Aula 01 Introdução a CoffeeScriptWelington Sampaio
 
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015Anyssa Ferreira
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndRael Max
 
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...Sergio Costa
 
Guia do Front-end das Galáxias
Guia do Front-end das GaláxiasGuia do Front-end das Galáxias
Guia do Front-end das GaláxiasDavidson Fellipe
 
WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015Nauweb
 
Do marketplace ao WordPress - WordCamp BH 2015
Do marketplace ao WordPress -  WordCamp BH 2015Do marketplace ao WordPress -  WordCamp BH 2015
Do marketplace ao WordPress - WordCamp BH 2015Fellyph Cintra
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?RC Comunicação
 
Simple singleton pattern
Simple singleton patternSimple singleton pattern
Simple singleton patternDennis Calazans
 
Micro Front-end + CQRS/ES - JSSP jul/2019
Micro Front-end + CQRS/ES - JSSP jul/2019Micro Front-end + CQRS/ES - JSSP jul/2019
Micro Front-end + CQRS/ES - JSSP jul/2019Gabriel Rodrigues Couto
 
Progressive Web Apps: Um novo mundo
Progressive Web Apps: Um novo mundoProgressive Web Apps: Um novo mundo
Progressive Web Apps: Um novo mundoAndre Baltieri
 
ASP.NET Core APIs: Performance Tips
ASP.NET Core APIs: Performance TipsASP.NET Core APIs: Performance Tips
ASP.NET Core APIs: Performance TipsAndre Baltieri
 
Phonegap - self RJ
Phonegap - self RJPhonegap - self RJ
Phonegap - self RJjavamanrj
 
Apresentação scriptcase-netmake
Apresentação   scriptcase-netmakeApresentação   scriptcase-netmake
Apresentação scriptcase-netmakeGustavo Lobato
 

Mais procurados (20)

Abordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento webAbordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento web
 
Introdução ao Native Script
Introdução ao Native ScriptIntrodução ao Native Script
Introdução ao Native Script
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
 
CoffeeScript Aula 01 Introdução a CoffeeScript
CoffeeScript Aula 01 Introdução a CoffeeScriptCoffeeScript Aula 01 Introdução a CoffeeScript
CoffeeScript Aula 01 Introdução a CoffeeScript
 
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
 
Método The bridge
Método The bridgeMétodo The bridge
Método The bridge
 
Guia do Front-end das Galáxias
Guia do Front-end das GaláxiasGuia do Front-end das Galáxias
Guia do Front-end das Galáxias
 
WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015
 
Do marketplace ao WordPress - WordCamp BH 2015
Do marketplace ao WordPress -  WordCamp BH 2015Do marketplace ao WordPress -  WordCamp BH 2015
Do marketplace ao WordPress - WordCamp BH 2015
 
Software gratuito
Software gratuitoSoftware gratuito
Software gratuito
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
 
Simple singleton pattern
Simple singleton patternSimple singleton pattern
Simple singleton pattern
 
Micro Front-end + CQRS/ES - JSSP jul/2019
Micro Front-end + CQRS/ES - JSSP jul/2019Micro Front-end + CQRS/ES - JSSP jul/2019
Micro Front-end + CQRS/ES - JSSP jul/2019
 
Progressive Web Apps: Um novo mundo
Progressive Web Apps: Um novo mundoProgressive Web Apps: Um novo mundo
Progressive Web Apps: Um novo mundo
 
ASP.NET Core APIs: Performance Tips
ASP.NET Core APIs: Performance TipsASP.NET Core APIs: Performance Tips
ASP.NET Core APIs: Performance Tips
 
Node.js e Express
Node.js e ExpressNode.js e Express
Node.js e Express
 
Phonegap - self RJ
Phonegap - self RJPhonegap - self RJ
Phonegap - self RJ
 
Apresentação scriptcase-netmake
Apresentação   scriptcase-netmakeApresentação   scriptcase-netmake
Apresentação scriptcase-netmake
 

Semelhante a Aula 4. bibliotecas js

Desenvolvimento Web: Conhecendo o Vue.Js - Francisco Matheus Ricelly Pinto de...
Desenvolvimento Web: Conhecendo o Vue.Js - Francisco Matheus Ricelly Pinto de...Desenvolvimento Web: Conhecendo o Vue.Js - Francisco Matheus Ricelly Pinto de...
Desenvolvimento Web: Conhecendo o Vue.Js - Francisco Matheus Ricelly Pinto de...PotiLivre Sobrenome
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
Criando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftCriando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftFabrício Lopes Sanchez
 
Introdução à Programação “para Web” de Carlos Bazilio
Introdução à Programação “para Web” de Carlos BazilioIntrodução à Programação “para Web” de Carlos Bazilio
Introdução à Programação “para Web” de Carlos BazilioRicardoKratz2
 
Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008Clauber Stipkovic
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaAlexandre Tarifa
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serioJaydson Gomes
 
Portando sua aplicação web para iphone
Portando sua aplicação web para iphonePortando sua aplicação web para iphone
Portando sua aplicação web para iphoneRenato Nitta
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 
Desenvolvendo Sistema Cloud e Web Full-stack Developer
Desenvolvendo Sistema Cloud e Web Full-stack DeveloperDesenvolvendo Sistema Cloud e Web Full-stack Developer
Desenvolvendo Sistema Cloud e Web Full-stack DeveloperCesar Romero
 

Semelhante a Aula 4. bibliotecas js (20)

Web Tools Pt Br
Web Tools Pt BrWeb Tools Pt Br
Web Tools Pt Br
 
Apresentação jsf 1_2
Apresentação jsf 1_2Apresentação jsf 1_2
Apresentação jsf 1_2
 
Desenvolvimento web produtivo
Desenvolvimento web produtivoDesenvolvimento web produtivo
Desenvolvimento web produtivo
 
Web tools pt-br
Web tools pt-brWeb tools pt-br
Web tools pt-br
 
Desenvolvimento Web: Conhecendo o Vue.Js - Francisco Matheus Ricelly Pinto de...
Desenvolvimento Web: Conhecendo o Vue.Js - Francisco Matheus Ricelly Pinto de...Desenvolvimento Web: Conhecendo o Vue.Js - Francisco Matheus Ricelly Pinto de...
Desenvolvimento Web: Conhecendo o Vue.Js - Francisco Matheus Ricelly Pinto de...
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Criando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftCriando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias Microsoft
 
Javascript Cross-browser
Javascript Cross-browserJavascript Cross-browser
Javascript Cross-browser
 
Introdução à Programação “para Web” de Carlos Bazilio
Introdução à Programação “para Web” de Carlos BazilioIntrodução à Programação “para Web” de Carlos Bazilio
Introdução à Programação “para Web” de Carlos Bazilio
 
Introdução a jsf
Introdução a jsfIntrodução a jsf
Introdução a jsf
 
Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
 
Asa cpbr4
Asa cpbr4Asa cpbr4
Asa cpbr4
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serio
 
Portando sua aplicação web para iphone
Portando sua aplicação web para iphonePortando sua aplicação web para iphone
Portando sua aplicação web para iphone
 
Javascript nos dias de hoje
Javascript nos dias de hojeJavascript nos dias de hoje
Javascript nos dias de hoje
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Apresentação Jquery
Apresentação JqueryApresentação Jquery
Apresentação Jquery
 
Desenvolvendo Sistema Cloud e Web Full-stack Developer
Desenvolvendo Sistema Cloud e Web Full-stack DeveloperDesenvolvendo Sistema Cloud e Web Full-stack Developer
Desenvolvendo Sistema Cloud e Web Full-stack Developer
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
 

Mais de andreluizlc

Mais de andreluizlc (20)

Aula 6. trabalho da disciplina
Aula 6. trabalho da disciplinaAula 6. trabalho da disciplina
Aula 6. trabalho da disciplina
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front end
 
Aula 1. apresentação + frameworks
Aula 1. apresentação + frameworksAula 1. apresentação + frameworks
Aula 1. apresentação + frameworks
 
PHP
PHPPHP
PHP
 
Feriado
FeriadoFeriado
Feriado
 
Atividade
AtividadeAtividade
Atividade
 
Avaliação
AvaliaçãoAvaliação
Avaliação
 
Js
JsJs
Js
 
Css
CssCss
Css
 
Html formulário
Html   formulárioHtml   formulário
Html formulário
 
Html tabela
Html   tabelaHtml   tabela
Html tabela
 
Apresentação e Introdução ao HTML
Apresentação e Introdução ao HTMLApresentação e Introdução ao HTML
Apresentação e Introdução ao HTML
 
Apresentação + html (tags)
Apresentação + html (tags)Apresentação + html (tags)
Apresentação + html (tags)
 
CSS
CSSCSS
CSS
 
Trabalho
TrabalhoTrabalho
Trabalho
 
Revisão
RevisãoRevisão
Revisão
 
Prática
PráticaPrática
Prática
 
Html (tabela)
Html (tabela)Html (tabela)
Html (tabela)
 
Html (formulário)
Html (formulário)Html (formulário)
Html (formulário)
 
Feriado
FeriadoFeriado
Feriado
 

Último

From_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdf
From_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdfFrom_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdf
From_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdfRodolpho Concurde
 
Entrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiEntrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiPaulo Pagliusi, PhD, CISM
 
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...Dirceu Resende
 
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPalestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPaulo Pagliusi, PhD, CISM
 
Apostila e caderno de exercicios de WORD
Apostila e caderno de exercicios de  WORDApostila e caderno de exercicios de  WORD
Apostila e caderno de exercicios de WORDRONDINELLYRAMOS1
 
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIAEAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIAMarcio Venturelli
 
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)Alessandro Almeida
 

Último (7)

From_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdf
From_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdfFrom_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdf
From_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdf
 
Entrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiEntrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo Pagliusi
 
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
 
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPalestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
 
Apostila e caderno de exercicios de WORD
Apostila e caderno de exercicios de  WORDApostila e caderno de exercicios de  WORD
Apostila e caderno de exercicios de WORD
 
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIAEAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
 
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
 

Aula 4. bibliotecas js