Front-End do Século XXI.I
Upcoming SlideShare
Loading in...5
×
 

Front-End do Século XXI.I

on

  • 931 views

HTML5, CSS3, JS and more things...

HTML5, CSS3, JS and more things...

Statistics

Views

Total Views
931
Views on SlideShare
929
Embed Views
2

Actions

Likes
1
Downloads
17
Comments
0

2 Embeds 2

http://nodeslide.herokuapp.com 1
http://coderwall.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Front-End do Século XXI.I Front-End do Século XXI.I Presentation Transcript

  • Front-end do século XXI.IHTML5, CSS3, JS and more things... LuizTiago.com
  • Luiz Tiago...Front-end Manager @ MGR TecnologiaiPhone DeveloperjQuery Brasil TeamEspecialista em “Mobile Development”And more things...
  • Um pouco do passado... ultrad.com.br
  • Um pouco do passado...A web não tinha formaA W3C estava começandoOs desenvolvedores estavam começandoOs browsers estavam começando
  • Um pouco do passado...“Escolha o browser que você utiliza”“Qual resolução você utiliza?”( ) 640x480 ( ) 800x600
  • Estamos no passado?“Este site só funciona no Internet Explorer”“Resolução máxima recomendada”Sites que não funcionam em dispositivosmóveisFalta de mão-de-obra qualificada
  • Melhoria progressivaO projeto é feito de baixo para cimaEm seguida o desenvolvedor adicionafuncionalidades e melhorias para ocomportamento da página
  • Melhoria progressivaAs funcionalidades não são afetadasA navegabilidade não é afetadaApenas o layout e efeitos avançados podemsofrer pequenas alterações dependendo dobrowser em que estiver acessando
  • Timeline 2001 2011 20219,8 milhões 58 milhões ?????
  • Mercado
  • Mercado Como ser procurado? Como ser escolhido? Como manter destaque?
  • Tríade Client-sideHTMLCSS Javascript
  • Front-end Designer x EngineerHTML e CSS, hoje, é obrigação de todo o timeJavascript cresce cada dia maisPor que ficar de fora?
  • Hands on...
  • CSS3
  • CSS3Bordas arredondadasSombras e degradêsAnimações / TransiçõesFontes diferenciadasFácil criação de layout em colunasNem todo browser suporta...
  • CSS3
  • Não é CSS3,mas vale à pena!
  • CSS3Chrome / Firefox / Safari IE6 / IE7 / IE8
  • CSS3http://www.css3files.com/http://www.css3.info/http://www.css3generator.com/
  • Anunciado no início de 2009Conclusão (implementação 100%) previstapara 2022Esperar?
  • Navegadores antigos sãocomo TV’s preto e branco....
  • Navegadores modernossão como TV’s Full HD....
  • A TV já resolveu esse problema... (Zeno Rocha) E você esperando?
  • Tags semânticas<header> <footer><article> <section> <content><nav> <hgroup><data>entre outras...
  • Elementos multimídiaaudiovideo
  • Desenhoscanvassvg
  • Elementos que valorizam a semântica;Elementos multimídia;Facilidade para desenhos dinâmicos (canvas);Drag and Drop de elementos;Geolocation API;Armazenamento de dados no cliente;Não faz quase nada sozinho
  • var comoFaz =“JAVASCRIPT”;
  • JAVASCRIPTTop Languages @ Github
  • JAVASCRIPTNão tem nada haver com JavajQueryAJAXJSON Futuro!
  • jQueryHá muito tempo é a biblioteca Javascript demaior usoCódigo-abertoCross-browser :)Qualquer um pode contribuir
  • jQuery - quem usa?Google, Amazon, IBM, Microsoft, Twitter, Dell,Best Buy, NBC, EA, Match, ESPN, CBS News,Bank of AmericaEu...Você!
  • jQuery - como contribuir?Código https://github.com/jquery/jquery http://bugs.jquery.com/Tradução (EN -> PT-BR) http://www.jquerybrasil.org
  • More things...NoSQL PerformanceNode.JS MobileTestes EscalabilidadePatterns ModularizaçãoGit
  • Front-end do século XXI.IUm ninja não aparece muito...mas deixa um resultado considerável(Leo Balter)
  • Can I help you?@ luiztiagowww.luiztiago.comluiztiago@luiztiago.com