SlideShare uma empresa Scribd logo
JavaScript
Effeccinco
Conhecendo Melhor o Onresize
 Nós já vimos na pratica como funciona o onResize, mas aprendemos tudo mesmo,
o onresize como já vimos na verdade serve para detectar quando o usuário está
redimensionando a janela, em celulares e outros dispositivos o próprio sistema faz
isso, mas o onresize entende e dimensiona a imagem para que ela fique do
tamanho adequado ao tamanho da janela do dispositivo.
 Quem dimensiona a janela na verdade é o usuário ou o sistema do usuário, por
isso esse evento não ocorre automaticamente, mas sim quando a janela e alterada
de tamanho ou pelo usuário ou pelo sistema de onde está sendo acessado aquele
site.
Conheça nosso canal no Youtube
 Canal:
 https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A
Referencia
 Recomendamos a leitura
 MORRISON, Michael. Use a Cabeça JavaScript. Editora Alta Books Ltda, 2008.

Mais conteúdo relacionado

Destaque

Angular js- 1.X
Angular js- 1.XAngular js- 1.X
Angular js- 1.XNitin Giri
 
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...Erick L. F.
 
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...Erick L. F.
 
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Algoritmos e Logica de programação - #Aula 05 - Mercado ComputacionalAlgoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Algoritmos e Logica de programação - #Aula 05 - Mercado ComputacionalErick L. F.
 
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/ServidorCurso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/ServidorErick L. F.
 
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
Algoritmos e Logica de programação - #Aula 06 - Linguagens De ProgramaçãoAlgoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
Algoritmos e Logica de programação - #Aula 06 - Linguagens De ProgramaçãoErick L. F.
 
De veranderende (IT)-wereld
De veranderende (IT)-wereldDe veranderende (IT)-wereld
De veranderende (IT)-wereldComputrain
 
Controversial music videos
Controversial music videosControversial music videos
Controversial music videos10lowean
 
Vinyl analysis
Vinyl analysisVinyl analysis
Vinyl analysis10lowean
 
Notions fondamentales sur le développement d’applications HTML5
Notions fondamentales sur le développement d’applications HTML5Notions fondamentales sur le développement d’applications HTML5
Notions fondamentales sur le développement d’applications HTML5fehmi arbi
 
Disappearance effect and how i found it
Disappearance effect and how i found itDisappearance effect and how i found it
Disappearance effect and how i found it10lowean
 

Destaque (14)

Angular js- 1.X
Angular js- 1.XAngular js- 1.X
Angular js- 1.X
 
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
 
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
 
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Algoritmos e Logica de programação - #Aula 05 - Mercado ComputacionalAlgoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
 
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/ServidorCurso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
 
Rundown of the Experiment
Rundown of the ExperimentRundown of the Experiment
Rundown of the Experiment
 
Procedures Powerpoint
Procedures PowerpointProcedures Powerpoint
Procedures Powerpoint
 
Q4 5
Q4 5Q4 5
Q4 5
 
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
Algoritmos e Logica de programação - #Aula 06 - Linguagens De ProgramaçãoAlgoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
 
De veranderende (IT)-wereld
De veranderende (IT)-wereldDe veranderende (IT)-wereld
De veranderende (IT)-wereld
 
Controversial music videos
Controversial music videosControversial music videos
Controversial music videos
 
Vinyl analysis
Vinyl analysisVinyl analysis
Vinyl analysis
 
Notions fondamentales sur le développement d’applications HTML5
Notions fondamentales sur le développement d’applications HTML5Notions fondamentales sur le développement d’applications HTML5
Notions fondamentales sur le développement d’applications HTML5
 
Disappearance effect and how i found it
Disappearance effect and how i found itDisappearance effect and how i found it
Disappearance effect and how i found it
 

Mais de Erick L. F.

Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Tudo No HTML5 é Novo?Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Tudo No HTML5 é Novo?Erick L. F.
 
Curso de HTML5 - Hipertexto Vs Hiperlink
Curso de HTML5 - Hipertexto Vs HiperlinkCurso de HTML5 - Hipertexto Vs Hiperlink
Curso de HTML5 - Hipertexto Vs HiperlinkErick L. F.
 
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Algoritmos e Logica de programação - #Aula 08 - Algoritmos ComputacionaisAlgoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Algoritmos e Logica de programação - #Aula 08 - Algoritmos ComputacionaisErick L. F.
 
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de SoftwareCurso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de SoftwareErick L. F.
 
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da ProgramaçãoAlgoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da ProgramaçãoErick L. F.
 
JavaScript - #Aula05 parte 08 - Cookies
JavaScript - #Aula05 parte 08 - CookiesJavaScript - #Aula05 parte 08 - Cookies
JavaScript - #Aula05 parte 08 - CookiesErick L. F.
 
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de SoftwareCurso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de SoftwareErick L. F.
 
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?Erick L. F.
 
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
Curso de Java - #Aula 04 - Primeiros sistemas operacionaisCurso de Java - #Aula 04 - Primeiros sistemas operacionais
Curso de Java - #Aula 04 - Primeiros sistemas operacionaisErick L. F.
 
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCIIAlgoritmos e Logica de programação - #Aula 04 - Tabela ASCII
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCIIErick L. F.
 
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
JavaScript - #Aula05 parte 05 - Tamanho da ImagemJavaScript - #Aula05 parte 05 - Tamanho da Imagem
JavaScript - #Aula05 parte 05 - Tamanho da ImagemErick L. F.
 
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?Erick L. F.
 
Curso de Java - #Aula 03 - Organização do Computador
Curso de Java - #Aula 03 - Organização do ComputadorCurso de Java - #Aula 03 - Organização do Computador
Curso de Java - #Aula 03 - Organização do ComputadorErick L. F.
 
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...Erick L. F.
 
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Resumos e Resenhas: A guerra dos Tronos - #06 - DaenerysResumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Resumos e Resenhas: A guerra dos Tronos - #06 - DaenerysErick L. F.
 
Desenvolvimento de Jogos - #Aula 21 - Space Invaders
Desenvolvimento de Jogos - #Aula 21 - Space InvadersDesenvolvimento de Jogos - #Aula 21 - Space Invaders
Desenvolvimento de Jogos - #Aula 21 - Space InvadersErick L. F.
 
Curso de Blender - #Aula 02 - Historia do Blender
Curso de Blender - #Aula 02 - Historia do BlenderCurso de Blender - #Aula 02 - Historia do Blender
Curso de Blender - #Aula 02 - Historia do BlenderErick L. F.
 
Curso de Engenharia de Software - #Aula 02 - O Que é Software?
Curso de Engenharia de Software - #Aula 02 - O Que é Software?Curso de Engenharia de Software - #Aula 02 - O Que é Software?
Curso de Engenharia de Software - #Aula 02 - O Que é Software?Erick L. F.
 
Algoritmos e Logica de programação - #Aula 02 - Organização do Computador
Algoritmos e Logica de programação - #Aula 02 - Organização do ComputadorAlgoritmos e Logica de programação - #Aula 02 - Organização do Computador
Algoritmos e Logica de programação - #Aula 02 - Organização do ComputadorErick L. F.
 
Resumos e Resenhas: A guerra dos Tronos - #05 - Catalyn Stark
Resumos e Resenhas: A guerra dos Tronos - #05 - Catalyn StarkResumos e Resenhas: A guerra dos Tronos - #05 - Catalyn Stark
Resumos e Resenhas: A guerra dos Tronos - #05 - Catalyn StarkErick L. F.
 

Mais de Erick L. F. (20)

Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Tudo No HTML5 é Novo?Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Tudo No HTML5 é Novo?
 
Curso de HTML5 - Hipertexto Vs Hiperlink
Curso de HTML5 - Hipertexto Vs HiperlinkCurso de HTML5 - Hipertexto Vs Hiperlink
Curso de HTML5 - Hipertexto Vs Hiperlink
 
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Algoritmos e Logica de programação - #Aula 08 - Algoritmos ComputacionaisAlgoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
 
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de SoftwareCurso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
 
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da ProgramaçãoAlgoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
 
JavaScript - #Aula05 parte 08 - Cookies
JavaScript - #Aula05 parte 08 - CookiesJavaScript - #Aula05 parte 08 - Cookies
JavaScript - #Aula05 parte 08 - Cookies
 
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de SoftwareCurso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
 
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
 
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
Curso de Java - #Aula 04 - Primeiros sistemas operacionaisCurso de Java - #Aula 04 - Primeiros sistemas operacionais
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
 
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCIIAlgoritmos e Logica de programação - #Aula 04 - Tabela ASCII
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
 
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
JavaScript - #Aula05 parte 05 - Tamanho da ImagemJavaScript - #Aula05 parte 05 - Tamanho da Imagem
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
 
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
 
Curso de Java - #Aula 03 - Organização do Computador
Curso de Java - #Aula 03 - Organização do ComputadorCurso de Java - #Aula 03 - Organização do Computador
Curso de Java - #Aula 03 - Organização do Computador
 
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
 
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Resumos e Resenhas: A guerra dos Tronos - #06 - DaenerysResumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
 
Desenvolvimento de Jogos - #Aula 21 - Space Invaders
Desenvolvimento de Jogos - #Aula 21 - Space InvadersDesenvolvimento de Jogos - #Aula 21 - Space Invaders
Desenvolvimento de Jogos - #Aula 21 - Space Invaders
 
Curso de Blender - #Aula 02 - Historia do Blender
Curso de Blender - #Aula 02 - Historia do BlenderCurso de Blender - #Aula 02 - Historia do Blender
Curso de Blender - #Aula 02 - Historia do Blender
 
Curso de Engenharia de Software - #Aula 02 - O Que é Software?
Curso de Engenharia de Software - #Aula 02 - O Que é Software?Curso de Engenharia de Software - #Aula 02 - O Que é Software?
Curso de Engenharia de Software - #Aula 02 - O Que é Software?
 
Algoritmos e Logica de programação - #Aula 02 - Organização do Computador
Algoritmos e Logica de programação - #Aula 02 - Organização do ComputadorAlgoritmos e Logica de programação - #Aula 02 - Organização do Computador
Algoritmos e Logica de programação - #Aula 02 - Organização do Computador
 
Resumos e Resenhas: A guerra dos Tronos - #05 - Catalyn Stark
Resumos e Resenhas: A guerra dos Tronos - #05 - Catalyn StarkResumos e Resenhas: A guerra dos Tronos - #05 - Catalyn Stark
Resumos e Resenhas: A guerra dos Tronos - #05 - Catalyn Stark
 

JavaScript - #Aula05 parte 07 - Evento Onresize

  • 2. Conhecendo Melhor o Onresize  Nós já vimos na pratica como funciona o onResize, mas aprendemos tudo mesmo, o onresize como já vimos na verdade serve para detectar quando o usuário está redimensionando a janela, em celulares e outros dispositivos o próprio sistema faz isso, mas o onresize entende e dimensiona a imagem para que ela fique do tamanho adequado ao tamanho da janela do dispositivo.  Quem dimensiona a janela na verdade é o usuário ou o sistema do usuário, por isso esse evento não ocorre automaticamente, mas sim quando a janela e alterada de tamanho ou pelo usuário ou pelo sistema de onde está sendo acessado aquele site.
  • 3. Conheça nosso canal no Youtube  Canal:  https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A
  • 4. Referencia  Recomendamos a leitura  MORRISON, Michael. Use a Cabeça JavaScript. Editora Alta Books Ltda, 2008.