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

PO UI: biblioteca de componentes Angular

PO UI: biblioteca de componentes Angular

PO UI - Biblioteca de componentes Angular

O PO UI é uma biblioteca brasileira de componentes e templates em Angular que foi desenvolvida com foco no aumento da produtividade para desenvolvimento de páginas e aplicações web.
Com mais de 70 componentes e templates prontos, conta ainda com documentação em português e muitos exemplos de uso com código-fonte.

Aline Lariguet
https://www.linkedin.com/in/aline-lariguet-42b57a33/

Jhony Eduardo
https://www.linkedin.com/in/jhony-eduardo-senem-4058036a/

TOTVS Developers

August 28, 2020
Tweet

More Decks by TOTVS Developers

Other Decks in Programming

Transcript

  1. PO UI
    Biblioteca de componentes Angular

    View Slide

  2. ALINE LARIGUET
    Desenvolvedora
    Core Team PO UI
    aline-lariguet-42b57a33/
    alinelariguet
    @alinelariguet
    JHONY SENEM
    Desenvolvedor
    Core Team PO UI
    jhony-eduardo-senem-4058036a/
    jhonyeduardo
    @jhonysenem

    View Slide

  3. O que significa PO?

    View Slide

  4. Homenagem à Panthera onca
    Onça-pintada
    ● Maior felino das américas
    ● Único representante do gênero Panthera no nosso
    continente.
    Pertence à categoria "quase ameaçada" de extinção
    segundo a IUCN (União Internacional para
    Conservação da Natureza).

    View Slide

  5. O que é o PO UI?

    View Slide

  6. Biblioteca de
    Componentes Angular
    Licença MIT
    Usabilidade
    Produtividade
    Open source
    O que é o PO UI?

    View Slide

  7. Para quem é o PO UI?

    View Slide

  8. pequeno porte, grande
    porte, qualquer
    tamanho.
    Empresas
    iniciantes, experientes,
    frontends, backends,
    fullstacks, etc…
    Desenvolvedores
    Quem quiser e tiver afim
    de se aventurar!!!
    Quem quiser :D
    ensino médio, faculdade,
    curso técnico, autodidata,
    etc...
    Estudante
    Para quem é o PO UI?

    View Slide

  9. Por que utilizar o PO UI?

    View Slide

  10. ➔ Qualidade
    ➔ Componentes traduzidos
    ➔ Biblioteca responsiva
    ➔ Desenvolvimento mobile
    ➔ Aplicações offline
    ➔ Documentação em português e vários
    exemplos de utilização com
    código-fonte.
    Por que utilizar o PO UI?

    View Slide

  11. po-ui.io

    View Slide

  12. Mais alguns números pra
    pensar...

    View Slide

  13. +60 componentes
    +9 templates
    +17 schematics
    +210 exemplos
    +100 documentos
    +10 artigos
    +1000 downloads semanais
    408 estrelas (github)
    +400 pull requests
    +130 issues
    +70 repositórios usando
    +58 projetos cadastrados
    Mais alguns números pra pensar...

    View Slide

  14. Live
    Code

    View Slide

  15. Repositório Live Code
    https://github.com/po-ui/crud-po-ui-workshop

    View Slide

  16. Pinned Issues
    https://github.com/po-ui/po-angular/issues

    View Slide

  17. Próximos passos
    ➔ Acessibilidade
    ➔ Design System
    ➔ Grid

    View Slide

  18. Obrigado!!!
    Dúvidas?

    View Slide