Le cours ! Vite, professeur, on veut apprendre des nouveaux trucs !

Hello les amis ! Quel immense plaisir que de lancer cette nouvelle formation ! Very Happy

Elle part sur un concept nouveau, qui se veut plus proche de vos attentes et de vos envies. On verra si ça fonctionne ou pas. Vous êtes un peu nos cobays, à Elu' et moi, mouahahahaha Le cours ! Vite, professeur, on veut apprendre des nouveaux trucs ! 2630081927

Le cours ! Vite, professeur, on veut apprendre des nouveaux trucs ! 2630081927

Et c'est pas forcément une bonne nouvelle...

Sans plus tarder, on se lance ! Smile

Programme

HTML/CSS niveau 2

Programme

Note : ce programme est sujet à modifications en fonction de votre projet et de votre niveau. Voir plus bas pour plus d'infos.

Partie 1 HTML5 :
- Petit retour sur la maj V5 (nouvelle doctype)
- Indenter
- Retour sur strong, b, em, i
- Exo
- Balises structurantes
- Exo
- Figure et figcaption
- Compatibilité HTML5
- Exo ?

Partie 2 CSS3 :
- Petit rappel/bases (background, color, indenter etc)
- Reviews Id et class pour faire une bonne distinction
- Margin et padding (rappel + techniques avancées)
- Exo ?
- Positionnement (retour sur les positions, sur le centrage, sur les bonnes pratiques et trucs et astuces)
- Exo ?
- Display (retour sur les type de balises, block, inline, inline-block, table-cell ?)
- Retour sur line-height (utilisation complexe)
- Unités de mesure en CSS
- Exo ?

Partie 3 : Les sélecteurs CSS3 :
- Review des sélecteurs utilisés
- Noms de balise
- Pseudo-classes
- Pseudo éléments

Partie 4 : Flexbox
- display:flex
- En ligne
- Centrage
- En colonne
- Centrage

Partie 5 : Problèmes de compatibilité :
- Commentaires condtionnels
- link
- classes différentes
- préfixes
- caniuse

Partie 6 : Transitions
-Principe
-Propriétés de transition
-Exo

Partie 7 : Infobulle :
-Principe
-HTML
-CSS

Petits rappels

Quelques petits rappels :
Les cours sont la propriété d'ATDC, toute utilisation, copie, rediffusion ou modification est strictement interdite (copyright france déposé)
Tous les codes doivent être entre balises code (sinon ça fait planter la page :$)

Le professeur de cette formation est NOM

Le projet

En plus des petits exercices donnés parfois pour vérifier que vous avez bien compris le cours, la formation s'agrémente d'un projet personnel à chaque élève. Bref, votre projet ! Cela vous permettra de mettre en application de manière plus concrète ce que vous allez apprendre au cours de la formation. De plus, vous manipulez ainsi vraiment les langages HTML et CSS comme si vous étiez des professionnels Very Happy .
Concrètement, comment ça va se passer ?
1) Vous allez nous décrire votre projet, avec des mots, ou encore mieux avec un montage. Nous pourrons ainsi voir ce dont vous avez besoin précisément dans cette formation.
2) Vous allez coder ce que vous pouvez déjà faire, de façon à ce que nous puissions voir ce que vous êtes déjà capable de faire et ce qu’il faut revoir.
3) On va suivre le programme (adapté à vos besoins) ci-dessus, qui sera d’ailleurs modifié au cours de la formation. C’est important que vous puissiez garder une structure globale de ce qu’on va voir.

En quoi doit consister ce projet ? Ça peut être n’importe quoi (site, forum, etc.) sur n’importe quel sujet, tant que ça utilise de l’HTML et du CSS. N’hésitez surtout à proposer ce qui vous passe par la tête, même si ça a l’air trop compliqué, trop abstrait, etc. On est là pour vous aider, et donc aussi pour vous guider dans la construction de votre projet Wink Si votre projet dépasse la matière vue dans cette formation, on vous aidera éventuellement en privé sur Discord ou bien vous pourrez continuer votre projet dans une autre formation qui reprend cette matière (HTML/CSS 3, par exemple)

Le but de votre projet n'est pas que vous codiez seul de votre côté. Ça, vous pouvez le faire de vous-même (ce qui est un très bon exercice). Mais vous demander de coder seuls, dans une formation groupée, je pense que ce n'est pas très logique ! Ici, on est là pour vous aider et vous accompagner.
Du coup, à la fin de chaque cours (ou presque), vous devrez appliquer ce que vous avez vu dans votre code, en suivant les conseils qu'on vous donne . Et si vous avez des questions... On sera là !

Les exercices supplémentaires

À côté de ça, on ajoute également des exercices supplémentaires dans un topic à part. Comme ça, si vous souhaitez entraîner un point du cours que vous n’êtes pas sûr de maîtriser, on vous met plusieurs exercices supplémentaires à disposition. Ils ne sont pas obligatoires, mais on va quand même vous corriger Wink

Alors, pour commencer, vous allez réfléchir à votre projet perso et nous poster votre idée dans votre cahier d'exercice. Comme ça demande un peu de réflexion de votre part, on vous laisse jusqu'à vendredi pour y réfléchir, n'hésitez pas à poster avant si vous savez déjà ce que vous voulez faire. Si vous n'avez pas trop d'idées, venez vers nous, on vous guidera un peu Smile

Il peut s'agir d'une description écrite, mais mieux encore, ce serait de créer un visuel avec photofiltre, ou gimp ou ce que vous voulez Smile

Mais bref, sentez vous libre, surtout !