Codage Pour Dummies Cheat Sheet - les nuls

Par Nikhil Abraham

Le codage est un vocabulaire, une logique et une syntaxe à parties égales. Le codage peut sembler à première vue intimidant, mais avec la pratique, il est facile de se familiariser avec sa terminologie, ses concepts et sa structure. Comprendre le codage n'est pas sans rappeler l'apprentissage d'une nouvelle langue: utilisez-la assez souvent et vous vous retrouverez capable de parler, de penser et d'écrire du code. Pourtant, il est naturel pour les débutants d'avoir des questions. Vous disposez de nombreuses ressources de codage, en ligne et hors ligne. Demandez autour de vous et vous verrez que vous n'êtes pas seul - beaucoup d'autres apprennent. Après tout, coder est une éducation sans fin. Maîtrisez une facette ou une autre et une nouvelle s'ouvrira devant vous.

Vocabulaire de codage

Le codage a un vocabulaire étendu que les profanes peuvent sembler être un techno-babillage impénétrable. Que vous lisiez un article sur le codage en ligne ou que vous parliez à un développeur au travail, vous pourriez entendre des mots que vous n'avez pas entendus auparavant ou qui ont une signification différente dans un contexte de codage. Voici quelques mots de vocabulaire courants à connaître:

• Termes généraux de développement web:

  • Serveur: Un ordinateur qui héberge du code de site Web et qui «sert» le code d'un site Web à la demande d'un ordinateur «client». Les serveurs sont généralement installés dans de grands entrepôts avec des milliers d'autres serveurs, et leur taille et leur puissance sont similaires à celles de votre ordinateur personnel.

  • Client: Périphérique utilisé pour accéder à un site Web, y compris les ordinateurs de bureau ou portables, les tablettes ou les téléphones mobiles.

  • Concepteur: Un professionnel artistique qui décide de l'aspect et du ressenti d'un site Web, ainsi que de la façon dont les utilisateurs interagissent avec le site Web, par exemple cliquer, glisser, faire défiler, etc.

  • Wireframe: Une illustration créée par des concepteurs qui montrent en détail les dispositions, les images et les schémas de couleurs d'un site Web.

  • Développeur: Un professionnel de l'ingénierie qui écrit du code pour transformer des wireframes en sites Web utilisables. En fonction du type de code écrit, les développeurs sont appelés front-end, back-end ou full-stack.

  • Front-end: Tout ce que vous pouvez voir et cliquer dans un navigateur. Les développeurs frontaux écrivent du code dans des langages frontaux tels que HTML, CSS et JavaScript pour créer l'apparence du site Web.

  • Back-end: Tout ce qui se passe dans les coulisses pour que l'interface fonctionne comme prévu. Les développeurs back-end écrivent du code dans des langages back-end comme Ruby ou Python pour créer des fonctionnalités telles que la connexion des utilisateurs, le stockage des préférences de l'utilisateur et la récupération des données comme des commentaires sur une photo.

• Termes relatifs aux langues frontales:

  • * HTML ( Hypertext Markup Language ): Langue utilisée pour placer du texte, des images et d'autres contenus sur une page Web

  • Balise HTML: instructions HTML, apparaissant généralement par paires. Les navigateurs appliquent des effets spéciaux au texte entre une balise HTML d'ouverture et de fermeture. Par exemple, la balise

    s'affiche dans un navigateur sous la forme d'un gros titre en gras et peut être utilisée comme ceci:

    Dewey bat Truman

    .

  • Attribut HTML: Attributs ou paramètres pour les balises HTML qui modifient le comportement de la balise. Les attributs sont toujours placés dans la balise HTML d'ouverture. Par exemple, href est l'attribut de la balise d'ancrage suivante (utilisée pour créer des liens hypertexte):

    Moteur de recherche
    

  • CSS ( Feuilles de style en cascade): Code qui modifie HTML sur les pages Web apparence du contenu en modifiant la taille du texte, la taille de l'image et d'autres attributs.

  • JavaScript: Code qui ajoute de l'interactivité et de l'animation aux pages Web. JavaScript détecte également les événements du navigateur tels que les clics de souris, valide les entrées de l'utilisateur telles que les entrées de texte et récupère les données des sites Web externes.

  • Variable: Emplacement de stockage portant un nom et contenant des données numériques ou du texte (appelé chaînes ) pour une utilisation ultérieure.

  • If instruction (conditionnelle): Instruction de code qui teste une condition qui inclut généralement des variables, telles que x <18, et exécute le code que vous écrivez lorsque la condition est vraie.

  • Fonction: Nom donné à un groupe d'instructions de programmation pour faciliter la consultation et l'utilisation.

• Termes relatifs aux langages back-end:

  • Ruby: Un langage de programmation open-source, plus connu pour être utilisé dans la programmation web.

  • Rails: Un framework conçu pour faciliter la création de pages Web avec Ruby.

  • Python: Un langage de programmation open-source utilisé sur le web, dans des applications scientifiques et pour l'analyse de données.

Références et ressources de codage

HTML, CSS et JavaScript sont les langages de codage frontaux les plus courants. Le tableau suivant répertorie certaines ressources, références et didacticiels en ligne pour vous aider à continuer à pratiquer les trois langues.

• W3Schools: guides de référence pour HTML, CSS et JavaScript

• HTML: les plus courantes commandes HTML

• CSS: les commandes CSS les plus utilisées

• Tutoriels HTML: tutoriels et articles pour le web maintenu par Google

• Tutoriels CSS: Tutoriels et articles pour la programmation web, avec un accent sur CSS

• Tutoriels JavaScript: Tutoriels et guides de référence pour JavaScript

Erreurs communes de codage

Le code ne fonctionne pas? Voici quelques erreurs courantes qui peuvent trébucher même le codeur le plus expérimenté. Si votre code ne s'exécute pas, essayez d'exécuter cette liste pour voir si vous avez l'une de ces erreurs:

• Ne pas avoir de balise HTML de fermeture après chaque balise HTML d'ouverture.

• Supports manquants en HTML.

• Accolades, doubles-points ou points-virgules manquants dans CSS, comme suit:

  h1 {color: blue;}
  

• Accolades manquantes dans JavaScript, en particulier pour les instructions if.

• Oublier d'avoir une paire de guillemets pour chaque paire de guillemets.

• Avoir plus d'une étiquette, étiquette ou étiquette d'ouverture et de fermeture.

• Mettre du code HTML dans le fichier ou la section CSS et mettre du code CSS dans la section HTML. Si le code traite du style et de l'apparence, il est probable que CSS.

• Ne pas lier votre fichier CSS à l'aide de la balise, et vos effets CSS ne sont donc pas affichés dans le navigateur.

• Faute d'orthographier une partie d'une commande, comme dans

  , ce qui est incorrect car l'attribut est orthographié src pas scr.

• Y compris les attributs en dehors de la balise HTML d'ouverture. Par exemple,

  src = "logo. jpg "est incorrect car l'attribut est en dehors de la balise d'image d'ouverture.