Oficina HTML5 + CSS3

  • Published on
    17-Aug-2015

  • View
    96

  • Download
    2

Transcript

  1. 1. Oficina de Desenvolvimento com HTML5 e CSS3 por Frederick Moschkowich
  2. 2. Quem sou? Frederick Moschkowich Desenvolvedor web h 10 anos Atualmente estagirio back-end developer no Instituto de Tecnologia Aplicada e Inovao (ITAI) Viso de um back-end sobre o Front-end por Frederick Moschkowich
  3. 3. O que vamos ver hoje? Semntica O que HTML5? Por que usar? Como usar? CSS3 Design Responsivo / Bootstrap Perguntas e Respostas por Frederick Moschkowich
  4. 4. Semntica O que ? Para que serve? Web acessvel a todos WAI-Aria Pagerank do Google Plugins o HTML5 Outliner por Frederick Moschkowich
  5. 5. por Frederick Moschkowich
  6. 6. O design na web hoje! Web 3.0 Material Design Falta conhecimento de Front-end Utilizar DIV em casos especficos por Frederick Moschkowich
  7. 7. Nosso Layout de hoje! por Frederick Moschkowich
  8. 8. Plugin e Inspecionar Elementos F12 nosso amigo HTML5 Outliner por Frederick Moschkowich
  9. 9. Documento HTML5 por Frederick Moschkowich
  10. 10. Novas tags HTML5 X por Frederick Moschkowich
  11. 11. Novas tags HTML5 X por Frederick Moschkowich
  12. 12. Novas tags HTML5 X por Frederick Moschkowich
  13. 13. Novas tags HTML5 por Frederick Moschkowich
  14. 14. Novas tags HTML5 por Frederick Moschkowich
  15. 15. Novas tags HTML5 por Frederick Moschkowich
  16. 16. Novas tags HTML5 por Frederick Moschkowich
  17. 17. Novas tags HTML5 por Frederick Moschkowich
  18. 18. Novas tags HTML5 por Frederick Moschkowich
  19. 19. Novas tags HTML5 por Frederick Moschkowich
  20. 20. Novas tags HTML5 por Frederick Moschkowich
  21. 21. Novas tags HTML5 por Frederick Moschkowich
  22. 22. Intervalo
  23. 23. Formulrios HTML5 Novos inputs o email o url o number o range o date o color por Frederick Moschkowich
  24. 24. Formulrios HTML5 Atributos o autofocus o min e max o pattern o placeholder o required o step por Frederick Moschkowich
  25. 25. CSS3 O que h de novidade Exemplos o border-radius o box-shadow o rotation o text-shadow o opacity o animations o transitions por Frederick Moschkowich
  26. 26. Layout Responsivo O que Importncia Media Queries CSS Reset Grid por Frederick Moschkowich
  27. 27. Bootstrap O que Importncia O que existe Como criar um por Frederick Moschkowich
  28. 28. Perguntas e Respostas
  29. 29. Obrigado! /fredmosc /fred_mosc /fredmosc