Par où commencer le codage Web : transformer une petite idée en fonctionnalité utilisable
En cours d’apprentissage de SIN1 · Conférence 15 sur 283. Utiliser l’IA pour créer des pages web et des fonctionnalités
Distinguez l’installation logicielle, l’aperçu des effets et les fonctions d’écriture réelles, en créant un petit plugin pouvant être installé, configuré et utilisé.
L’installation est la préparation, les fonctions d’écriture sont la production
Le codage web (un programme pour écrire et modifier des pages web ou des fonctions de site web) se produit lorsque l’IA écrit ses idées dans des pages, des thèmes ou des plugins. Achetez des serveurs, installez Baota, installez WordPress — fournissez un espace de travail pour celui-ci. Par exemple, si vous voulez « après que les visiteurs aient rempli leurs e-mails, je peux voir les demandes d’achat dans le backend », l’IA doit écrire des formulaires de saisie, enregistrer des informations, afficher les affichages backend et d’autres fonctions. Il ne s’agit pas de changer l’image pour compléter l’ensemble du produit.
Commencez par un problème suffisamment petit
Ce cours peut créer un « plugin manuel pour le paiement et les instructions de livraison » : le webmaster définit le nom du produit, le prix et le code de paiement ; Les visiteurs voient les instructions et les soumettent par e-mail ; L’équipe technique stocke les numéros de commande et le statut de vérification en attente ; Après vérification du reçu, le propriétaire du site met à jour le statut et envoie un e-mail. Vous pouvez aussi créer un thème axé sur la fourniture de listes d’articles réelles, de pages d’articles et d’entrées claires de remerciement. Ne vous entassez pas avec une longue liste de fonctionnalités comme le chat, l’adhésion, la commission promotionnelle et le paiement automatique juste pour payer la première édition.
Une fonctionnalité comporte généralement deux faces
La réception (la page utilisée par les visiteurs) est responsable de faciliter la compréhension, le remplissage et le clic des gens ; Le backend (la gestion des pages du webmaster) est responsable de la configuration et de la visualisation. Les boutons attrayants font partie de l’histoire ; après la soumission, ils sont sauvegardés et les administrateurs peuvent retrouver les enregistrements, ce qui est une autre partie. HTML peut organiser le contenu, CSS contrôle les styles, JavaScript gère certaines interactions, et PHP gère la logique de WordPress côté serveur. Vous n’avez pas besoin d’apprendre toute la grammaire pour l’instant, mais l’IA peut distinguer quels résultats proviennent de là où proviennent.
Laissez l’IA fournir une première version acceptable
Veuillez transformer les instructions de paiement manuelles en un plugin WordPress. Listez le processus frontend et les paramètres backend, créez un plafond d’installation ZIP, et expliquez comment l’installer et l’activer. Les e-mails et les commandes ne sont consultés que par les administrateurs autorisés ; Les prix sont soumis aux paramètres enregistrés sur le serveur ; Les visiteurs ne peuvent pas directement changer leur commande en « payée » (déjà payée). Après l’avoir terminé, vérifiez en suivant les trois étapes suivantes : entrée, sauvegarde et visionnage.
La protection des données ne doit pas être utilisée uniquement par des boutons de restriction sur les pages web. Voir un bouton caché ne signifie pas que d’autres ne peuvent pas demander directement l’entrée correspondante ; Laissez l’IA vérifier les permissions et les données à l’entrée de traitement du serveur.
Comment testez-vous pour trouver « vraiment utilisable » ?
Un test a été réalisé à l’aide d’un e-mail clairement destiné à la pratique, sans utiliser de véritables informations sur l’acheteur. Après soumission, vérifiez le backend pour voir si l’enregistrement correspondant apparaît ; Rafraîchis la page pour voir si elle est toujours là ; Essayez de soumettre avec un e-mail vide et vérifiez les consignes claires. Ensuite, ajustez le prix du produit selon les paramètres administrateur pour voir si la page visiteur est mise à jour en synchronisation. Avant de tester, mettez d’accord sur une méthode pour nettoyer les dossiers de pratique afin d’éviter de les traiter comme de vraies ordres par la suite.
Modifications par petits pas, sans tout refaire d’un coup
La première version peut être simple, tant que le processus est terminé. Écrivez le problème dans un article spécifique ; le corriger d’abord le rendra inutilisable, puis reformatuez et textez. Après chaque modification, retournez à la page concernée pour réessayer, sans seulement regarder les réponses de l’IA. Les preuves disponibles dans la version initiale du site web sont les suivantes : les adresses publiques sont normalement ouvertes, les configurations back-end sont efficaces, les actions des visiteurs sont correctement enregistrées, et le statut de paiement correspond aux accords antérieurs. Finir le code source, télécharger avec succès le fichier et faire apparaître la page ne sont que les étapes.
Une couche supplémentaire d’inspection est ajoutée lors de la fabrication de produits
Une fois qu’il tourne sur votre propre serveur, installez le même ZIP dans un blog de tests propre séparé. Ce n’est qu’en étant capable d’installer, activer, configurer et tenir des promesses que vous pouvez vous rapprocher d’un produit que d’autres peuvent acheter et utiliser.