Co.De. Formations
Apprenez à designer
et développer un
site web
Vous voulez faire du design d'interface et du développement web front ?
Découvrez et maitrisez les concepts, les outils et les langages qui vous permettront de conceptualiser, de réaliser et de construire votre site web. Comme un pro.
Partie 2
Créer son design d'interface
Découvrir Photoshop
Concevez des éléments graphiques, des photomontages et des compositions visuelles créatives, afin de les intégrer dans vos pages web
Utiliser Illustrator
Apprenez à créér vos propres logos et pictogrammes, afin d’enrichir l’identité visuelle de votre site web
Maîtriser Figma
Concevez, prototypez, développez et partagez le design de votre site web avec l'outil le plus apprécié par les designers
🎓 Le contenu de votre formation, en bref :
Module 1 : Penser son produit digital
1 - Introduction à l'Ux Design
2 - Design Thinking, User Centered Design et Méthode 5s
3 - Les fondamentaux de l'Ux Design
4 - Psychologie cognitive et Ux Design
1 - Introduction à l'Ui Design
3 - Concepts de l'Ui design
2 - Les bases de l'Ui Design
4 - Les étapes de l'Ui design
Module 2 : Créer son design d'interface
1 - Introduction
2 - Installer Photoshop
3 - L'accueil de Photoshop
4 - Création de document dans Photoshop
5 - Ouvrir un fichier et intégrer un document
6 - L'espace de travail dans Photoshop
7 - Créer un plan de travail dans Photoshop
8 - Les calques dans Photoshop
9 - Les outils dans Photoshop
10 - Positionner ses éléments
11 - Modification non destructive
12 - Les actions dans Photoshop
13 - L'export dans Photoshop
1 - Analyse et création de logos
2 - Introduction, accueil et création de document
3 - L'espace de travail
4 - Les calques
5 - Les principaux outils d'Illustrator
1 - Introduction
2 - L'accueil dans Figma
3 - L'espace de travail
4 - La barre d'outils
5 - Calques, images, couleurs et booléens
6 - L'auto layout
7 - Les styles
8 - Les contraintes
9 - Les composants
10 - Les variables
11 - Grilles, règles, effets et fusion
12 - Responsive design avec Figma
13 - Prototypage avec Figma
14 - Partage et commentaires dans Figma
15 - Les plugins ou extensions dans Figma
16 - Exporter son projet avec Figma
Module 3 : Développer son site web
1 - Culture web
1 - Introduction à Vs Code
1 - Découvrir le Html
2 - Balises inline et block - Chemins relatifs et absolus
3 - Structurer sa page Html
4 - Intégrer son texte en Html
5 - Intégrer des médias dans sa page Html
6 - Construire un formulaire en Html
7 - Comprendre la notion d'accessibilité
1 - Découvrir le Css
2 - Cascades, feuilles de style et héritages
3 - Les sélecteurs Css
4 - Ordre de priorité, préfixe-vendeurs et commentaires
5 - Le box-model
6 - Tailles et couleurs
7 - Les principales propriétés Css
8 - Le positionnement en Css
9 - Les flexbox en Css
10 - Les transformations 2d et 3d en Css
11 - Les transitions en Css
12 - Les animations en Css
13 - Le responsive web design
14 - Les frameworks et librairies Css
1 - Méthodes d'optimisation des pages web
1 - Découvrir Git et Github
1 - Découvrir les techniques de réferencement
1 - Mettre en ligne son site avec Git et Github
Dans cette formation :
Votre formateur 💼
Bonjour, je m'appelle Hicham Tazdaït, je suis Développeur Front-end et Ui/Product Designer freelance, mais aussi formateur web et design.
Aprés une reconversion, j'ai obtenu un diplôme de Graphiste/Webdesigner, puis un second diplôme de Développeur Full Stack web et mobile.
J'ai pu accompagner à ce jour un trés grand nombre d'élèves dans leur parcours, au sein de différentes écoles et centre de formations tels que Doranco, Donkey School, l'Ecole multimédia, Philiance, etc...
📞 Quelques réponses à vos questions
Les formations proposées sont destinées à toutes et à tous, que vous ayez uniquement envie d'apprendre à designer et construire un site web, ou que vous souhaitiez même en faire votre métier (étudiants, reconversion professionnelle, indépendants, etc...).
C'est trés simple : Vous pouvez accéder directement au contenu de la formation via votre espace à tout moment, et de manière illimitée.
Bien sûr, et c'est tout l'objet de cette formation : vous apprendre à comprendre et à utiliser les concepts, les outils et les langages dans des contextes personnels ou professionnels.
De plus, sachez que ce que vous apprendrez dans cette formation est conforme à ce qui est enseigné dans la plupart des centres de formation ou des écoles web.
Oui, je ferai en sorte de mettre à jour aussi régulièrement et rapidement que possible le contenu des formations, et bien évidemment, je vous en informerai afin que vous puissiez en profiter.
En cas de besoin, il vous suffit de me contacter directement via le canal Discord à disposition.
Vous pouvez aussi échanger avec d'autres étudiants de la formation sur ce même canal.
Votre formation n'est pas remboursable, à partir du moment où vous souscrivez à la formation, cependant, vous pourrez accéder à son contenu de manière illimitée.
Vous pouvez accéder au contenu de la formation via votre espace à tout moment et de manière illimitée.
👋🏻 Alors, prêt à vous former ?
Cliquez sur ce bouton pour un détail complet du contenu du cours !