{"id":369793,"date":"2023-04-28T13:07:00","date_gmt":"2023-04-28T10:07:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369793"},"modified":"2023-04-28T13:07:11","modified_gmt":"2023-04-28T10:07:11","slug":"como-otimizar-seu-processo-de-desenvolvimento","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-otimizar-seu-processo-de-desenvolvimento\/","title":{"rendered":"Como otimizar seu processo de desenvolvimento"},"content":{"rendered":"\n<p>Neste artigo, gostaria de compartilhar minha experi\u00eancia como l\u00edder de equipe de desenvolvedores do WordPress. Essa experi\u00eancia abrange o trabalho em v\u00e1rios <a href=\"https:\/\/beetroot.se\/services\/wordpress-development\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">servi\u00e7os de desenvolvimento do WordPress<\/a>, como temas e plugins, o desenvolvimento de novos sites de clientes e recursos para diferentes n\u00edveis de complexidade e carga.<\/p>\n<p>Enquanto trabalhava nos projetos, encontrei repetidamente situa\u00e7\u00f5es em que fizemos o mesmo trabalho e cometemos os mesmos erros. Isso me obrigou a <strong>considerar a necessidade de otimizar todo o processo<\/strong>. Vejamos os pontos mais importantes para otimizar a gest\u00e3o do processo de desenvolvimento.<\/p>\n<h2>Planejamento e design detalhados<\/h2>\n<p>Vamos come\u00e7ar com o design. <strong>Um projeto bem elaborado j\u00e1 ganhou metade da batalha<\/strong>. Desenvolvedores juniores tendem a ignorar essa parte, esperando que um esbo\u00e7o r\u00e1pido seja suficiente. Isso n\u00e3o \u00e9 realidade. <strong>\u00c9 melhor passar algumas horas elaborando um projeto para entender melhor como ele funcionar\u00e1<\/strong>, quais objetos s\u00e3o necess\u00e1rios e como eles ir\u00e3o interagir uns com os outros. Mesmo se voc\u00ea estiver trabalhando em algo simples, como um site com v\u00e1rios tipos de postagem, pegue um peda\u00e7o de papel ou um quadro branco e desenhe. Comece <strong>entendendo como esses p\u00f3s-tipos ir\u00e3o interagir, quais propriedades e metapolos eles ter\u00e3o, como se dar\u00e1 a troca de dados, como o usu\u00e1rio ir\u00e1 se cadastrar, quais formul\u00e1rios estar\u00e3o no site<\/strong>, e assim por diante. Isso facilitar\u00e1 a vida quando voc\u00ea e sua equipe come\u00e7arem a escrever c\u00f3digo. Em vez de se perguntar o que est\u00e1 acontecendo do outro lado do projeto, voc\u00ea pode se concentrar em resolver um problema de cada vez.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-312398-633e4f96ef0ec.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-312398-633e4f96ef0ec.jpg\" alt=\"Como otimizar seu processo de desenvolvimento\"><\/a><\/p>\n<h2>Divis\u00e3o de tarefas em subtarefas<\/h2>\n<p><strong>Todas as tarefas precisam ser divididas em subtarefas<\/strong>. Quanto mais fragmenta\u00e7\u00e3o detalhada voc\u00ea conseguir, melhor. N\u00e3o se empolgue demais, por\u00e9m, e fique dentro de limites razo\u00e1veis. Eu tenho uma regra para esta etapa de gerenciamento de processos \u2013 <strong>se houver uma tarefa global e eu n\u00e3o entender muito bem como complet\u00e1-la, eu a divido em subtarefas at\u00e9 que fique 100% claro<\/strong>. Na pr\u00e1tica, \u00e9 como se divid\u00edssemos o site em p\u00e1ginas, depois em blocos, separ\u00e1ssemos a funcionalidade do neg\u00f3cio em fun\u00e7\u00f5es e assim por diante. Isso funciona muito bem durante todo o processo de desenvolvimento subsequente. Al\u00e9m disso, sugiro que voc\u00ea use checklists \u2013 esta \u00e9 uma excelente visualiza\u00e7\u00e3o na hora de definir e executar tarefas. Al\u00e9m disso, todo mundo gosta de ver como o projeto est\u00e1 sendo conclu\u00eddo, item por item.<\/p>\n<h2>Estimativa de tempo precisa<\/h2>\n<p>Da minha experi\u00eancia anterior como l\u00edder de equipe, posso dizer que a estimativa de tempo do projeto \u00e9 dif\u00edcil de medir. H\u00e1 sempre (ou quase sempre) prazos superestimados ou subestimados, dados pelos desenvolvedores, o que faz com que toda a equipe sofra. <strong>Prazos otimistas s\u00e3o definidos com muita frequ\u00eancia<\/strong>, resultando em horas extras ou atrasos no projeto \u2013 e isso n\u00e3o \u00e9 bom para os neg\u00f3cios. Minha equipe e eu desenvolvemos nossa pr\u00f3pria metodologia para estimativa de tempo de projeto, e na verdade \u00e9 bem simples. Tendo dividido a tarefa em subtarefas e sabendo o tempo exato de cada subtarefa, podemos resumi-la e calcular o tempo total previsto para o desenvolvimento.<\/p>\n<h2>Ferramentas de automa\u00e7\u00e3o e desenvolvimento<\/h2>\n<p>Como qualquer outra esfera, os programadores t\u00eam suas pr\u00f3prias ferramentas bem desenvolvidas. Nossa tarefa \u00e9 reunir todas as ferramentas (por exemplo, um IDE, um sistema de controle de vers\u00e3o, um servidor local e outros) e poder sincronizar o trabalho da equipe. Por exemplo, usamos PHP-Storm, Github e Open Server. Claro, <strong>voc\u00ea pode escolher as ferramentas que s\u00e3o mais convenientes para voc\u00ea<\/strong>, mas o ponto de otimiza\u00e7\u00e3o \u00e9 que devemos garantir que todos os membros da equipe usem essas ferramentas e suas funcionalidades, em 100%.<\/p>\n<p>Durante projetos t\u00edpicos do WordPress, o trabalho \u00e9 dividido entre 2-3 pessoas. Isso geralmente \u00e9 suficiente para concluir o projeto se tudo for projetado com precis\u00e3o e distribu\u00eddo para cada lista de verifica\u00e7\u00e3o. Voc\u00ea tamb\u00e9m deve <strong>atribuir tarefas e subtarefas usando git e git-flow<\/strong>, para que n\u00e3o se sobreponham. Adicionar mais pessoas nem sempre significa acelerar o projeto. Se cada membro da equipe trabalhar com compet\u00eancia em suas tarefas espec\u00edficas, com tempo e recursos efetivamente alocados, o projeto pode ser conclu\u00eddo com rapidez e sucesso.<\/p>\n<p>Se voc\u00ea criar um c\u00f3digo compreens\u00edvel e leg\u00edvel, isso ajuda a facilitar outras tarefas e solu\u00e7\u00f5es \u2013 voc\u00ea n\u00e3o precisa mais lutar contra muletas ou peda\u00e7os arrastados, em vez de seguir em frente. <strong>A qualidade do c\u00f3digo pode ser considerada de v\u00e1rios \u00e2ngulos: nomes significativos para vari\u00e1veis, fun\u00e7\u00f5es, classes e ader\u00eancia geral ao c\u00f3digo do WordPress<\/strong>. A dica geral \u00e9 escrever o c\u00f3digo como se voc\u00ea fosse suport\u00e1-lo por um longo tempo. Atualmente, desenvolvedores inexperientes tendem a criar arquivos, nome\u00e1-los como &#8220;problem.functions.php&quot; e enviar todas as funcionalidades para l\u00e1. Em algum momento, o arquivo fica sobrecarregado com uma l\u00f3gica completamente diferente e a equipe passa o dia todo tentando descobrir. Um m\u00e9todo mais produtivo \u00e9 <strong>dividir o c\u00f3digo em pastas e arquivos, de acordo com a l\u00f3gica de neg\u00f3cio do projeto<\/strong>. Ao fazer isso, voc\u00ea pode economizar muito tempo no pr\u00f3prio processo de desenvolvimento, alocando tempo para facilitar o processo de fazer altera\u00e7\u00f5es e atualizar o c\u00f3digo.<\/p>\n<h2>Ferramentas de depura\u00e7\u00e3o<\/h2>\n<p>O processo de desenvolvimento nem sempre \u00e9 tranquilo. \u00c0s vezes, voc\u00ea deve ter paci\u00eancia e estar pronto para <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-inspecionar-elementos-do-site-em-seu-navegador\/\" title=\"depurar seu c\u00f3digo\">depurar seu c\u00f3digo<\/a>. A coisa toda pode ser dividida em duas categorias. <strong>Depurar no n\u00edvel da linguagem de programa\u00e7\u00e3o<\/strong> onde temos php, \u00e9 o primeiro. \u00c9 mais conveniente usar as ferramentas integradas em seu IDE e garantir que todos os desenvolvedores as tenham configurado e usado corretamente. Em segundo lugar, <strong>analisamos o uso de plugins especiais, que nos permitem coletar e ver informa\u00e7\u00f5es valiosas<\/strong>: do n\u00famero de consultas no banco de dados, at\u00e9 a lista de ganchos usados \u200b\u200bao carregar a p\u00e1gina. Dentre esses plugins, quero destacar Query Monitor, Mail Log, Health Check, Cron Manager. Al\u00e9m disso, minha equipe e eu criamos o plugin Dev Studio para compensar a funcionalidade que nos faltava. Este plugin nos permite ver vari\u00e1veis \u200b\u200be constantes, filtros, ganchos, dados, etc., e possibilita definir pontos de interrup\u00e7\u00e3o. Todos esses plugins s\u00e3o gratuitos e podem ser encontrados no reposit\u00f3rio oficial do WordPress.<\/p>\n<h2>Onde os desenvolvedores gastam seu tempo?<\/h2>\n<p>Realizamos uma pequena pesquisa de v\u00e1rias equipes do WordPress e encontramos um cronograma aproximado do trabalho dos desenvolvedores (isso n\u00e3o \u00e9 uma pesquisa completa, mas \u00e9 suficiente para visualizar um dia t\u00edpico na vida do desenvolvedor):<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-312398-633e4f99556d4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-312398-633e4f99556d4.jpg\" alt=\"Como otimizar seu processo de desenvolvimento\"><\/a><\/p>\n<p>Tarefas t\u00edpicas levam a maior parte do tempo dos desenvolvedores. Por exemplo, eles iniciam um novo projeto, criam um novo t\u00f3pico, inserem solu\u00e7\u00f5es prontas e ganchos que usamos anteriormente. Isso nem sempre \u00e9 o caso, mas frequentemente acontece em web studios que criam sites de clientes. Portanto, <strong>para oferecer melhor suporte aos desenvolvedores, voc\u00ea deve manter padr\u00f5es e solu\u00e7\u00f5es eficazes em sua base de conhecimento<\/strong>. Quanto aos 20% do tempo gasto no caf\u00e9 e nos intervalos, s\u00e3o pr\u00e1ticas bastante normais. Os desenvolvedores n\u00e3o devem passar o dia todo em um modo de trabalho focado. Fazer isso pode realmente levar ao aumento da fadiga e esgotamento. Fazer uma pausa \u00e9 saud\u00e1vel para ser mais produtivo. No que diz respeito a novas tarefas &#8211; <strong>criando funcionalidade e c\u00f3digo exclusivos<\/strong>\u2013 leva apenas 10% do tempo para desenvolvedores de web studio. Um fato interessante, essas tamb\u00e9m s\u00e3o as tarefas que os desenvolvedores mais gostam. Essas tarefas ajudam a melhorar a vida de usu\u00e1rios e clientes e s\u00e3o emocionantes de trabalhar.<\/p>\n<p>Em um mundo ideal, eu adoraria inverter esse diagrama para que novas tarefas ocupem a maior parte do tempo, deixando tarefas t\u00edpicas e rotineiras com menos tempo. N\u00e3o \u00e9 f\u00e1cil de fazer, mas voc\u00ea pode tomar medidas nesse cen\u00e1rio usando espa\u00e7os em branco (ou clich\u00eas, kits iniciais) e automatizar processos. Por exemplo, nossa equipe criou um tema de kit inicial flex\u00edvel. Este tema foi criado nos princ\u00edpios do MVC, usando Webpack. \u00c9 uma ferramenta flex\u00edvel para implantar rapidamente o projeto e tamb\u00e9m est\u00e1 pronta para dimensionamento. Na pr\u00e1tica, come\u00e7amos a economizar 40% do nosso tempo no desenvolvimento de sites de clientes. O tema \u00e9 de c\u00f3digo aberto e \u00e9 postado em dom\u00ednio p\u00fablico \u2013 pode ser encontrado no reposit\u00f3rio oficial do WordPress ou no git hub. E, claro, <strong>voc\u00ea pode criar seu pr\u00f3prio tema inicial ou elaborar um plugin para atender \u00e0s suas necessidades<\/strong>. A ideia principal \u00e9 entender claramente os requisitos e criar uma arquitetura flex\u00edvel.<\/p>\n<p>Espero que esta recomenda\u00e7\u00e3o o ajude no caminho para a excel\u00eancia! A fant\u00e1stica plataforma WordPress oferece enormes oportunidades, ent\u00e3o vamos us\u00e1-las com compet\u00eancia e eleg\u00e2ncia.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Essas dicas v\u00e3o ajudar quem quer aprender a otimizar o processo de desenvolvimento e aproveitar ao m\u00e1ximo cada projeto e produto. Confira.<\/p>\n","protected":false},"author":1,"featured_media":364053,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[573],"tags":[848],"class_list":["post-369793","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=369793"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369793\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/364053"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=369793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=369793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=369793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}