Bienvenue au premier cours interentreprises de votre formation IMD sur le développement frontend.
Les designers qui créent des livres, des affiches ou des magazines doivent avoir des connaissances de base sur le papier et les technologies d'impression. Sans cette connaissance, il leur serait presque impossible d'évaluer les commandes, de prendre les bonnes décisions et de livrer un produit final de haute qualité.
Il en va de même pour vous en tant que designer dans l'environnement numérique. Vous devez posséder des connaissances techniques de base et comprendre le fonctionnement des médias interactifs pour pouvoir les concevoir de manière professionnelle.
Afin de développer ces connaissances, chaque module de votre formation est consacré à un sujet spécifique. Ce module consiste à programmer un site web de portfolio personnel où vous pouvez présenter vos compétences, votre travail et vos coordonnées.
# Objectif du cours
Programmer un site web de portfolio, comme celui-ci, est l'objectif de votre cours.
# Attentes
Comme ce cours porte moins sur le processus de conception que sur la mise en œuvre technique, nous vous fournissons ce modèle. Il vous servira de guide et vous fournira de nombreux exemples pour vous aider à avancer rapidement. Mais ne vous demandons pas de concevoir une copie à l'identique. Il s'agit de votre portefeuille, alors personnalisez-le en conséquence. Il est conseiller de s'écarter du modèle, essayer des choses, résoudre des problèmes et utiliser son propre contenu, etc.
# Guide
Ce guide / document vous accompagnera tout au long du cours. Dans la section guide, vous trouverez tous les sujets et tâches. La section Défis vous propose des tâches supplémentaires, non documentées, pour tester vos connaissances et individualiser votre dossier.
# Codeblocks
Ce guide présente le code d'une manière visuellement différente du texte ordinaire. Cela vous aidera à faire plus facilement la distinction entre les deux. **Veuillez noter que les couleurs ici peuvent ne pas correspondre aux couleurs dans votre propre éditeur de code.
<!-- voici à quoi ressemble le HTML dans notre guide -->
<div class="imd">
<p>Franz traverse la Bavière dans un taxi complètement délabré.</p>
</div> /* voici à quoi ressemble le CSS dans notre guide. */
.imd {
color: white;
} /* voici à quoi ressemble Javascript dans notre guide */
document.querySelector('.imd');# Icônes
🔗 Liens / Nous utilisons cette icône pour établir des liens vers des sujets plus avancés. Veuillez nous informer si un lien ne fonctionne pas. Lien
📝 Conseils / Nous utilisons cette icône lorsqu'il y a quelque chose d'important à réfléchir ou à considérer.
❗ Danger / Nous utilisons cette icône pour les actions critiques qui pourraient mettre en danger ou affecter la fonctionnalité de votre site web.
📣 Défi / Nous utilisons cette astuce pour attirer votre attention sur les défis appropriés pour de nombreux sujets et tâches.
# :hammer_pick: Tâches
Nous utilisons cette icône dans le texte pour distinguer les informations des tâches. De cette façon, vous pouvez toujours voir immédiatement pour chaque chapitre quelles parties sont nécessaires pour créer le portfolio.
:hammer_pick: Une action a effectuer
Dernière mise à jour le 27.03.2024