Table des matières:
Vidéo: Créer un site en HTML (1/5) - "3 minutes pour coder" 2024
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 de base
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 de site Web lorsqu'un ordinateur «client» le demande. 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.
- Image filaire: Illustration créée par des concepteurs illustrant en détail les mises en page, les images et les jeux 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 ouverture
; et fermeture ; Balise HTML Par exemple, le; balise rend dans un navigateur comme un gros titre en gras et peut être utilisé 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 pages Web et qui contrôle l'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 pour le programmeur débutant
HTML, CSS et JavaScript sont les langages de codage frontaux les plus courants. Voici une liste de ressources en ligne, de références et de tutoriels 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 entretenu par Google
- Tutoriels CSS: Tutoriels et articles pour la programmation web, en particulier sur CSS
- Tutoriels JavaScript: Tutoriels et guides de référence pour JavaScript
Exécution d'un travail de codage
Vous avez filtré le codage Les offres d'emploi, mises en réseau avec des dizaines de personnes, ont créé un excellent site de portfolio, et ont finalement permis d'obtenir une ou plusieurs entrevues. Utilisez ces conseils pour maximiser les chances de transformer l'entrevue en offre d'emploi:
- Préparez-vous avec diligence : Consultez le site Web de la société, les articles de blog, les communiqués, les tweets et tout autre média social pour en savoir plus. la culture, les technologies et les clients passés.Pour les entreprises publiques, parcourez les rapports annuels pour avoir une idée du rendement passé et des objectifs stratégiques futurs.
- Défendez-vous: Vous savez ce que vous voulez et pourquoi, alors assurez-vous de le communiquer à votre futur employeur potentiel. Réfléchissez à la raison pour laquelle vous souhaitez travailler dans l'entreprise, au produit sur lequel vous souhaiteriez travailler, et à ce que vous souhaitez passer techniquement au cours des mois et des années à venir. Si vous n'avez aucune préférence ou idée, il peut être difficile pour un employeur de croire que vous êtes enthousiaste à propos de l'entreprise et que vous aurez la motivation nécessaire pour continuer à apprendre sur le tas.
- Renforcer les compétences techniques: L'évaluation des compétences techniques est la grande partie de toute interview de codage. Examinez le code des programmes que vous avez déjà créés et assurez-vous de comprendre pourquoi vous avez pris certaines décisions et utilisé certaines technologies. Une grande partie de votre travail sera de décider quels outils utiliser et quand, et les employeurs veulent voir le plus tôt possible votre processus de réflexion sur la façon dont vous choisissez vos outils.
- Montrez votre forme: Beaucoup de candidats sont techniquement compétents, mais échouent à l'entrevue. Assurez-vous de comprendre avant l'entrevue la culture et les valeurs de l'entreprise afin de savoir si vous vous y adapterez.
- Posez des questions: Démontrez votre passion en posant des questions sur le site Web de l'entreprise. Votre interlocuteur a probablement passé 30 minutes à vous poser des questions personnelles, alors n'hésitez pas à poser quelques questions personnelles sur le rôle, le travail ou l'entreprise.
- Suivi: Une fois l'entretien terminé, vos enquêteurs vous classeront dans la catégorie «embauche définitive», «embauche possible» ou «candidat refusé». Beaucoup de gens tombent dans la catégorie d'embauche possible, et le suivi auprès de vos enquêteurs peut augmenter vos chances de recevoir une offre. Après votre entrevue, envoyez un court courriel pour remercier vos intervieweurs, renforcer vos compétences clés et aborder les points faibles qui ont été soulevés au cours de l'entrevue. En outre, incluez une brève référence à tout intérêt personnel que vous avez partagé avec vos interviewers pour les aider à se souvenir de vous.