Clean code: programando com WordPress de forma profissional

19
Clean Code Programando com WordPress de Forma Profissional Titulo inspirado no livro Clean Code: A Handbook of Agile Software Craftsmanship de Uncle Bob.

Transcript of Clean code: programando com WordPress de forma profissional

Page 1: Clean code: programando com WordPress de forma profissional

Clean CodeProgramando com

WordPress de Forma Profissional

Titulo inspirado no livro Clean Code: A Handbook of Agile Software Craftsmanship de Uncle Bob.

Page 2: Clean code: programando com WordPress de forma profissional

<h1><?php the_title(); ?></h1>

Leo Baiano#WebDev para pagar as contasMúsico quando estou bêbadoPoeta por vocaçãoRomântico de nascençaFAZEDOR DE SLIDES nas horas vagas

https://profiles.wordpress.org/leobaiano/https://www.facebook.com/leo.baiano1E-mail: [email protected]

Page 3: Clean code: programando com WordPress de forma profissional

Vamos falar sobre Tufãozinhoe o cantinho do pensamento...

Clean Code - Programando com WordPress de Forma Profissional

Page 4: Clean code: programando com WordPress de forma profissional

Cantinho do pensamento até aprender...

…a nunca mais usar query_posts();

Clean Code - Programando com WordPress de Forma Profissional

Page 5: Clean code: programando com WordPress de forma profissional

… não use query_posts();

AJUDE AS FADINHAS...Clean Code - Programando com WordPress de Forma Profissional

Page 6: Clean code: programando com WordPress de forma profissional

Preguetinhopara modificar o loop principal

https://codex.wordpress.org/Plugin_API/Action_Reference/pre_get_posts

Clean Code - Programando com WordPress de Forma Profissional

Page 7: Clean code: programando com WordPress de forma profissional

WP_Query()para mais de um loop na página

https://codex.wordpress.org/Class_Reference/WP_Query

Clean Code - Programando com WordPress de Forma Profissional

Page 8: Clean code: programando com WordPress de forma profissional

O que preciso saber para desenvolver projetos profissionais usando WordPress?

- Planeje e estruture o projeto antes de tudo

- Siga o padrão: WordPress Coding Standard

- Conheça bem a hierarquia de arquivos

- Use funções nativas: o CODEX é seu amigo.

- Modularize tudo que puder

- Não seja preguiçoso

Clean Code - Programando com WordPress de Forma Profissional

Page 9: Clean code: programando com WordPress de forma profissional

Planejando meu projeto

Se eu tiver 5 dias para cortar uma árvorepassarei 3 deles afiando o machado."não sei quem é o autor, será que inventei isso?"

Clean Code - Programando com WordPress de Forma Profissional

Page 10: Clean code: programando com WordPress de forma profissional

Planejando meu projeto

No WordPress, para nós desenvolvedores, planejar nada mais é que:

1 - Rezar para que o atendimento ou GP tenha feito o escopo;2 - Não matar ninguém quando descobrir que o escopo tem 2 linhas e parece mais um briefing;3 - ....

É definir a estrutura do projeto. O que será CPT? O CPT terá taxonomias, quais são elas? Quais campos personalizados

cada post precisa?

Clean Code - Programando com WordPress de Forma Profissional

Page 11: Clean code: programando com WordPress de forma profissional

Siga o padrão: WordPress Coding Standardhttps://codex.wordpress.org/WordPress_Coding_Standards

Por mais que você ame seu jeito de fazer as coisas, é preciso fazer de forma que outras pessoas consigam facilmente entender e trabalhar no mesmo projeto que você.

Clean Code - Programando com WordPress de Forma Profissional

Page 12: Clean code: programando com WordPress de forma profissional

Hierarquia de arquivoshttps://codex.wordpress.org/pt-br:Hierarquia_de_Modelos_WordPress

Clean Code - Programando com WordPress de Forma Profissional

Page 13: Clean code: programando com WordPress de forma profissional

Use funções nativas: o CODEX é seu amigo.

<h1><?php the_title(); ?></h1>

<?php the_title( '<h1>', '</h1>' ); ?>

Clean Code - Programando com WordPress de Forma Profissional

Page 14: Clean code: programando com WordPress de forma profissional

Use funções nativas: o CODEX é seu amigo.

// Retorna uma quantidade de palavras de uma determinada string$trimmed = wp_trim_words( $text, $num_words = 55, $more = null );

// checked, selected e disabled em campos de formuláriochecked( $checked, $current = true, $echo = true );selected( $selected, $current = true, $echo = true );disabled( $disabled, $current = true, $echo = true );

// Verifica se o acesso veio de um dispositivo móvelwp_is_mobile();

// Evite que robôs copiem o e-mail pelo código HTMLantispambot();

// Criando slugs (Teste de texto = teste-de-texto)sanitize_title_with_dashes()

Resista a tentação de fazer na mão

Clean Code - Programando com WordPress de Forma Profissional

Page 15: Clean code: programando com WordPress de forma profissional

Modularize tudo que puder.

Escrever no functions.php funciona, mas criar plugins facilitam o reaproveitamento de código, manutenção, implementação de novas funcionalidades em projetos

antigos e contribui com a comunidade.

Clean Code - Programando com WordPress de Forma Profissional

Page 16: Clean code: programando com WordPress de forma profissional

Modularize tudo que puder.O que modularizar?

- Escondendo menus não utilizados

- Personalizando a página de login

- Botões de compartilhar nas redes

- Lightbox

- Slides de destaque

- ...

Clean Code - Programando com WordPress de Forma Profissional

Page 17: Clean code: programando com WordPress de forma profissional

Não seja preguiçoso

O melhor conselho que posso dar pra vocês, aqui, hoje,

neste momento, é: não sejam preguiçosos

faz pra mim vai b

Clean Code - Programando com WordPress de Forma Profissional

Page 18: Clean code: programando com WordPress de forma profissional

Não seja preguiçoso

1 - language_attributes();2 e 3 - wp_enqueue_scripts, wp_enqueue_style, wp_enqueue_script

1

2 3

Clean Code - Programando com WordPress de Forma Profissional

Page 19: Clean code: programando com WordPress de forma profissional

Clean Code - Programando com WordPress de Forma Profissional

#fui