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.

1. Trabalhando em equipe sem matar o coleguinha
Time de Desenvolvimento:

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. 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. Caso Real - CGI.br

5. Caso Real - REGISTRO.br

6. Caso Real - NETMUNDIAL

7. Caso Real - IGF2015

8. Stylesheet simples
.css .vantagens:after {
content: "easy to write";
}
.css .desvantagens:after {
content: "hard to maintain";
}

10. Stylesheet pré-compilada
.scss, .sass, .less {
.vantagens:after {
content: "easy";
}
}
.scss, .sass, .less {
.desvantagens:after {
content: "null";
}
}

11. Stylesheet: Nossa escolha
A estrutrura: http://thesassway.com/beginner/how-to-structure-a-sass-project

12. SASS - Habilidades
● Variáveis
● Mixins
● Sprite (Compass)
● CSS minificado

13. SASS - Variáveis

14. SASS - Mixins

15. Reutilizando HTML
A estrutrura: https://jekyllrb.com/docs/structure/

16. Jekyll - Habilidades
● HTML Components
● Templates
● IF, For and While
● Dados independentes da estrutura

18. 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

19. e na hora de fazer o back-end...

21. Scrum
● Reuniões diárias
● Reunião semanal de Sprint
● Kanban

22. UML não faz mal para ninguém
● Modelar (parte do) sistema
● Compartilhar uma ideia (intenção, abstração,
modelo)

23. :-)

24. Simples, mas eficiente

25. Não deixe para testar em produção

26. @deblynprado deblyn@nic.br
@newtoncalegari newton@nic.br
Contatos