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

3 Arquiteturas Django

3 Arquiteturas Django

Apresentação de 3 arquiteturas Django com foco na arquitetura que ajuda a separar um pouco o frontend do backend para aplicação ficar mais bonitona.

Roger Camargo

March 08, 2021
Tweet

More Decks by Roger Camargo

Other Decks in Programming

Transcript

  1. AGENDA 1 - Visão geral das 3 arquiteturas Django 2

    - O que mais gostei no Django 3 - Por que Django admin nunca me ajudou 4 - Django no projeto G20 (django padrão) 5 - Insight para a arquitetura 2 6 - Detalhes da arq. 2 (melhor integração com frontend) 7 - Quais as vantagens para separar 100% o frontend? Arq. 3 (o que Django não ajudou)
  2. - Openapi & Especificação primeiro (Design first) - Consultas mais

    elaboradas (ORM) - Framework vs Microframework - Alto acoplamento - API (Rest Framework) vs abrir mão 80% - Difícil usar bibliotecas JS modernas, transpilers - Integrar VueJS no template - Não usar /media
  3. ROGER CAMARGO @huogerac CLIPPER DBASE MS-ACCESS / VBA JAVA J2EE

    (Enterprise) PYTHON DJANGO Web & Startup PYTHON JAVASCRIPT NODEJS 2002 2006 2012 2015
  4. POR QUE DJANGO? APLICAÇÕES PLUGÁVEIS ORM MIGRAÇÕES DO BANCO PYTHON

    - Users / Groups / Permissions - Fixtures - Lifecycle - Admin (para back office) - 1 click deploy
  5. HTML / JS / CSS REGRAS DE NEGÓCIO URLS /

    VIEWS / ORM FRONTEND DJANGO PYTHON
  6. Principais Motivações: - Separar um pouco frontend & Backend (time)

    - Bootstrap não é o suficiente - Não quero colocar regras de front no meu Backend - Uso de CSS, JS e templates modernos - Prototipar rápido Motivações Extras - Camada de view sem regras de negócio - testes com Pytest - mock com model-bakery - Class Based Views (Melhor reutilização) - Camada de serviços
  7. SHOW ME THE CODE TEMPLATE BONITÃO + DJANGO FLOPPYFORMS +

    PACKAGE.JSON https://github.com/huogerac/cookiecutter-djangofloppyforms
  8. Ahh + 80% é meu trabalho, no backend é só

    uma APIzinha pegando os dados do banco Ahh + 80% é meu trabalho, no front é só umas telinhas bonitinhas chamando o backend #UX, UI, Responsivo, Cores, Call4Actions, ES6, Lint, Webpack ... #Web, Regras, 12 Factors, Deploy, CI, Testes, Migrations, Tokens, JWT... FRONTEND BACKEND Enquanto isto no ... Doc. API Openapi ...
  9. CREDITS: This presentation template was created by Slidesgo, including icons

    by Flaticon, and infographics & images by Freepik. Please keep this slide for attribution. Ajude a melhorar este conteúdo: https://pt.surveymonkey.com/r/FLLQJJH
  10. CREDITS: This presentation template was created by Slidesgo, including icons

    by Flaticon, and infographics & images by Freepik. Please keep this slide for attribution. OBRIGADO Mantenha o contato @huogerac [email protected] https://speakerdeck.com/huogerac