Ciclo de desenvolvimento de aplicativos da web: dicas para encurtar o desenvolvimento de aplicativos da web

Introdução aos artigos de produção de páginas da web: As dez dicas de economia de tempo para encurtar o desenvolvimento de aplicativos da web.

No ambiente de desenvolvimento de hoje, Fast é bom.

O vocabulário e terminologia populares de hoje, como desenvolvimento rápido de aplicativos, desenvolvimento de software ágil, JavaScript assíncrono e XML (agora não podemos esperar que as páginas da web sejam recarregadas), permite que você veja em que tipo de mundo acelerado em que você está.

Mas correr para fazer as coisas não significa que você precisa trabalhar horas extras - você precisa pensar sobre isso quando trabalhar. Este artigo fornecerá dez dicas de economia de tempo para reduzir o desenvolvimento de aplicativos da Web .

A estrutura extrai código regular, fornecendo uma estrutura básica e base para escrever aplicativos da Web.

Um exemplo muito típico da estrutura é o Rails, que é uma estrutura de desenvolvimento de aplicativos da Web para a linguagem de programação do Ruby. Ao fornecer pacotes de código pré -escrito (por exemplo, métodos de verificação de entrada do usuário) - você não apenas economiza tempo escrevendo seu próprio código em Ruby - você também está muito claro que esses pacotes foram testados e testados por outros desenvolvedores, o que pode reduzir muitos problemas ao testar a amplitude e também pode evitar possíveis vulnerabilidades causadas por falta de teste.

O mesmo benefício também é aplicável ao uso de estruturas JavaScript, como Mootools. Alguns dos métodos de classe que essas estruturas fornecem a você são fornecidos pelos principais desenvolvedores e comunidades e foram testados por extensos testes em muitos navegadores. A estrutura do idioma de script do cliente também inclui jQuery, protótipo JS e YUI. Se você deseja usar algumas estruturas JS não-mainstream, pode dar uma olhada nesta lista de estruturas JavaScript com grande potencial.

Para estruturas do lado do servidor, você pode considerar CakePHP, CodeIgniter, Zend ou Symphony. Se você gosta de idiomas VB e Microsoft suportados como C#, pode considerar a estrutura .NET.

Você pode até usar estruturas CSS como 960Grid ou Blueprint para escrever e padronizar rapidamente seu próprio estilo de estrutura de páginas.

Obviamente, você pode criar aplicativos da Web e suas páginas com apenas um editor de texto como Bloco de notas e FTP. Mas acho que a maioria das pessoas pensa que essa não é uma maneira sábia de desenvolver projetos de sites complexos e robustos.

Ambiente de Desenvolvimento Integrado (IDE), que o prepara com a coleção de ferramentas necessárias para criar e gerenciar grandes projetos de sites. As funções dos ambientes de desenvolvimento integrado estão mudando, mas todos têm alguns recursos comuns da seguinte maneira

1. Funções de gerenciamento de projetos e colaboração de equipes.

2. Funções de depuração e diagnóstico.

3. Sintaxe Prompts e funções de conclusão automática (IDE adivinhará a sintaxe que você deseja escrever)

4. Gramática destacada

5. FTP embutido, pode sincronizar arquivos em hosts locais e remotos

A palavra IDE pode ser um pouco chique, e algumas pessoas não estão familiarizadas com ela, mas as pessoas de big data deveriam ter ouvido falar de Dreamweaver da Adobe. O Dreamweaver pode ser considerado como um ambiente de desenvolvimento integrado. Como ele contém algumas das funções mencionadas acima, ajuda a escrever o código mais rapidamente. (Ele geralmente é adequado para a produção front-end. Mas também suporta linguagens do lado do servidor como PHP e ASP.NET)

Atualmente, existem muitos IDEs on -line, tudo o que você precisa fazer é escolher um para você (ou para sua equipe). Como alguns IDEs populares e totalmente feitos como Eclipse, Komodo IDE, Netbeans, Visual Studio e Aptana Studio.

A modularidade é a chave para criar aplicativos complexos que são fáceis de manter e escalar. Essencialmente, isso significa que o código é escrito em peças pequenas, em vez de escrever todo o código em um arquivo grande.

O início modular tem seus próprios custos de tempo (porque você precisa gastar muito esforço no design de estruturas de arquivos.) No entanto, quando precisar alterar um componente ou deseja expandir seu aplicativo, ele economizará muito tempo.

A modularidade também limita os bugs aos módulos. Se houver um problema, você encontrará rapidamente o problema.

No entanto, o abuso de modularidade causará inchaço no código e muitas declarações desnecessárias incluem declarações que diminuirão bastante todo o aplicativo. Portanto, entre modularidade muito alta e muito baixa, precisamos alcançar um bom equilíbrio.

Alguns padrões de design modular incluem modos MVC e PAC.

Não há como lidar com algo pior do que a compatibilidade entre navegadores e problemas de análise. Este poste o deixará louco, e a frustração que ela traz para você quase faz você sentir que é difícil aliviar seu ódio sem esmagar algo. No entanto, as ferramentas de depuração integradas ao navegador farão com que a localização e o diagnóstico de problemas de front-end além do rápido e eficiente.

O Firebug e o desenvolvedor da Web são ferramentas de economia de tempo absolutamente necessárias e se tornaram ferramentas essenciais para os desenvolvedores da Web de front-end. O Firbug pode visualizar facilmente o DOM para entender seus princípios e pode ajustar o CSS/HTML/JS em operação. Além disso, também pode ajudá -lo a depurar e perfilar seu código JavaScript, ajudá -lo a resolver o problema do que fez com que seu script executasse a interrupção. O desenvolvedor da Web fornece uma série de ferramentas úteis. Algumas ferramentas permitem que você clique em um elemento de página para ver quais declarações de estilo afetam o elemento e também podem torná -lo conveniente para você desativar JavaScript e CSS, permitindo que você entenda como sua página funciona sem JavaScript ou CSS.

Se você precisar depurar no navegador do IE, experimente a barra de ferramentas do IE Developer. É muito semelhante ao Firebug e desenvolvedor da Web em funcionalidade. Se você deseja encontrar mais ferramentas de depuração do IE integradas ao navegador para ajudá -lo a economizar tempo de depuração, clique neste link.

Se você se encontrar sempre fazendo coisas repetitivas, deve refletir sobre sua estrutura de código. Considere aprender padrões de design comuns que o ajudarão a criar métodos, funções e objetos flexíveis reutilizáveis.

Por exemplo, se você precisar vincular -se ao banco de dados com frequência, pode ser necessário criar uma classe de acesso ao banco de dados para lidar com links de banco de dados, consultas e envios de dados.

Na verdade - você não está sozinho em seu trabalho. Esteja você trabalhando para uma equipe de desenvolvimento ou para alguém (essa pessoa pode ser seu chefe ou seu cliente), você deve aproveitar completamente os benefícios de colaborar on -line e rastrear o status do projeto.

Quanto menos tempo você gasta em tarefas administrativas ou menos tempo gasta em reuniões infinitas (ou, pior, o tipo de reuniões pessoais que exigem uma viagem de negócios) - mais tempo você gasta em código.

Ferramentas como Basecamp, Lighthouse e ActiveCollab fornecem um serviço de colaboração de equipe único que permite rastrear o status do seu projeto a qualquer momento, e você também pode definir metas e marcos do projeto - para que todos possam sincronizar automaticamente, economizando tempo para responder a e -mails com frequência e não precisará gastar muito tempo em reuniões de progresso.

Essas ferramentas também ajudarão você a distinguir a importância das coisas e garantir que tudo seja organizado e gravado em um local centralizado.

Você precisa padronizar todos os seus formatos de código. Este não é apenas um bom hábito, mas ajudará você a entender o código rapidamente quando precisar voltar para ver o código no futuro.

A formatação automática de código permite formatar todo o seu código com um clique em vez de fazê -lo uma linha por uma, o que também garante consistência na redação do código. A formatação automática também reduz o risco de modificações manuais para erros.

Temos muitas ferramentas para nos ajudar a fazer isso, muitas das quais são versões on -line das ferramentas. Para o CSS, uma solução popular de código aberto é o CSSTIDY (a versão on -line do CLEM CSS é um csstidy). Para HTML, temos HTML Tidy.

Para scripts, temos formatador de código -fonte PHP, script de rubi e code Beautifier Plus (essa ferramenta é usada para formatar C#, ActionScript e Java).

A prevenção é muito melhor que o remédio. Talvez alguns números de ideologia enfatizem não perder tempo no planejamento - certificando -se de que você coletou todas as informações que precisa saber, e ainda é necessário gastar o tempo necessário para fazer sua lição de casa. Se você não fizer lição de casa suficiente na coleta de demanda, ela levará a Creep. O motivo são vários requisitos funcionais inesperados.

Os antigos também nos ajudaram a inventar as rodas, então não há necessidade de fazer as rodas nós mesmos. Se você vê um recurso de interesse em algum lugar, é muito provável que outros tenham escrito código para você (bem, não apenas para você, mas para todos nós.) Para o PHP, o PHP Classes Repository fornece um grande número de classes e scripts para você baixar e usar. Os scripts quentes fornecem vários scripts em outros idiomas. Se você deseja apenas alguns pequenos trechos de código, poderá ir a Devsnippets para Taobao.

Nota: Somente quando você tiver experiência suficiente e pode distinguir códigos bons e ruins, o método acima realmente o ajudará muito. Caso contrário, você descobrirá que o código no seu produto final está cheio de bugs e a escrita é confusa.

Você deve avaliar certos recursos do aplicativo da Web para determinar se o investimento em tempo nesse recurso vale a pena.

Seus usuários realmente precisam de um sistema de gerenciamento de conteúdo que não seja atualizado com frequência para fornecer uma saída RSS personalizada para cada categoria de artigos? Você realmente precisa de um conversor de estilo de site para ajudá -lo a detectar onde o usuário está geograficamente e, em seguida, renderizar o site em um estilo diferente.

Escrever funções do site é uma batalha difícil. Não desperdice o tempo de desenvolvimento em recursos inúteis para os usuários finais, e essas funções complicarão a interface do usuário.

Texto original : SixRevisions.com