Upgrade to Pro — share decks privately, control downloads, hide ads and more …

css::anything

 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.

Amanda Vilela

July 03, 2017
Tweet

More Decks by Amanda Vilela

Other Decks in Programming

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