css tutorial exercises course

CSS Exercices Tutoriel à la 4GEEKS Académie

Salut! Je suis Alejandro Sanchez @Alesanchezr, vraiment excité de vous avoir ici! ? ? Apprendre à coder est difficile; Vous avez besoin de coaching! Dm moi sur Twitter si vous avez des questions.

Estas Instrucciones ESTán Disponbles en ?? Español ??

Vous apprendrez les concepts suivants:

1. Comment appliquer CSS à votre site Web de 3 manières différentes: en ligne, en les regroupant dans une balise <style> , ou en utilisant une feuille de style externe <link> .

2. Sélection des éléments HTML sur votre site Web pour appliquer les styles.

3. Appliquer les règles (styles) CSS à ces éléments.

4. Utilisez les règles CSS les plus populaires.

5. Apprenez les astuces CSS les plus populaires.

Avant de commencer ... d'autres tutoriels connexes

1. Apprendre html
2. Apprenez les formulaires HTML5
3. Apprenez CSS ← Vous êtes ici maintenant!
4. Apprendre les dispositions CSS
5. Apprendre Bootstrap

Sélection complète des exercices CSS automatiquement, pour toute personne intéressée à apprendre CSS!

Installation d'un clic (recommandé):

Vous pouvez ouvrir ces exercices en quelques secondes en cliquant: Ouvrir en codespaces (recommandée) ou ouvrir en gitpod.

Une fois que VScode ouvre les exercices LearnPack devraient démarrer automatiquement. Si les exercices ne fonctionnent pas automatiquement, vous pouvez essayer de taper sur votre terminal: $ learnpack start

Installation manuelle

Clone le référentiel dans votre environnement local et suivez les étapes ci-dessous:

1. Installer LearnPack, le gestionnaire de packages pour les tutoriels d'apprentissage et le plugin de compilateur HTML pour LearnPack; Assurez-vous d'avoir également Node.js 14+:

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. Télécharger les exercices

$ learnpack install css-tutorial-exercises-course

Remarque: Une fois le téléchargement terminé, vous devrez cd dans le dossier Exercices qui contient tous les exercices.

3. Démarrez le tutoriel / les exercices en exécutant la commande suivante au même niveau où votre fichier Learn.json est:

$ npm i [email protected] -g
$ learnpack start

Comment les exercices sont-ils organisés?

Chaque exercice est une petite application React contenant les fichiers suivants:

1. index.html: tous les sites Web et exercices commencent à partir de l'index.html.
2. Styles.css: Votre code CSS va ici, certains exercices vous feront mettre à jour ce fichier.
3. Readme.md: contient des instructions d'exercice.
4. test.js: vous n'avez pas à ouvrir ce fichier, il contient le script de test pour l'exercice.

Remarque: Les exercices ont un classement automatique, mais il est très rigide et strict, ma recommandation est de ne pas passer les tests trop graves et de les utiliser uniquement comme suggestion ou vous pouvez être frustré.

Contributeurs

Merci à ces gens merveilleux (clé emoji):

1. Alejandro Sanchez (Aleanchezr), contribution: (codeur) (idée) ?, (Tests de course) ️ , (pull-request-review)? (run-tutorial) ✅ (documentation)

2. Paolo (Plucodev), contribution: (rapports de bogues)?, Contribution: (codeur), (traduction)?

3. Daniel Machota (@ d4rkm0nst3r), contribution: (run-tutorial) ✅, traduction?

Ceci et de nombreux autres exercices sont construits par les étudiants dans le cadre du bootcamp codant de l'Académie 4GEEKS par Alejandro Sánchez et de nombreux autres contributeurs. En savoir plus sur notre cours complet de développeur Stack et Data Science Bootcamp.