Syntaxe des listes
Les listes sont un moyen important d'organiser l'information. Markdown prend en charge les listes ordonnées, non ordonnées, les listes imbriquées et les listes de tâches.
Listes non ordonnées
Syntaxe de base
Utilisez -, * ou + pour créer des listes non ordonnées :
- Élément 1
- Élément 2
- Élément 3
* Élément 1
* Élément 2
* Élément 3
+ Élément 1
+ Élément 2
+ Élément 3Rendu :
- Élément 1
- Élément 2
- Élément 3
Conseils sur le choix du symbole
| Symbole | Particularité | Scénario recommandé |
|---|---|---|
- | Le plus courant, concis | Généralement recommandé |
* | Cohérent avec l'emphase | Pour la cohérence de style |
+ | Rarement utilisé | Pour une distinction spéciale |
Astuce : Gardez la cohérence du symbole dans tout le document.
Listes ordonnées
Syntaxe de base
Utilisez des chiffres suivis d'un point pour créer des listes ordonnées :
1. Premier élément
2. Deuxième élément
3. Troisième élémentRendu :
- Premier élément
- Deuxième élément
- Troisième élément
Numérotation
La valeur réelle du chiffre n'a pas d'importance : Markdown générera automatiquement la séquence correcte :
1. Premier élément
3. Deuxième élément
8. Troisième élémentRendu :
- Premier élément
- Deuxième élément
- Troisième élément
Numéro de départ
Vous pouvez spécifier le numéro de départ :
3. Troisième élément
4. Quatrième élément
5. Cinquième élémentRendu :
- Troisième élément
- Quatrième élément
- Cinquième élément
Listes imbriquées
Imbrication de base
Utilisez l'indentation (2 à 4 espaces) pour créer des listes imbriquées :
- Élément niveau 1.1
- Élément niveau 2.1
- Élément niveau 2.2
- Élément niveau 1.2
- Élément niveau 2.3
- Élément niveau 3.1
- Élément niveau 3.2
- Élément niveau 2.4Rendu :
- Élément niveau 1.1
- Élément niveau 2.1
- Élément niveau 2.2
- Élément niveau 1.2
- Élément niveau 2.3
- Élément niveau 3.1
- Élément niveau 3.2
- Élément niveau 2.4
- Élément niveau 2.3
Imbrication mixte
Les listes ordonnées et non ordonnées peuvent être imbriquées :
1. Élément ordonné 1
- Sous-élément non ordonné 1.1
- Sous-élément non ordonné 1.2
2. Élément ordonné 2
1. Sous-élément ordonné 2.1
2. Sous-élément ordonné 2.2
- Sous-sous-élément non ordonné 2.2.1
- Sous-sous-élément non ordonné 2.2.2Rendu :
- Élément ordonné 1
- Sous-élément non ordonné 1.1
- Sous-élément non ordonné 1.2
- Élément ordonné 2
- Sous-élément ordonné 2.1
- Sous-élément ordonné 2.2
- Sous-sous-élément non ordonné 2.2.1
- Sous-sous-élément non ordonné 2.2.2
Contenu multi-paragraphes dans les listes
Suite de paragraphe
Incluez plusieurs paragraphes dans un élément de liste :
1. Premier élément
Ceci est le deuxième paragraphe du premier élément. Indentez pour qu'il reste dans l'élément de liste.
2. Deuxième élément
Ceci est le deuxième paragraphe du deuxième élément.
Ceci est le troisième paragraphe du deuxième élément.
3. Troisième élémentRendu :
Premier élément
Ceci est le deuxième paragraphe du premier élément. Indentez pour qu'il reste dans l'élément de liste.
Deuxième élément
Ceci est le deuxième paragraphe du deuxième élément.
Ceci est le troisième paragraphe du deuxième élément.
Troisième élément
Blocs de code
Incluez des blocs de code dans une liste :
1. Installer les dépendances
```bash
npm install expressCréer le serveur
javascriptconst express = require('express'); const app = express();Démarrer le serveur
### Citations
Incluez des citations dans une liste :
```markdown
1. Préparation
> Assurez-vous d'avoir suffisamment d'espace disque
> Au moins 10 Go sont recommandés
2. Démarrer l'installationListes de tâches
Syntaxe de base
Utilisez - [ ] pour les tâches à faire, - [x] pour les tâches terminées :
- [x] Tâche terminée
- [ ] Tâche à faire
- [x] Autre tâche terminée
- [ ] Élément à faireRendu :
- [x] Tâche terminée
- [ ] Tâche à faire
- [x] Autre tâche terminée
- [ ] Élément à faire
Listes de tâches imbriquées
- [x] Planification du projet
- [x] Analyse des besoins
- [x] Recherche technique
- [ ] Conception du prototype
- [ ] Phase de développement
- [ ] Développement frontend
- [x] Mise en page
- [ ] Fonctionnalités interactives
- [ ] Développement backend
- [ ] Conception de l'API
- [ ] Conception de la base de données
- [ ] Phase de testsRendu :
- [x] Planification du projet
- [x] Analyse des besoins
- [x] Recherche technique
- [ ] Conception du prototype
- [ ] Phase de développement
- [ ] Développement frontend
- [x] Mise en page
- [ ] Fonctionnalités interactives
- [ ] Développement backend
- [ ] Conception de l'API
- [ ] Conception de la base de données
- [ ] Développement frontend
- [ ] Phase de tests
Erreurs courantes et solutions
1. Indentation incorrecte
❌ Erreur : Indentation incohérente
- Élément 1
- Sous-élément 1.1
- Sous-élément 1.2 ← Erreur d'indentation
✅ Correct : Indentation cohérente
- Élément 1
- Sous-élément 1.1
- Sous-élément 1.22. Lignes vides entre les éléments
❌ Erreur : Lignes vides inutiles cassent la liste
- Élément 1
- Élément 2 ← Cela crée deux listes séparées
✅ Correct : Éléments consécutifs
- Élément 1
- Élément 23. Espace manquant après le numéro
❌ Erreur :
1.Premier élément ← Espace manquant
2.Deuxième élément
✅ Correct :
1. Premier élément
2. Deuxième élémentCas particuliers
Échapper les symboles de liste
Si vous souhaitez afficher les symboles de liste en début de ligne sans créer de liste :
\- Ceci n'est pas un élément de liste
\* Ceci n'est pas un élément de liste
\1. Ceci n'est pas un élément de liste ordonnéeRendu :
- Ceci n'est pas un élément de liste * Ceci n'est pas un élément de liste \1. Ceci n'est pas un élément de liste ordonnée
Code dans les éléments de liste
- Installer `npm install nom-du-paquet`
- Lancer `npm start`
- Visiter `http://localhost:3000` dans votre navigateurRendu :
- Installer
npm install nom-du-paquet - Lancer
npm start - Visiter
http://localhost:3000dans votre navigateur
Liens dans les éléments de liste
- [GitHub](https://github.com) – Plateforme d'hébergement de code
- [Stack Overflow](https://stackoverflow.com) – Site de questions/réponses
- [MDN](https://developer.mozilla.org) – Documentation développeurRendu :
- GitHub – Plateforme d'hébergement de code
- Stack Overflow – Site de questions/réponses
- MDN – Documentation développeur
Bonnes pratiques
1. Garder la cohérence
✅ Recommandé : Toujours utiliser les tirets
- Élément A
- Élément B
- Élément C
❌ Non recommandé : Mélange de symboles
- Élément A
* Élément B
+ Élément C2. Utiliser l'imbrication à bon escient
✅ Recommandé : Imbrication modérée
- Fonctionnalités principales
- Gestion des utilisateurs
- Gestion du contenu
- Fonctionnalités annexes
- Journalisation
- Sauvegarde des données
❌ Non recommandé : Imbrication trop profonde
- Fonctionnalités
- Fonctionnalités principales
- Fonctionnalités de base
- Fonctionnalités fondamentales ← Trop profond3. Organiser sémantiquement
✅ Recommandé : Regrouper logiquement
## Outils de développement
- Éditeur de code
- Contrôle de version
- Outils de débogage
## Outils de conception
- Prototypage
- Édition d'image
- Design UI
❌ Non recommandé : Pas de regroupement logique
- Éditeur de code
- Prototypage
- Contrôle de version
- Édition d'imageSortie HTML
Les listes Markdown sont converties en HTML :
- Élément 1
- Élément 2Converti en :
<ul>
<li>Élément 1</li>
<li>Élément 2</li>
</ul>1. Élément 1
2. Élément 2Converti en :
<ol>
<li>Élément 1</li>
<li>Élément 2</li>
</ol>Exemples pratiques
Liste de courses
## Liste de courses du jour
### Produits quotidiens
- [ ] Shampoing
- [ ] Dentifrice
- [x] Serviette
### Alimentation
- [ ] Lait
- [ ] Pain
- [x] Œufs
- [ ] Fruits
- [ ] Pomme
- [x] Banane
- [ ] OrangePlan d'étude
## Plan d'étude du mois
1. **Semaine 1** : Bases
- [x] Lire les chapitres 1-3 du tutoriel
- [x] Faire les exercices 1-10
- [ ] Regarder les vidéos 1-5
2. **Semaine 2** : Projet pratique
- [ ] Créer un projet simple
- [ ] Implémenter les fonctionnalités de base
- [ ] Ajouter du style
3. **Semaine 3** : Contenu avancé
- [ ] Apprendre les fonctionnalités avancées
- [ ] Optimiser les performances du projet
- [ ] Écrire des tests
4. **Semaine 4** : Révision
- [ ] Organiser les notes
- [ ] Préparer le projet final
- [ ] Revoir les points clésListe des fonctionnalités d'API
## Points d'accès API
### Gestion des utilisateurs
1. `GET /api/users` – Obtenir la liste des utilisateurs
- Prend en charge la pagination
- Prend en charge le filtrage par recherche
2. `POST /api/users` – Créer un nouvel utilisateur
- Nécessite des droits administrateur
- Valider l'unicité de l'email
3. `PUT /api/users/:id` – Mettre à jour les infos utilisateur
- Les utilisateurs ne peuvent modifier que leurs propres infos
- Les admins peuvent modifier n'importe quel utilisateur
### Gestion du contenu
- `GET /api/posts` – Obtenir la liste des articles
- `POST /api/posts` – Créer un nouvel article
- `DELETE /api/posts/:id` – Supprimer un articleSyntaxes associées
- Listes de tâches – Fonctions de tâches avancées
- Listes de définitions – Définitions de termes
- Syntaxe des citations – Citer du texte
- Syntaxe du code – Mise en forme du code
Pratique
Créez les types de listes suivants :
- Une structure de projet imbriquée sur trois niveaux
- Une liste d'étapes techniques avec exemples de code
- Une liste complexe mélangeant éléments ordonnés et non ordonnés
- Une checklist de projet avec statuts de tâches