Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
4.7
1,926 avis
niveau Débutant
Expérience recommandée
Expérience recommandée
Niveau débutant
Aucun !Les apprenants n'ont pas besoin d'une expérience préalable en matière de développement web. Il suffit de savoir naviguer sur Internet et d'avoir envie de commencer à coder.
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
4.7
1,926 avis
niveau Débutant
Expérience recommandée
Expérience recommandée
Niveau débutant
Aucun !Les apprenants n'ont pas besoin d'une expérience préalable en matière de développement web. Il suffit de savoir naviguer sur Internet et d'avoir envie de commencer à coder.
Lorsque vous vous inscrivez à ce cours, vous devez également sélectionner un programme spécifique.
Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable
Il y a 3 modules dans ce cours
Dans ce cours, vous utiliserez des outils de développement logiciel tels que HTML pour construire des pages web attrayantes qui fonctionnent bien et vous utiliserez des données sémantiques structurées pour contrôler la façon dont les sites web apparaissent à l'utilisateur final.
Vous approfondirez ensuite les CSS en appliquant des styles de plus en plus spécifiques à divers éléments. Vous apprendrez à utiliser le système de grille de Bootstrap pour créer des mises en page et travailler avec des composants et des thèmes. A la fin de ce cours, vous serez capable de : - Créer un formulaire simple avec une mise en page réactive en utilisant HTML5 et CSS - Créer une mise en page réactive en utilisant CSS - Créer une interface utilisateur en utilisant Bootstrap - Mettre en œuvre des outils de débogage Ce cours est destiné aux débutants qui souhaitent se préparer à une carrière dans le développement frontal. Pour réussir ce cours, vous n'avez pas besoin d'une expérience préalable en matière de développement, mais seulement de compétences de base en matière de navigation sur Internet et d'une envie de commencer à coder.
Dans ce module, vous utiliserez des données sémantiques structurées pour contrôler la manière dont les sites web apparaissent à l'utilisateur. Vous créerez du HTML sémantique pour structurer les pages web de manière à ce qu'elles soient belles et qu'elles fonctionnent bien.
Inclus
23 vidéos20 lectures12 devoirs4 laboratoires non notés
Afficher les informations sur le contenu du module
23 vidéos•Total 88 minutes
Introduction au programme•3 minutes
Introduction à HTML et CSS en profondeur•3 minutes
Comment HTML et CSS sont-ils utilisés dans le monde réel ?•4 minutes
Récapitulation : Ce que vous savez sur HTML et CSS•3 minutes
Les balises sémantiques et leur utilité•5 minutes
Les étiquettes sémantiques en action•5 minutes
Métadonnées•5 minutes
Disposition sommaire•3 minutes
UX avec les meta tags•4 minutes
Mise en place d'une carte de médias sociaux•3 minutes
Formulaires et validation•3 minutes
Création d'un formulaire•7 minutes
Tirer le meilleur parti de la validation côté client•4 minutes
Boutons radio•4 minutes
Utiliser des éléments de formulaire interactifs•6 minutes
Soumission du formulaire•4 minutes
Différences entre les navigateurs•3 minutes
Vidéo et audio•3 minutes
Acteurs intégrés•4 minutes
iFrames•3 minutes
iFrame en tant qu'image•4 minutes
L'élément de la toile•4 minutes
Résumé du module : HTML deep dive•3 minutes
20 lectures•Total 255 minutes
Plan de cours•10 minutes
Comment réussir ce cours•10 minutes
Travailler avec des laboratoires dans ce cours•10 minutes
HTML sémantique•15 minutes
L'aide-mémoire des métadonnées•15 minutes
Conception de la mise en page•15 minutes
Cartes de médias sociaux•15 minutes
Ressources complémentaires•10 minutes
Types d'entrées•15 minutes
Visual Studio Code sur Coursera•10 minutes
Créer et tester un formulaire (solution)•10 minutes
Aide-mémoire : Éléments de formulaires interactifs•15 minutes
Soumettre•15 minutes
Glossaire : Éléments de formulaire HTML•20 minutes
Créer un formulaire complexe (solution)•10 minutes
Ressources complémentaires•10 minutes
Évaluer le support (solution)•10 minutes
Images•10 minutes
l'aide-mémoire du bac à sable iFrame•20 minutes
Ressources complémentaires•10 minutes
12 devoirs•Total 204 minutes
Contrôle des connaissances : S'entraîner à utiliser des balises sémantiques•21 minutes
Contrôle des connaissances : Métadonnées•18 minutes
Contrôle des connaissances : Protocole Open Graph•18 minutes
Contrôle des connaissances : Balises sémantiques et méta-balises•24 minutes
Auto-évaluation : Créer et tester un formulaire•10 minutes
Contrôle des connaissances : Déclaration des éléments de formulaire•18 minutes
Contrôle des connaissances : Envoi du formulaire•24 minutes
Auto-évaluation : Créer un formulaire complexe•10 minutes
Contrôle des connaissances : Saisie par l'utilisateur et formulaires•18 minutes
Auto-évaluation : Évaluer les médias•10 minutes
Contrôle des connaissances : Éléments médiatiques•18 minutes
Contrôle des connaissances : HTML•15 minutes
4 laboratoires non notés•Total 240 minutes
HTML sémantique : Améliorer l'accessibilité et la structure des pages web•60 minutes
Créer et tester un formulaire•60 minutes
Créer un formulaire complexe•60 minutes
Évaluer les médias•60 minutes
CSS interactif
Module 2•13 heures à terminer
Détails du module
Dans ce module, vous approfondirez les CSS en appliquant des styles de plus en plus spécifiques à divers éléments.
Inclus
22 vidéos20 lectures8 devoirs1 sujet de discussion4 laboratoires non notés
Afficher les informations sur le contenu du module
22 vidéos•Total 108 minutes
Mise en page web CSS•4 minutes
Flexbox de base•6 minutes
Graphiques de flexion•7 minutes
Grilles CSS•5 minutes
Vitrine de la grille•8 minutes
Étude de cas : Comment Meta crée des constructions réactives•3 minutes
Sélecteurs largement utilisés•5 minutes
Sélecteurs combinés•7 minutes
Pseudo-classes•4 minutes
Utilisation pratique des pseudo•4 minutes
Qu'est-ce qu'un effet ?•5 minutes
Effets de texte•4 minutes
Transformations et transitions CSS•6 minutes
Animation CSS•4 minutes
Exemples d'animation•5 minutes
Erreurs courantes•6 minutes
Traitement des erreurs•5 minutes
Outils de débogage•4 minutes
CSS spécifiques aux navigateurs•6 minutes
Tests de l'interface utilisateur•4 minutes
Étude de cas : Comment Meta réalise des tests frontaux•4 minutes
Résumé du module : CSS interactif•2 minutes
20 lectures•Total 305 minutes
Comprendre la boîte à outils•20 minutes
Unités de mesure du SOC•10 minutes
Grilles et flexbox•15 minutes
Zone du modèle de grille•20 minutes
Créer une grille (solution)•15 minutes
Ressources complémentaires•10 minutes
Tous les sélecteurs et leur spécificité•20 minutes
CSS ciblé (solution)•15 minutes
Pseudo-éléments•20 minutes
CSS Pseudo cheat sheet•15 minutes
Ressources complémentaires•10 minutes
L'aide-mémoire des effets de texte•15 minutes
Éléments de transformation et de transition (solution)•10 minutes
Images clés CSS•20 minutes
Aide-mémoire sur l'animation et les effets•15 minutes
Préprocesseurs : sass, scss, Stylus•20 minutes
Ressources complémentaires•10 minutes
Installation d'un Linter tiers dans VS Code•15 minutes
Débogage du front-end•20 minutes
Ressources complémentaires•10 minutes
8 devoirs•Total 130 minutes
Auto-évaluation : Créer une grille•12 minutes
Contrôle des connaissances : Créer des mises en page•24 minutes
Auto-évaluation : CSS ciblé•10 minutes
Contrôle des connaissances : Sélecteurs CSS•18 minutes
Auto-évaluation : Éléments de transformation et de transition•15 minutes
Contrôle des connaissances : Effets CSS•18 minutes
Contrôle des connaissances : Débogage•18 minutes
Module quiz : CSS interactif•15 minutes
1 sujet de discussion•Total 10 minutes
Quels sont les bogues de CSS qui vous ont posé problème ?•10 minutes
4 laboratoires non notés•Total 240 minutes
Créer une grille•60 minutes
CSS ciblé•60 minutes
Styliser avec des pseudo-classes et des pseudo-éléments•60 minutes
Éléments de transformation et de transition•60 minutes
Évaluation notée
Module 3•4 heures à terminer
Détails du module
Dans ce module, vous serez évalué sur les compétences clés couvertes par le cours.
Inclus
6 vidéos5 lectures1 devoir1 évaluation par les pairs2 sujets de discussion1 laboratoire non noté
Afficher les informations sur le contenu du module
6 vidéos•Total 19 minutes
Récapitulatif des cours•3 minutes
Sélection du sujet et élaboration de la mise en page•3 minutes
Positionner les éléments, créer des espaces réservés•5 minutes
Planifier l'expérience de l'utilisateur•3 minutes
Exemplaire : Jusqu'ici tout va bien•3 minutes
Félicitations, vous avez terminé l'étude approfondie de HTMLS et CSS !•2 minutes
5 lectures•Total 37 minutes
À propos du projet de portefeuille•5 minutes
Sélection des sujets•10 minutes
Mise en place de votre environnement de développement local•10 minutes
Création de thèmes•10 minutes
Prochaines étapes•2 minutes
1 devoir•Total 5 minutes
Vérification de l'état de préparation : Avez-vous terminé la configuration initiale ?•5 minutes
1 évaluation par les pairs•Total 90 minutes
Soumettez votre projet de portefeuille•90 minutes
2 sujets de discussion•Total 20 minutes
Partagez votre portfolio•10 minutes
Qu'avez-vous trouvé de plus intéressant dans ce cours ?•10 minutes
1 laboratoire non noté•Total 60 minutes
Bac à sable du projet•60 minutes
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Instructeur
Évaluations de l’enseignant
Évaluations de l’enseignant
Nous avons demandé à tous les étudiants de fournir des commentaires sur nos enseignants au sujet de la qualité de leur pédagogie.
Meta développe des technologies qui aident les gens à se connecter avec leurs amis et leur famille, à trouver des communautés et à développer des entreprises. Les Professional Certificates de Meta créent des opportunités pour que n'importe qui, indépendamment de son éducation, de ses antécédents ou de son expérience, puisse acquérir des compétences de haute qualité pour décrocher une carrière à forte croissance - aucun diplôme ou expérience n'est requis pour commencer. Meta propose également des cours de formation sur le métavers afin d'éduquer les personnes, les marques, les entreprises et les professionnels sur les opportunités qu'il présente et sur ce qu'il signifie pour notre monde d'aujourd'hui et de demain.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Avis des étudiants
4.7
1 926 avis
5 stars
79,23 %
4 stars
14,53 %
3 stars
3,53 %
2 stars
1,14 %
1 star
1,55 %
Affichage de 3 sur 1926
C
CP
5·
Révisé le 7 mai 2023
This course gives you a complete overview of HTML and CSS, it goes deeper in cross-browser compatibility and semantic HTML. I definitely recommend it for beginners.
M
MF
5·
Révisé le 4 déc. 2023
The course is in detail. Very engaging, not at all boring, lab works give a good idea of concepts taught, gains practical implementation and confidence.
S
SM
5·
Révisé le 5 août 2023
It was a good course, it was taught from the basicsBut you must pay attention to the fact that you must repeat the codes that are taught during the course
Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.
Qu'est-ce que je recevrai si je m'abonne à ce certificat ?
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours du certificat et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - à partir de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.