Oficina HTML5 + CSS3
•Download as PPTX, PDF•
1 like•511 views
O documento apresenta uma oficina sobre desenvolvimento web com HTML5 e CSS3 ministrada por Frederick Moschkowich. A oficina aborda tópicos como semântica, novas tags HTML5, formulários, CSS3, layout responsivo e Bootstrap.
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Oficina HTML5 + CSS3
Similar to Oficina HTML5 + CSS3 (20)
Oficina HTML5 + CSS3
- 1. Oficina de Desenvolvimento com HTML5 e CSS3 por Frederick Moschkowich
- 2. Quem sou? Frederick Moschkowich Desenvolvedor web há 10 anos Atualmente estagiário back-end developer no Instituto de Tecnologia Aplicada e Inovação (ITAI) Visão de um back-end sobre o Front-end por Frederick Moschkowich
- 3. O que vamos ver hoje? ● Semântica ● O que é HTML5? ● Por que usar? ● Como usar? ● CSS3 ● Design Responsivo / Bootstrap ● Perguntas e Respostas por Frederick Moschkowich
- 4. Semântica ● O que é? ● Para que serve? ● Web acessível a todos ● WAI-Aria ● Pagerank do Google ● Plugins o HTML5 Outliner por Frederick Moschkowich
- 6. O design na web hoje! ● Web 3.0 ● Material Design ● Falta conhecimento de Front-end ● Utilizar DIV em casos específicos por Frederick Moschkowich
- 7. Nosso Layout de hoje! por Frederick Moschkowich
- 8. Plugin e Inspecionar Elementos ● F12 é nosso amigo ● HTML5 Outliner por Frederick Moschkowich
- 9. Documento HTML5 por Frederick Moschkowich
- 10. Novas tags HTML5 ● <head><head> X <header></header> por Frederick Moschkowich
- 11. Novas tags HTML5 ● <head><head> X <header></header> por Frederick Moschkowich
- 12. Novas tags HTML5 ● <head><head> X <header></header> por Frederick Moschkowich
- 13. Novas tags HTML5 ● <nav> </nav> por Frederick Moschkowich
- 14. Novas tags HTML5 ● <section> </section> por Frederick Moschkowich
- 15. Novas tags HTML5 ● <article> </article> por Frederick Moschkowich
- 16. Novas tags HTML5 ● <aside> </aside> por Frederick Moschkowich
- 17. Novas tags HTML5 ● <footer> </footer> por Frederick Moschkowich
- 18. Novas tags HTML5 ● <figure> </figure> ● <figcaption> </figcaption> por Frederick Moschkowich
- 19. Novas tags HTML5 ● <canvas> </canvas> por Frederick Moschkowich
- 20. Novas tags HTML5 ● <video> </video> por Frederick Moschkowich
- 21. Novas tags HTML5 ● <audio> </audio> por Frederick Moschkowich
- 22. Intervalo
- 23. Formulários HTML5 ● Novos inputs o email o url o number o range o date o color por Frederick Moschkowich
- 24. Formulários HTML5 ● Atributos o autofocus o min e max o pattern o placeholder o required o step por Frederick Moschkowich
- 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. Layout Responsivo ● O que é ● Importância ● Media Queries ● CSS Reset ● Grid por Frederick Moschkowich
- 27. Bootstrap ● O que é ● Importância ● O que existe ● Como criar um por Frederick Moschkowich