Cycle de développement des applications Web: conseils pour raccourcir le développement d'applications Web

Introduction aux articles de production de pages Web: Top dix conseils de réduction de temps pour raccourcir le développement des applications Web.

Dans l'environnement de développement d'aujourd'hui, le jeûne est bon.

Le vocabulaire et la terminologie populaires d'aujourd'hui tels que le développement rapide des applications, le développement de logiciels Agile, le JavaScript asynchrones et le XML (maintenant nous ne pouvons même pas attendre que les pages Web soient rechargées) vous permet de voir quel type de monde rapide vous êtes.

Mais se précipiter pour faire des choses ne signifie pas que vous devez faire des heures supplémentaires - vous devez y penser lorsque vous travaillez. Cet article vous fournira dix conseils de réduction de temps pour raccourcir le développement des applications Web .

Le cadre extrait du code régulier, vous fournissant une structure de base et des bases pour la rédaction d'applications Web.

Un exemple très typique du cadre est Rails, qui est un cadre de développement d'applications Web pour le langage de programmation Ruby. En vous fournissant des packages de code pré-écrits (par exemple, des méthodes de vérification des entrées des utilisateurs) - vous gagnez non seulement du temps pour écrire votre propre code dans Ruby - vous êtes également très clair que ces packages ont été testés et testés par d'autres développeurs, ce qui peut vous réduire beaucoup de problèmes lors du test de l'ampleur, et peut également éviter une vulnérabilité potentielle causée par le manque de tests.

Le même avantage est également applicable à l'utilisation de frameworks JavaScript tels que mootools. Certaines des méthodes de classe que ces cadres vous fournissent sont fournies par des développeurs et des communautés de base, et ont été testées par des tests approfondis dans de nombreux navigateurs. Le cadre du langage de script client comprend également jQuery, Prototype JS et YUI. Si vous souhaitez utiliser des frameworks JS sans flux, vous pouvez jeter un œil à cette liste de frameworks JavaScript avec un grand potentiel.

Pour les frameworks côté serveur, vous pouvez envisager CakePHP, Codeigniter, Zend ou Symphony. Si vous aimez VB et les langages soutenus par Microsoft comme C #, vous pouvez considérer le Framework .NET.

Vous pouvez même utiliser des frameworks CSS comme 960Grid ou Blueprint pour écrire et standardiser rapidement votre propre style de structure de page.

Bien sûr, vous pouvez créer des applications Web et leurs pages avec juste un éditeur de texte comme le bloc-notes et le FTP. Mais je pense que la plupart des gens pensent que ce n'est pas un moyen sage de développer des projets de site Web complexes et robustes.

Environnement de développement intégré (IDE), qui vous prépare avec la collection d'outils dont vous avez besoin pour créer et gérer de grands projets de site Web. Les fonctions des environnements de développement intégrés changent, mais ils ont tous des fonctionnalités communes comme suit

1. Fonctions de gestion de projet et de collaboration d'équipe.

2. Fonctions de débogage et de diagnostic.

3. Invites de syntaxe et fonctions d'achèvement automatique (IDE devinera la syntaxe que vous souhaitez écrire)

4. Grammaire mis en évidence

5. FTP intégré, peut synchroniser les fichiers sur les hôtes locaux et distants

Le mot IDE peut être un peu sophistiqué, et certaines personnes ne le connaissent pas, mais les gens du Big Data auraient dû entendre parler de Dreamweaver d'Adobe. Dreamweaver peut être considéré comme un environnement de développement intégré. Parce qu'il contient certaines des fonctions mentionnées ci-dessus, elle vous aide à écrire du code plus rapidement. (Il convient généralement à la production frontale. Mais il prend également en charge les langages côté serveur comme PHP et ASP.NET)

Il y a beaucoup d'ides en ligne de nos jours, tout ce que vous avez à faire est d'en choisir un pour vous-même (ou votre équipe). Comme des IDE populaires et entièrement entièrement traits comme Eclipse, Komodo IDE, Netbeans, Visual Studio et Aptana Studio.

La modularité est la clé pour créer des applications complexes faciles à entretenir et à évoluer. Cela signifie essentiellement que le code est écrit en petites parties, plutôt que d'écrire tout le code dans un grand fichier.

Les débuts modulaires ont leurs propres coûts de temps (car vous devez consacrer beaucoup d'efforts à concevoir des structures de fichiers.) Cependant, lorsque vous devez modifier un composant ou que vous souhaitez étendre votre application, cela vous fera gagner beaucoup de temps.

La modularité limite également les bogues aux modules. S'il y a un problème, vous trouverez rapidement le problème.

Cependant, l'abus de modularité provoquera des ballonnements dans le code et trop de personnes incluent des déclarations, ce qui ralentira considérablement l'ensemble de l'application. Par conséquent, entre la modularité trop élevée et trop faible, nous devons atteindre un bon équilibre.

Certains modèles de conception modulaires incluent les modes MVC et PAC.

Il n'y a aucun moyen de faire face à quelque chose de pire que la compatibilité entre les navigateurs et les problèmes d'analyse. Ce pôle vous rendra fou, et la frustration qu'elle vous apporte vous fait presque sentir qu'il est difficile de soulager votre haine sans brisant quelque chose. Cependant, les outils de débogage intégrés dans le navigateur feront la recherche et le diagnostic de problèmes frontaux en dehors de la rapide et efficace.

Firebug et le développeur Web sont absolument les outils de gain de temps nécessaires, et ils sont devenus des outils essentiels pour les développeurs Web frontaux. Firbug peut facilement visualiser le DOM pour comprendre ses principes et ajuster CSS / HTML / JS en fonctionnement. De plus, il peut également vous aider à déboguer et à profiter de votre code JavaScript, vous aider à résoudre le problème de ce qui a provoqué l'interruption de votre script. Le développeur Web vous fournit une série d'outils utiles. Certains outils vous permettent de cliquer sur un élément de page pour voir quelles déclarations de style affectent l'élément et peuvent également vous attaquer à désactiver JavaScript et CSS, vous permettant de comprendre comment votre page fonctionne sans JavaScript ou CSS.

Si vous avez besoin de déboguer dans le navigateur IE, vous pouvez essayer la barre d'outils IE Developer. Il est très similaire à Firebug et au développeur Web en fonctionnalité. Si vous souhaitez trouver plus d'outils de débogage IE intégrés dans le navigateur pour vous aider à gagner du temps de débogage, vous pouvez cliquer sur ce lien.

Si vous vous retrouvez toujours à faire des choses répétitives, vous devez réfléchir à votre structure de code. Envisagez d'apprendre des modèles de conception communs qui vous aideront à créer des méthodes, des fonctions et des objets flexibles réutilisables.

Par exemple, si vous avez besoin de lier fréquemment à la base de données, vous devrez peut-être créer une classe d'accès de base de données pour gérer les liens de base de données, les requêtes et les soumissions de données.

En fait - vous n'êtes pas seul dans votre travail. Que vous travailliez pour une équipe de développement ou pour quelqu'un (cette personne peut être votre patron ou votre client), vous devriez profiter pleinement des avantages de la collaboration en ligne et du statut de projet.

Moins vous passez de temps sur les tâches administratives, ou moins vous passez de temps pour des réunions sans fin (ou, pire, le type de réunions en personne qui nécessitent un voyage d'affaires) - plus vous passez de temps sur le code.

Des outils comme Basecamp, Lighthouse et ActiveCollab vous fournissent un service de collaboration d'équipe à guichet unique qui vous permet de suivre l'état de votre projet à tout moment, et vous pouvez également définir des objectifs du projet et des jalons - afin que tout le monde puisse vous synchroniser automatiquement, vous faire gagner du temps pour répondre aux e-mails fréquemment, et que vous n'avez pas à passer beaucoup de temps sans prétention dans les réunions de confirmation de progression.

Ces outils vous aideront également à distinguer l'importance des choses et à garantir que tout est organisé et enregistré dans un endroit centralisé.

Vous devez normaliser tous vos formats de code. Ce n'est pas seulement une bonne habitude à faire, mais cela vous aidera à comprendre rapidement le code une fois que vous devez revenir pour voir le code à l'avenir.

Le formatage automatique du code vous permet de formater tout votre code en un seul clic au lieu de le faire une ligne par un, ce qui garantit également la cohérence dans l'écriture de code. Le formatage automatique réduit également le risque de modifications manuelles en erreurs.

Nous avons de nombreux outils pour nous aider à le faire, dont beaucoup sont des versions en ligne des outils. Pour CSS, une solution open source populaire est CSStidy (la version en ligne de Clean CSS est un CSStidy). Pour HTML, nous avons HTML Tidy.

Pour les scripts, nous avons un formateur de code source PHP, Ruby Script Beltificateur et Code BEALTIFIER Plus (cet outil est utilisé pour formater C #, ActionScript et Java).

La prévention est bien meilleure que le remède. Peut-être que certains chiffres de l'idéologie mettent l'accent sur le fait de ne pas perdre de temps à la planification - s'assurer que vous avez collecté toutes les informations que vous devez savoir, et il est toujours nécessaire de passer le temps nécessaire à faire vos devoirs. Si vous ne faites pas suffisamment de devoirs dans la collection de la demande, cela mènera à des fonctionnalités de fluage. La raison en est diverses exigences fonctionnelles inattendues.

Les anciens nous ont également aidés à inventer les roues, donc nous n'avons pas besoin de faire nous-mêmes les roues. Si vous voyez une fonctionnalité d'intérêt quelque part, il est très probable que d'autres aient un code écrit pour vous (enfin, pas seulement pour vous, mais pour nous tous.) Pour PHP, le référentiel de classes PHP vous fournit un grand nombre de classes et de scripts à télécharger et à utiliser. Hot Scripts fournit divers scripts dans d'autres langues. Si vous voulez juste quelques petits extraits de code, vous pouvez aller sur Devsnippets à Taobao.

Remarque: Ce n'est que lorsque vous avez une expérience suffisante et que vous pouvez distinguer les bons et les mauvais codes, la méthode ci-dessus vous aidera vraiment beaucoup. Sinon, vous constaterez que le code de votre produit final est plein de bugs et que l'écriture est désordonnée.

Vous devez évaluer certaines fonctionnalités de l'application Web pour déterminer si l'investissement dans le temps dans cette fonctionnalité en vaut la peine.

Vos utilisateurs ont-ils vraiment besoin d'un système de gestion de contenu qui n'est pas mis à jour fréquemment pour fournir une sortie RSS personnalisée pour chaque catégorie d'articles? Vous avez vraiment besoin d'un convertisseur de style de site Web pour vous aider à détecter où l'utilisateur est géographiquement, puis à rendre le site Web dans un style différent.

La rédaction de fonctions du site Web est une bataille difficile. Ne perdez pas de temps de développement sur les fonctionnalités qui sont inutiles aux utilisateurs finaux, et ces fonctions compliqueront l'interface utilisateur.

Texte original : SixRevisions.com