Skip to content
Kevin Oliveira edited this page Feb 17, 2022 · 43 revisions

Padrões de Desenvolvimento

Padrões para desenvolvimento dos ambientes da Din Digital.

Sumário

O que todo projeto deve ter

README

TODO projeto, sem exceção, deve conter um arquivo readme.md especificando informações de instalação de projeto, acesso ao servidor - quando necessário - e outras informações relevantes para setar o ambiente tanto localmente quanto online.

Exemplo de especificações:

  • Versão da linguagem/framework. Ex: Node v9., PHP Laravel v.5.
  • Instalação de DPs
  • Instalação de banco de dados

Checklist:

Formulários

Exemplo aqui.

  • Mensagem de erro
  • Mensagem de sucesso ou página de sucesso
    • A utilização de uma página de sucesso é recomenda para projetos que pretendem criar campanhas usando Google Analytics
  • Loading que deverá substituir o botão de enviar quando o formulário for enviado
  • Google Recaptcha

Conteúdos Relacionados

  • Loading
  • Paginação ou Slider

Paginação

A paginação deve seguir o padrão Laravel e bootstrap. Você pode ver um exemplo aqui.

Página de Erro - 404

Todos os projetos devem possuir exemplo de página de erro. Na base de um projeto Laravel há um exemplo - 404.blade.php no diretório ./resources/views.

Telefone

O href de tags a de telefones devem possuir a seguinte estrutra:

<a href="tel:01144444444">(11) 4444-4444</a>

Tratamento de CK

Toda área de conteúdo dos sites devem ser tratados com a seguinte estrutura.

Guideline

CSS

Padrão de nomenclatura classes

Todos as classes começam com dd, então se você pegar um projeto - desde que não seja antigo - e se deparar com algumas classes começando com dd e outras não, saiba que a Din passou somente onde há o padrão. Exemplo de sintaxe de classe padronizada:

.dd-l-container {
  /* ... */
}

Em uma estrutura:

<p class="dd-m-title"><?php echo $name ?></p>

Obs: utilizamos as metodologias SMACSS e BEM para a escrita CSS.

Footer fixo no final da página

O rodapé principal deverá sempre ser fixo no fim da página.

Clone this wiki locally