css::anything

Slides do minicurso css::anything, um treinamento imersivo e reativo de CSS que visa aprofundar os conceitos dos participantes com CSS por meio de criação de pens no CodePen.

O css:anything foi ministrado junto com o Felipe Bernardes na Fatec Sorocaba nos dias 03, 04 e 05 de julho.

Transcript

1. css::anything
   sorocabacss
   Amanda Vilela && Felipe Bernardes
   

   View Slide

2. quem são vocês?
   

   View Slide

3. quem somos nós?
   

   View Slide

4. ~ $ whoami
   amandavilela
   #sorocaba
   https://ibm.com
   5
   amandavilela.com
   

   View Slide

5. ~ $ whoami
   felipebernardes
   felipebernardes.github.io
   #votorantim
   http://tegra.me
   3
   

   View Slide

6. por que estamos aqui?
   

   View Slide

7. wtf é o css::anything?
   É curso de imersão em CSS!
   você escolherá seus desafios.
   nós vamos te ajudar a fazer o que você quiser (com CSS).
   

   View Slide

8. importante
   ● esse curso depende de você pra acontecer
   ● participe o máximo possível
   ● sério mesmo
   

   View Slide

9. como vai rolar?
   ● shots do dribbble
   ● pens no codepen
   

   View Slide

10. View Slide

11. pra quê isso?
    ● autonomia em front-end
    ● portfólio em front-end
    

    View Slide

12. já tem uma conta no codepen?
    https://codepen.io ;)
    

    View Slide

13. um desafio inicial
    

    View Slide

14. #bauhaus
    

    View Slide

15. próximos passos
    ● dicas rápidas de layouting
    ● posicionamento do bauhaus
    

    View Slide

16. #bauhaus2
    

    View Slide

17. próximos passos
    ● ver alguns exemplos
    

    View Slide

18. ● https://codepen.io/amandavilela
    ● https://codepen.io/felipebernardes
    ● https://codepen.io/felipesoares6
    ● https://codepen.io/fuchien
    ● https://codepen.io/giuliacardieri
    ● https://codepen.io/henriquetsc
    ● https://codepen.io/hjdesigner
    ● https://codepen.io/julliasaad
    

    View Slide

19. próximos passos
    ● procurar um shot no dribbble
    ● implementar no codepen
    

    View Slide

20. #partiu
    

    View Slide

21. acabou!
    ...e agora?
    

    View Slide

22. 1st codepen meetup brazil
    

    View Slide

23. sorocabacss
    

    View Slide

24. grupy sp
    sorocabacss
    guru sorocaba
    python sorocaba
    codepen meetup brazil
    semana da tecnologia @ fatec sorocaba
    

    View Slide

25. guru sorocaba <3
    

    View Slide