Lire et écrire du code web peut être incroyablement intimidant si vous n'êtes pas un développeur ou un programmeur. Mais si vous gérez un site d'adhésion ou une entreprise en ligne, une connaissance de base de certains concepts et langages peut s'avérer extrêmement utile. Que vous construisiez votre propre site web ou que vous travailliez avec un développeur expérimenté, ces astuces de codage vous aideront à faire avancer les choses.
Je tiens à préciser que je ne suis PAS un développeur. Cependant, en tant que stratège numérique, on me demande souvent d'apporter des modifications à des sites Web, de personnaliser des bulletins d'information, d'assurer la liaison entre des clients et des développeurs, de résoudre des problèmes urgents dans le code du backend, et bien d'autres choses encore. Au fil des ans, j'ai utilisé mes connaissances très, TRÈS basiques en codage pour personnaliser WordPress/Squarespace/MailChimp/AWeber créer des widgets personnalisés, mettre en évidence les mots-clés et les informations importantes sur les pages web et les articles de blog, et bien d'autres choses encore. Les astuces suivantes m'ont sauvé la mise, et j'espère qu'elles vous aideront aussi !
1. Apprendre le jargon
Il est très utile de comprendre le vocabulaire de base du codage lorsque l'on essaie de communiquer des besoins ou des problèmes avec un développeur. Un bon point de départ consiste à comprendre les différents langages de code existants (HTML, CSS, Javascript, etc.), les endroits où trouver et placer le code (code source, feuilles de style, etc.) et la terminologie des différents composants du code (parenthèses, balises, propriétés, variables, etc.).
La maîtrise de la langue n'est pas seulement un excellent moyen de communiquer avec un développeur, elle facilite également la recherche d'aide sur les forums. Si vous ne pouvez pas exprimer le problème que vous rencontrez, vous n'obtiendrez probablement pas la solution dont vous avez besoin.
2. Maîtriser les bases du HTML
HTML est l'un des premiers langages de code et (à mon avis) l'un des plus faciles à apprendre. Il existe d'innombrables tutoriels sur le web et des applications infinies pour les compétences que vous apprenez. J'ai utilisé mes compétences de base en HTML pour personnaliser des articles de blog, des lettres d'information, des pages web et bien d'autres choses encore. Que j'essaie d'aligner une image, de mettre en évidence un texte important, de formater un titre ou de créer un lien vers un autre site, savoir écrire et modifier de petits bouts de code HTML s'est avéré essentiel.
Si vous vous sentez intimidé par toutes ces informations, n'oubliez pas de suivre votre rythme et de prêter attention aux modèles et à la structure. Une fois que vous aurez compris la logique qui sous-tend le langage que vous utilisez (et je vous promets qu'il y a une méthode derrière chaque folie), les choses devraient se mettre en place plus facilement.
3. Examiner le code source
Le saviez-vous ? Si vous faites un clic droit dans un espace vide de n'importe quel site web et que vous sélectionnez "Voir la source de la page", vous pouvez consulter le code de n'importe quel site web. Je trouve cela particulièrement utile lorsque je vois quelque chose sur le site de quelqu'un d'autre et que je veux savoir comment il l'a fait ! Parfois, la solution est aussi simple qu'un copier-coller et une modification.
L'examen du code source est également un excellent moyen de voir les applications réelles des notions de base que vous avez commencé à apprendre. Si vous êtes plutôt visuel, vous pouvez examiner le code source d'une page juste à côté de celle-ci pour voir les fonctions de lignes de code spécifiques. C'est comme un guide étape par étape sur la façon de construire cette page web.
4. Recherche dans les forums
Si vous avez du mal à écrire une ligne de code à partir de zéro ou si vous essayez de résoudre un problème que vous n'avez jamais rencontré auparavant, une simple recherche sur Google suffit généralement. Que vous souhaitiez personnaliser un thème WordPress/Squarespace ou créer un site web à partir de zéro, vous pouvez vous rassurer en sachant que quelqu'un est probablement déjà passé par là. En cherchant des réponses très spécifiques sur le web, vous trouverez inévitablement une multitude de forums pour vous aider. Il y a de fortes chances que le problème que vous rencontrez en ce moment même ait été résolu par de nombreuses autres personnes.
Si vous travaillez avec un thème ou un modèle spécifique dans le cadre d'un projet de longue durée, je vous recommande vivement de mettre en signet les forums que vous trouvez utiles afin de pouvoir y revenir facilement en cas de problème ultérieur.
5. Pratique, pratique, pratique
D'après mon expérience, la meilleure façon de comprendre le code est de l'expérimenter. Créez une page cachée et non publiée sur votre site web, collez-y un extrait de code provenant d'un forum ou du code source d'un autre site, et entraînez-vous à le manipuler. Presque tout ce que je sais de la lecture et de l'écriture du code vient du fait que j'ai fait des erreurs dans un espace sûr. C'est vraiment l'une des choses qui prennent le plus de sens au fur et à mesure que l'on s'y adonne.
L'avantage de s'entraîner sur une page cachée, non publiée, est que vous avez la liberté de bricoler sans craindre de planter ou d'abîmer tout votre site web. Lorsque vous avez trouvé le morceau de code qui fonctionne, il vous suffit de le copier et de le coller dans le code source ou la feuille de style de la page sur laquelle vous en avez besoin.
En conclusion...
J'espère que ces conseils vous seront utiles et que vous vous sentirez prêt à construire quelque chose de merveilleux aujourd'hui. Si vous avez des questions, n'hésitez pas à les poser dans les commentaires ci-dessous et je ferai de mon mieux pour y répondre. Et si vous êtes un développeur et que vous avez des conseils supplémentaires à nous donner, nous serions ravis de les connaître !
FR 
EN 
ES 
DE 
PT 
Nicole,
Quelle bouffée d'air frais, quelle oasis dans le désert ! Le codage est quelque chose que je veux apprendre et je pense que je dois le connaître presque jusqu'à un niveau modéré. Je sais que c'est nécessaire pour faire la plupart des choses sur mon site web et je trouve très difficile de compter sur d'autres personnes si souvent. J'essaie d'étudier un tutoriel sur le HTML mais je ne suis pas aussi discipliné qu'il le faudrait !
J'ai une question qui me permettra de m'exercer un peu sur une page "privée" de mon site... Si je vois une petite publicité à colonne unique que j'aime sur le site Web de quelqu'un et que j'aimerais concevoir quelque chose de similaire... vous suggérez de faire un clic droit sur la publicité et de cliquer sur "source". Si je clique sur l'annonce, puis-je supposer que tout le code contenu dans la "source" se rapporte à l'ensemble de la mise en page et de la conception de cette annonce ? Comment puis-je déterminer le début et la fin du code que je recherche si je clique sur une page entière ?
Je n'avais pas l'intention de m'éterniser dans mon commentaire sur votre article... j'ai juste faim de connaissances et j'ai adoré votre article ! Je vais consulter votre site et j'espère devenir une adepte régulière !!!
Merci,
Les
Bonjour Les,
Merci beaucoup pour votre commentaire ! Je suis tout à fait d'accord sur le fait qu'apprendre le HTML est quelque chose qui demande pas mal de dévouement, mais la satisfaction d'être capable d'y aller et de faire les changements dont vous avez besoin sans avoir à embaucher un développeur en vaut vraiment la peine.
Pour répondre à votre question : si vous faites un clic droit sur l'ajout et que vous sélectionnez l'option "inspecter l'élément", le code source devrait s'ouvrir et mettre en évidence la section exacte du code qui a permis de créer cette publicité. Bien sûr, vous devrez modifier le nom du fichier et le lien hypertexte dans le code pour répondre à vos besoins spécifiques, mais cela devrait vous donner le squelette à partir duquel construire et vous éviter d'avoir à chercher dans tout le code de la page.
J'espère que cela vous aidera et je vous souhaite bonne chance !
Chaleureusement,
Nicole