Dix conseils pour gagner du temps pour raccourcir le développement d'applications Web (tutoriel graphique)_HTML/Xhtml_Production de pages Web

Dans l’environnement de développement actuel, mieux vaut être plus rapide.

Les mots à la mode et les termes d'aujourd'hui comme « développement rapide d'applications », « développement logiciel agile » et « JavaScript et XML asynchrones » (nous ne pouvons même pas attendre patiemment que les pages Web se rechargent de nos jours) vous donnent une idée de ce que vous vous lancez vraiment dans un monde en évolution rapide.

Mais être pressé ne signifie pas que vous devez faire des heures supplémentaires – vous devez utiliser votre cerveau lorsque vous travaillez. Cet article vous fournira les dix meilleurs conseils permettant de gagner du temps pour raccourcir le développement d'applications Web.

1. Utiliser le framework

Le framework extrait le code régulier et fournit une structure et une base de base pour vous permettre d'écrire des applications Web.

Un exemple très typique de framework est Rails. Rails est un framework de développement d'applications Web dans le langage de programmation Ruby. En vous fournissant des packages de code pré-écrits (comme la validation des entrées utilisateur, par exemple) - non seulement vous gagnez du temps lors de l'écriture de votre propre code dans Ruby - vous savez également que les packages qui ont été testés et inspectés par d'autres développeurs peuvent vous faire gagner du temps. vous rencontrerez beaucoup de problèmes lors des tests d'étendue et pourrez également éviter les vulnérabilités potentielles causées par le manque de tests.

Les mêmes avantages s'appliquent à l'utilisation de frameworks JavaScript tels que MooTools. Certaines des méthodes de classe fournies par ces frameworks sont fournies par les principaux développeurs et communautés et ont été largement testées dans de nombreux navigateurs. Les frameworks de langage de script côté client incluent jQuery, Prototype JS et YUI. Si vous souhaitez utiliser des frameworks JS non traditionnels, vous pouvez consulter cette liste de frameworks JavaScript potentiels.

Pour les frameworks côté serveur, vous pouvez envisager CakePHP, CodeIgniter, Zend ou Symphony. Si vous aimez les langages pris en charge par Microsoft tels que VB et C#, vous pouvez envisager le framework .Net.

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

2. Utiliser un environnement de développement intégré

Bien sûr, vous pouvez créer des applications Web et leurs pages en utilisant uniquement un éditeur de texte comme le Bloc-notes et FTP. Mais je pense que la plupart des gens conviennent que ce n’est pas une approche judicieuse pour développer des projets de sites Web complexes et robustes.

L'environnement de développement intégré (IDE) vous fournit une collection d'outils nécessaires pour créer et gérer des projets de sites Web à grande échelle. Les fonctions des environnements de développement intégrés changent constamment, mais ils ont tous les fonctions communes suivantes

1. Fonctions de gestion de projet et de collaboration en équipe.

2. Fonctions de débogage et de diagnostic.

3. Invites de grammaire et fonction de saisie semi-automatique (l'IDE devinera la syntaxe que vous souhaitez écrire)

4. Mise en évidence de la syntaxe

5. FTP intégré, capable de synchroniser des fichiers sur des hôtes locaux et distants

Le mot « IDE » est peut-être un peu sophistiqué, et certaines personnes ne le connaissent pas, mais les amateurs de big data auraient dû entendre parler de Dreamweaver d'Adobe. Dreameweaver peut être considéré comme un environnement de développement intégré. Parce qu'il contient certaines des fonctionnalités mentionnées ci-dessus pour vous aider à écrire du code plus rapidement. (Il convient généralement à la production front-end. Mais il prend également en charge les langages côté serveur, comme PHP et ASP.NET)

Il existe des tonnes d'IDE en ligne de nos jours, tout ce que vous avez à faire est d'en choisir un pour vous (ou votre équipe). Comme certains IDE populaires et complets tels que Eclipse, Komodo IDE, NetBeans, Visual Studio et Aptana Studio.

3. Modularisation appropriée

La modularité est la clé pour créer des applications complexes, faciles à maintenir et à étendre. Essentiellement, cela signifie écrire du code en petites parties plutôt que d'écrire tout le code dans un seul gros fichier.

La modularisation a son propre coût en temps au départ (car vous devez beaucoup réfléchir à la conception de la structure des fichiers.) Cependant, cela vous évitera lorsque vous aurez besoin de modifier un certain composant ou si vous souhaitez étendre votre application. Perdu beaucoup de temps.

La modularisation limite également les bugs au sein du module. S'il y a un problème quelque part, vous trouverez rapidement le problème.

Mais l'abus de modularité entraînera un code gonflé et trop d'instructions d'inclusion inutiles, ce qui ralentira considérablement la vitesse d'exécution de l'ensemble de l'application. Il faut donc trouver un bon équilibre entre trop de modularité et pas assez.

Certains modèles de conception modulaire incluent des modèles MVC et PAC.

4. Utilisez les outils du navigateur pour résoudre efficacement les problèmes front-end

Il n’y a rien de pire que de gérer des problèmes de compatibilité et d’analyse entre navigateurs. Cette histoire de poteau vous rendra fou et vous apportera tellement de frustration que vous aurez du mal à vous débarrasser de votre haine sans briser quelque chose. Mais les outils de débogage intégrés au navigateur rendront la recherche et le diagnostic des problèmes front-end beaucoup plus rapides et efficaces.

Firebug et Web Developer sont des outils permettant de gagner du temps absolument nécessaires et qui sont devenus des outils essentiels pour les développeurs Web front-end. Firbug peut facilement visualiser le DOM pour comprendre ses principes et ajuster CSS/HTML/JS à la volée. De plus, il peut également vous aider à déboguer et à annoter (profiler) votre code JavaScript pour vous aider à comprendre de quoi il s'agissait à l'origine. Quelle situation a provoqué l'interruption de votre script. Web Developer vous fournit une série d'outils utiles. Par exemple, certains outils vous permettent de cliquer sur un élément de page pour voir quelles déclarations de style affectent l'élément. Il vous permet également de désactiver facilement JavaScript et CSS, vous permettant ainsi d'apprendre comment votre. les pages fonctionnent sans JavaScript ni CSS.

Si vous avez besoin de déboguer sous le navigateur IE, vous pouvez essayer la barre d'outils du développeur IE. Ses fonctionnalités sont très similaires à celles de Firebug et Web Developer. Si vous souhaitez trouver davantage d'outils de débogage IE intégrés au navigateur pour vous aider à gagner du temps de débogage, vous pouvez cliquer sur ce lien.

5. Réutilisation du code

Si vous constatez que vous faites toujours des choses répétitives, il est temps de réfléchir à la structure de votre code. Envisagez d'apprendre des modèles de conception courants qui vous aideront à créer des méthodes, des fonctions et des objets réutilisables et flexibles.

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

6. Collaboration en ligne et suivi de l'état du projet

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

Moins vous consacrez du temps aux tâches administratives ou à des réunions interminables (ou, pire encore, au type de réunions en personne qui nécessitent des déplacements) - plus vous passez de temps sur le code, plus cela prend de temps.

Des outils comme Basecamp, Lighthouse et activeCollab vous offrent des services de collaboration d'équipe à guichet unique, vous permettant de suivre l'état du projet à tout moment. Vous pouvez également définir des objectifs et des jalons du projet - afin que tout le monde puisse l'être. automatiquement synchronisé, ce qui vous fait gagner du temps pour répondre fréquemment aux e-mails, et vous n'avez pas besoin de passer beaucoup de temps inutile dans les réunions de confirmation de progression.

Ces outils vous aideront également à prioriser et à garantir que tout est organisé et enregistré en un seul endroit centralisé.

7. Formatage automatique et standardisation du code

Vous devez standardiser le format de tout votre code. Non seulement c'est une bonne habitude, mais cela vous aidera à comprendre rapidement le code une fois que vous aurez besoin d'y revenir à l'avenir.

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

Nous disposons de nombreux outils pour nous aider à y parvenir, dont beaucoup sont des versions en ligne. Pour CSS, une solution open source populaire est CSSTidy (Clean CSS est une version en ligne de CSSTidy). Pour HTML, nous avons HTML Tidy.

Pour les scripts, nous avons PHP Source Code Formatter, Ruby Script Beautifier et Code Beautifier Plus (cet outil est utilisé pour formater C#, ActionScript et Java).

8. Passez plus de temps dans les étapes de collecte des exigences et de planification

Mieux vaut prévenir que guérir. Peut-être qu'une école de pensée insiste sur le fait de ne pas perdre de temps en planification - il est toujours nécessaire de s'assurer d'avoir rassemblé toutes les informations dont vous avez besoin et de prendre le temps nécessaire pour faire vos devoirs. Si vous ne faites pas suffisamment de travail dans la collecte des exigences, cela entraînera une dérive des fonctionnalités, en raison de diverses exigences fonctionnelles inattendues.

9. Utilisez du code déjà écrit

Les anciens ont également inventé la roue pour nous, nous n'avons donc pas besoin d'inventer la roue nous-mêmes. Si vous voyez quelque part une fonctionnalité qui vous intéresse, il est probable que quelqu'un d'autre ait déjà écrit le code pour vous (enfin, pas seulement pour vous, mais pour nous tous.) Pour PHP, le référentiel de classes PHP Un grand nombre de classes et de scripts sont fournis pour que vous puissiez les télécharger et les utiliser. Hot Scripts fournit divers scripts dans d'autres langages. Si vous voulez juste quelques petits extraits de code, vous pouvez faire du shopping sur devSnippets.

Remarque : la méthode ci-dessus ne vous aidera vraiment que si vous avez suffisamment d'expérience pour distinguer le bon code du mauvais code. Sinon, vous constaterez que votre produit final est plein de bugs de code et d’écriture déroutante.

10. Fonctions rationalisées

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

Vos utilisateurs ont-ils vraiment besoin d'un système de gestion de contenu rarement mis à jour qui fournit 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 la situation géographique de l'utilisateur, puis à présenter le site Web dans un style différent.

L'écriture de fonctionnalités de site Web est une bataille difficile. Ne perdez pas de temps de développement sur des fonctionnalités inutiles pour l'utilisateur final et qui compliquent l'interface utilisateur.