Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Time de Desenvolvimento: Trabalhando em equipe sem matar o coleguinha

883 views

Published on

Conheça um pouco das ferramentas e metodologias utilizadas para trabalhar com times de Front-End e Back-End sem gerar uma chacina em sua empresa.

Published in: Internet
  • Be the first to comment

Time de Desenvolvimento: Trabalhando em equipe sem matar o coleguinha

  1. 1. Trabalhando em equipe sem matar o coleguinha Time de Desenvolvimento:
  2. 2. BIO - Deblyn Prado Começou a explorar as capacidades do HTML ainda nos meados de 2003 quando animar a barra de status do IE e usar Mouse Trail garantiam o sucesso de um site. Atualmente é formado em Análise e Desenvolvimento de Sistemas, faz parte do time de Desenvolvimento Web do NIC.br e participou, dentre outros projetos, das reformulações do site do Registro.br, CGI.br e NIC.br. Também colabora em projetos Open Source sendo um dos organizadores do WordCamp São Paulo e contribuindo de diversas formas para o crescimento e expansão da comunidade no país.
  3. 3. Experiência em desenvolvimento back-end e operação, trabalhou no time de desenvolvimento de sistemas no NIC.br. Atualmente trabalha no Ceweb.br e W3C Brasil, atua na área de pesquisa com foco em Web Semântica e Linked Data. É um dos editores do documento de boas práticas para publicação de dados na Web do Working Group DWBP, do W3C. Formado em Ciência da Computação e mestrando em Tecnologias da Inteligência e Design Digital (TIDD / PUC-SP). BIO - Newton Calegari
  4. 4. Caso Real - CGI.br
  5. 5. Caso Real - REGISTRO.br
  6. 6. Caso Real - NETMUNDIAL
  7. 7. Caso Real - IGF2015
  8. 8. Stylesheet simples .css .vantagens:after { content: "easy to write"; } .css .desvantagens:after { content: "hard to maintain"; }
  9. 9. Stylesheet pré-compilada .scss, .sass, .less { .vantagens:after { content: "easy"; } } .scss, .sass, .less { .desvantagens:after { content: "null"; } }
  10. 10. Stylesheet: Nossa escolha A estrutrura: http://thesassway.com/beginner/how-to-structure-a-sass-project
  11. 11. SASS - Habilidades ● Variáveis ● Mixins ● Sprite (Compass) ● CSS minificado
  12. 12. SASS - Variáveis
  13. 13. SASS - Mixins
  14. 14. Reutilizando HTML A estrutrura: https://jekyllrb.com/docs/structure/
  15. 15. Jekyll - Habilidades ● HTML Components ● Templates ● IF, For and While ● Dados independentes da estrutura
  16. 16. Twitter Boostrap - A melhor das piores escolhas ❖ Source Code: TwB descompilado em Less e SASS. ❖ Custom: TwB personalizado somente com os componentes que serão utilizados no projeto ❖ Default: Todas as funções e componentes do projeto minificados e prontos para serem utilizados
  17. 17. e na hora de fazer o back-end...
  18. 18. Scrum ● Reuniões diárias ● Reunião semanal de Sprint ● Kanban
  19. 19. UML não faz mal para ninguém ● Modelar (parte do) sistema ● Compartilhar uma ideia (intenção, abstração, modelo)
  20. 20. :-)
  21. 21. Simples, mas eficiente
  22. 22. Não deixe para testar em produção
  23. 23. @deblynprado deblyn@nic.br @newtoncalegari newton@nic.br Contatos

×