

Incertain où
commencer?
Track
Certificat
Fondations du Développement Frontend
4.7+
★★★★★
★★★★★
824 avis
Beginner
Explorez les piliers fondamentaux de chaque ensemble de compétences de développeur web. Commencez avec HTML, où vous apprendrez à structurer le contenu web, créer une navigation intuitive et intégrer de manière transparente des éléments multimédias. Afficher plus
HTML/CSS
JavaScript
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity TeamsWhat you will learn
- Build structured and accessible web pages using HTML to create a strong foundation
- Use CSS to style websites, control layout, and make pages visually appealing
- Learn JavaScript fundamentals to add interactivity, manipulate the DOM, and handle user events
- Work with JavaScript data structures, including arrays, objects, and their practical applications
- Explore advanced JavaScript topics like asynchronous programming, classes, and event-driven development
- 260 chapters
- 32 hours
- 309 tasks
Trusted by employees of leading companies
Learning track content
Module 1 / HTML Ultime
Explorez le fonctionnement interne du web. Découvrez comment les données circulent à travers les réseaux, le rôle des protocoles, ainsi que les mystères des adresses IP et des noms de domaine. Acquérez une compréhension globale de la manière dont les navigateurs web et les serveurs communiquent pour fournir du contenu web.
Découvrez la puissance des balises pour structurer le contenu, des titres et paragraphes aux listes et tableaux. Apprenez à enrichir les éléments grâce aux attributs.
- Compréhension des Balises HTMLAperçu
- Travail Avec les Attributs HTMLAperçu
- Compréhension des Balises Paires et Simples en HTMLAperçu
- Balisage et Mise en Forme du Texte en HTMLAperçu
- Défi : Créer le Paragraphe de Votre Première Page WebAperçu
- Défi : Créer une Page Web de Présentation PersonnelleAperçu
- Défi : Concevoir une Page Web de Présentation de FilmsAperçu
- Utilisation des Liens et des Boutons en HTMLAperçu
- Défi : Créer des Liens vers des Sites Web PopulairesAperçu
- Validation de Votre Code HTML Selon les Meilleures PratiquesAperçu
Le cœur de la structure d'un document HTML. Découverte des composants d'un document HTML, y compris la déclaration doctype, l'en-tête et le corps. Compréhension de la fonction de chaque élément et de leur contribution à la structure globale d'une page web.
- Les Secrets des Pages Web Bien StructuréesAperçu
- Compréhension de la Structure d'un Document HTMLAperçu
- Le Rôle de l'En-Tête du DocumentAperçu
- Gestion du Flux et de la Mise en Page du DocumentAperçu
- Défi : Structurer Correctement un Document HTMLAperçu
- Utilisation des Outils de Développement pour l’Inspection et le Débogage HTMLAperçu
Rendez une page web plus attrayante grâce à l'intégration de médias tels que des images, de l'audio et de la vidéo. Manipulez des données structurées sous forme de tableaux.
- Ajout d’Images en HTMLAperçu
- Défi : Travailler Avec des ImagesAperçu
- Travail avec des Images Cliquables, des Légendes et l’OptimisationAperçu
- Compréhension des Graphiques Vectoriels et MatricielsAperçu
- Intégration de l'Audio et de la Vidéo pour un Contenu Multimédia EnrichiAperçu
- Défi : Intégrer de l'audio et de la vidéo en HTMLAperçu
- Création et Structuration de Tableaux en HTMLAperçu
- Défi : Concevoir un Tableau HTML FonctionnelAperçu
Découvrez la polyvalence des formulaires HTML. Apprenez à concevoir des formulaires intuitifs et conviviaux en utilisant des concepts et techniques essentiels. Comprenez comment les formulaires permettent l'interaction utilisateur et la soumission de données sur les sites web.
- Introduction aux Formulaires HTMLAperçu
- Fondamentaux de la Création de Formulaires en HTMLAperçu
- Utilisation des labels pour une meilleure accessibilité des formulairesAperçu
- Amélioration des Formulaires avec des Attributs d'EntréeAperçu
- Exploration des Différents Types de Champs de Saisie en HTMLAperçu
- Défi : Créer un Formulaire avec des Champs et des ÉtiquettesAperçu
- Utilisation de l’élément Textarea pour la Saisie MultiligneAperçu
- Utilisation de l’élément Select pour les Menus DéroulantsAperçu
- Utilisation de l’Élément Datalist pour des Suggestions de Saisie PrédéfiniesAperçu
- Regroupement des éléments de formulaire pour une meilleure structureAperçu
Module 2 / CSS Fundamentals
Basic CSS concepts and rules to add styles to the web page.
- What is CSS?Aperçu
- Connecting HTML and CSSAperçu
- Selectors for Styling HTML ElementsAperçu
- Challenge: Add Your First StylesAperçu
- Challenge: Add The Styles using the Class NameAperçu
- User Action Pseudo-ClassesAperçu
- Challenge: User Action Pseudo-ClassesAperçu
- Text ColorsAperçu
- Effective Work with CSSAperçu
- Challenge: Variables in CSSAperçu
Set of CSS properties that are used to style the text content of HTML elements.
Concept of arranging elements according to the box model, which describes the layout and spacing of all elements.
- Box ModelAperçu
- Box SizingAperçu
- Adding Space to ElementsAperçu
- Challenge: Box-SizingAperçu
- Structural and Functional Pseudo-ClassesAperçu
- Challenge: Structural Pseudo-ClassesAperçu
- Element TypesAperçu
- Working with Block-Level ElementsAperçu
- Working with Inline ElementsAperçu
- Challenge: Predict the Page LayoutAperçu
Method of arranging the set of elements in rows and columns.
Create visually stunning and interactive web designs by using advanced CSS techniques for adding decorative elements.
Module 3 / Techniques CSS Avancées
Découvrez ce que les apprenants peuvent attendre de ce cours avancé sur le style HTML et CSS. Que devez-vous savoir avant de commencer le cours ? Quels sujets seront abordés ?
Positionnez et gérez les éléments sur les pages web. Apprenez les différentes propriétés de positionnement, découvrez comment utiliser l'ordre d'empilement pour contrôler la visibilité des éléments qui se chevauchent, et enfin, gérez le débordement de contenu.
- Qu'est-ce Que le Positionnement?Aperçu
- Positionnement RelatifAperçu
- Défi : Positionnement RelatifAperçu
- Positionnement AbsoluAperçu
- Défi : Positionnement AbsoluAperçu
- Positionnement FixeAperçu
- Défi : Positionnement FixeAperçu
- Positionnement StickyAperçu
- Défi : Positionnement StickyAperçu
- Ordre d'EmpilementAperçu
- Défi : Ordre d'EmpilementAperçu
- Débordement de ContenuAperçu
Explorez la puissance des transitions et apprenez à améliorer l'expérience utilisateur. Découvrez comment animer les propriétés de manière fluide et progressive, créant des transitions d'état harmonieuses.
Apprenez à connaître la propriété d'animation et comment elle peut être utilisée pour créer des designs dynamiques et engageants. Découvrez comment créer des animations complexes en utilisant des keyframes et comment contrôler l'animation.
Explorez la propriété de transformation, qui permet de modifier l'apparence et la position des éléments sur une page web. Apprenez à mettre à l'échelle, à faire pivoter, à incliner et à déplacer des éléments en deux et trois dimensions. Combinez plusieurs transformations pour créer des effets plus complexes.
Les principes et techniques utilisés dans la conception adaptative/réactive visent à rendre les sites web et les applications accessibles et visuellement attrayants sur différents appareils, tailles d'écran et orientations.
Apprenez à connaître les préprocesseurs en CSS et comment ils peuvent aider à écrire un code plus efficace et facile à maintenir. Comprenez comment utiliser les préprocesseurs pour simplifier le flux de travail et générer un code CSS plus propre.
Module 4 / Introduction à JavaScript
Découvrez les fondamentaux de JavaScript, y compris son objectif et sa syntaxe. Apprenez à travailler avec la console pour la sortie et à utiliser des commentaires pour organiser et documenter votre code. Ces compétences fondamentales vous prépareront à une exploration plus approfondie des capacités de JavaScript.
Explorez les éléments de base de JavaScript en distinguant les littéraux et les variables. Comprenez les types de données principaux, y compris `null` et les tableaux, et apprenez à les manipuler à l'aide des méthodes de tableau.
Apprenez à manipuler les types de données de JavaScript grâce à des opérations essentielles. Maîtrisez l'affectation, les opérations mathématiques, l'incrémentation et la décrémentation, les comparaisons, les opérations logiques et la concaténation de chaînes.
- AffectationAperçu
- Opérations MathématiquesAperçu
- Opérations avec AssignmentAperçu
- Incrémenter et DécrémenterAperçu
- Défi : Opérations sur les VariablesAperçu
- Opérations de ComparaisonAperçu
- Opérations LogiquesAperçu
- Défi : Comparer les VariablesAperçu
- Concaténation de ChaînesAperçu
- Défi : Construction de PhrasesAperçu
Découvrez comment contrôler le flux de vos programmes avec des instructions conditionnelles. Maîtrisez `if`, `else` et `else if` pour indiquer à JavaScript comment prendre des décisions et exécuter du code en fonction de différentes conditions.
Rationalisez votre code en maîtrisant les structures de boucles de JavaScript. Explorez les boucles `while`, `do while` et `for`, et apprenez à contrôler leur comportement en utilisant `break` et `continue`. Déverrouillez la puissance des boucles pour effectuer des tâches répétitives efficacement.
Découvrez la puissance des fonctions en JavaScript. Apprenez à définir des fonctions, à travailler avec des arguments et à utiliser l'instruction `return` pour créer un code réutilisable et efficace. Maîtriser les fonctions améliorera votre capacité à écrire des programmes propres et modulaires.
Module 5 / Structures de Données JavaScript
Obtenez une feuille de route claire de ce qui vous attend, comprenez les prérequis et apprenez des conseils précieux pour vous préparer au succès en explorant les objects, les arrays et les concepts de programmation essentiels.
Explorez les concepts de base des objets JavaScript. Cette section couvre les fondamentaux de la création d'objets, de la gestion des propriétés et de l'implémentation des méthodes.
- Comprendre les ObjetsAperçu
- Création d'ObjetAperçu
- Propriétés ImbriquéesAperçu
- Défi : Créer un ObjetAperçu
- Accéder aux Propriétés de l'ObjetAperçu
- Défi : Accéder aux Propriétés de l'ObjetAperçu
- Travailler Avec les PropriétésAperçu
- Défi : Modifier et Étendre l'ObjectAperçu
- Méthodes d'ObjetAperçu
- Propriétés dans les MéthodesAperçu
- Défi : Travailler avec les Méthodes d'ObjectAperçu
- Récapitulatif des Fondamentaux des ObjetsAperçu
Plongez dans des techniques avancées pour travailler avec les objets JavaScript. Cette section explore diverses stratégies pour manipuler et interagir efficacement avec les objets.
- Itération d'Objet avec la Boucle for...inAperçu
- Défi : Explorateur de Propriétés d'ObjectAperçu
- Méthode hasOwnProperty()Aperçu
- Défi : HasOwnProperty() pour l'Itération des Propriétés d'ObjetAperçu
- Opérateur de PropagationAperçu
- Défi : Fusionner des Objets et Ajouter des PropriétésAperçu
- Déstructuration d'ObjetAperçu
- Défi : DestructuringAperçu
- Récapitulatif de la Manipulation Avancée des ObjetsAperçu
Embarquez pour un voyage dans les tableaux JavaScript. Cette section fournit une base solide pour créer des tableaux, gérer des éléments et exécuter des opérations de base sur les tableaux.
- Comprendre les TableauxAperçu
- Défi : Accesseur d'Élément de TableauAperçu
- Travailler Avec les Éléments de TableauAperçu
- Défi : Modificateur d'Élément de TableauAperçu
- Boucle ForAperçu
- Défi : Itération des Éléments du TableauAperçu
- Boucle for...ofAperçu
- Défi : Itération Avec for...ofAperçu
- Maîtriser les Tableaux RécapitulatifAperçu
Maîtrisez les compétences avancées de manipulation des tableaux, en couvrant diverses techniques et méthodes pour gérer efficacement les tableaux dans de multiples scénarios.
- Méthode Map()Aperçu
- Défi : Transformation des Éléments du TableauAperçu
- Méthode Filter()Aperçu
- Défi : Filtrer les Étudiants par Notes d'ExamenAperçu
- Méthode Find()Aperçu
- Défi : Découvrir les Produits en VedetteAperçu
- Méthode sort()Aperçu
- Défi : Tri et Extraction de PropriétésAperçu
- Récapitulatif des Opérations Avancées sur les TableauxAperçu
- Résumé du CoursAperçu
Module 6 / Maîtrise Avancée de JavaScript
Apprenez les fondamentaux des classes JavaScript, des déclarations de classes à la définition de méthodes qui améliorent la fonctionnalité. Découvrez comment utiliser efficacement les objets de paramètres, gérer les propriétés privées et contrôler l'accès avec les accesseurs et les mutateurs. Maîtrisez les propriétés statiques et les méthodes statiques et libérez la puissance de l'héritage de classe en utilisant "extends" et "super()" pour construire un code évolutif et réutilisable.
- Bienvenue dans le CoursAperçu
- Déclaration de ClasseAperçu
- Défi : Construire une ClasseAperçu
- Méthodes de ClasseAperçu
- Défi : Ajouter des Méthodes à une ClasseAperçu
- Objet ParamètreAperçu
- Propriétés PrivéesAperçu
- Défi : Implémentation de Propriétés Privées dans une ClasseAperçu
- Accesseurs et MutateursAperçu
- Défi : Gestion des Propriétés avec Getters et SettersAperçu
- Propriétés StatiquesAperçu
- Méthodes StatiquesAperçu
- Défi : Utilisation des Propriétés et Méthodes Statiques dans une ClasseAperçu
- Héritage avec Extends et Utilisation de super()Aperçu
- Défi : Héritage de Classe avec Extends et Utilisation de SuperAperçu
Maîtrisez la manipulation du DOM pour créer des applications web dynamiques et interactives. Naviguez et modifiez la structure du DOM, mettez à jour le contenu de manière dynamique et appliquez les meilleures pratiques en matière de sécurité et de performance. Différenciez les propriétés et les attributs pour optimiser votre code.
- Qu'est-ce Que le DOM?Aperçu
- Interroger le DOMAperçu
- Défi : Interroger le DOMAperçu
- Comprendre la Hiérarchie du DOMAperçu
- Défi : Hiérarchie DOMAperçu
- Propriétés Du DOMAperçu
- Travailler Avec les Attributs des ÉlémentsAperçu
- Défi : Travailler Avec les Propriétés et Attributs des ÉlémentsAperçu
- Ajouter des ÉlémentsAperçu
- Suppression des ÉlémentsAperçu
- Défi : Ajouter et Supprimer des ÉlémentsAperçu
- Modifier les Styles des ÉlémentsAperçu
- Défi : Modifier les Styles des ÉlémentsAperçu
Débloquez l'interactivité de vos applications web en maîtrisant les événements JavaScript. Comprenez la propagation des événements, contrôlez le comportement des événements et implémentez une gestion efficace des événements pour les interactions utilisateur. Optimisez les performances avec des techniques avancées comme la délégation d'événements.
- Introduction aux Événements et aux Écouteurs d'ÉvénementsAperçu
- L'Objet ÉvénementAperçu
- Défi : Événements et Écouteurs d'ÉvénementsAperçu
- Propagation et Délégation d'ÉvénementsAperçu
- Défi : Propagation et Délégation d'ÉvénementsAperçu
- Événements Clavier et SourisAperçu
- Gestion des Écouteurs d'ÉvénementsAperçu
Cette section couvre les éléments essentiels de JavaScript asynchrone, y compris les callbacks, les Promesses et async/await. Vous apprendrez à récupérer des données à partir d'APIs, à intégrer des bibliothèques tierces et à gérer efficacement plusieurs requêtes, développant des compétences pour créer des applications axées sur les données.
- Introduction à JavaScript AsynchroneAperçu
- RappelsAperçu
- PromessesAperçu
- Async/AwaitAperçu
- Travailler Avec les APIsAperçu
- Intégration Pratique de l'APIAperçu
- Défi : Travailler Avec l'APIAperçu
- Travailler avec des Bibliothèques TiercesAperçu
- Défi : Travailler Avec des Bibliothèques TiercesAperçu
- Gestion de Plusieurs Requêtes AsynchronesAperçu
Requirements
- A computer with a browser - all browsers are supported.
- Your enthusiasm to enhance your tech skills.
- Everything else needed to start learning and practicing is already included in this course.
Over 200,000 5-star ratings and counting
Ruslan Kravchuk
L'essentiel est d'apprendre et de ne pas abandonner
Le matériel est bon, il y a beaucoup à apprendre, tout cela pour s'améliorer, et l'essentiel est d'apprendre ce que vous souhaitez....
Matteo Comune
Grâce à eux, j'apprends énormément…
Grâce à eux, j'apprends beaucoup plus rapidement car ils vous aident à tout comprendre depuis le début. C'est le meilleur site web pour aider les personnes sans connaissances préalables en informatique...
Yuliana Cadavid
super cours pour débutants
super cours pour débutants, ils testent vos connaissances à chaque leçon...
Elpunzon
Je profite pleinement de mon expérience Codefinity…
Je profite pleinement de mon expérience Codefinity en apprenant Python. L'apprentissage à votre rythme est idéal car il s'adapte à votre emploi du temps...
Alexandru Alexandru
C'est agréable d'apprendre avec Codefinity
C'est agréable d'apprendre avec Codefinity. C'est facile et il y a de bons exemples de ce que j'ai appris ici...
jacob Templet
Easy to follow along with and provides…
Facile à suivre et apporte un défi dans mon quotidien. Ce défi me motive à apprendre chaque jour...
Elan
Codefinity est un outil d'apprentissage complet…
Codefinity est un outil d'apprentissage complet qui vous aide à développer vos compétences en tant qu'ingénieur logiciel ou data scientist. Les exercices sont amusants et constituent un excellent moyen d'affiner vos compétences...
Thibault
Première fois que j'apprends à coder
Première fois que j'apprends à coder et je réussis grâce à Codefinity - merci...
Adrien Morel
Parfaitement conçu pour les débutants complets
Parfaitement conçu pour les débutants complets, le progrès pas à pas me donne confiance....
_Gracy
c'est tout simplement parfaitement bien expliqué
C'est tout simplement parfaitement bien expliqué ! Jusqu'à présent, je n'ai rencontré aucune difficulté car tout est si bien organisé...
Ruslan Kravchuk
L'essentiel est d'apprendre et de ne pas abandonner
Le matériel est bon, il y a beaucoup à apprendre, tout cela pour s'améliorer, et l'essentiel est d'apprendre ce que vous souhaitez....
Matteo Comune
Grâce à eux, j'apprends énormément…
Grâce à eux, j'apprends beaucoup plus rapidement car ils vous aident à tout comprendre depuis le début. C'est le meilleur site web pour aider les personnes sans connaissances préalables en informatique...
Yuliana Cadavid
super cours pour débutants
super cours pour débutants, ils testent vos connaissances à chaque leçon...
Elpunzon
Je profite pleinement de mon expérience Codefinity…
Je profite pleinement de mon expérience Codefinity en apprenant Python. L'apprentissage à votre rythme est idéal car il s'adapte à votre emploi du temps...
Alexandru Alexandru
C'est agréable d'apprendre avec Codefinity
C'est agréable d'apprendre avec Codefinity. C'est facile et il y a de bons exemples de ce que j'ai appris ici...
jacob Templet
Easy to follow along with and provides…
Facile à suivre et apporte un défi dans mon quotidien. Ce défi me motive à apprendre chaque jour...
Elan
Codefinity est un outil d'apprentissage complet…
Codefinity est un outil d'apprentissage complet qui vous aide à développer vos compétences en tant qu'ingénieur logiciel ou data scientist. Les exercices sont amusants et constituent un excellent moyen d'affiner vos compétences...
Thibault
Première fois que j'apprends à coder
Première fois que j'apprends à coder et je réussis grâce à Codefinity - merci...
Adrien Morel
Parfaitement conçu pour les débutants complets
Parfaitement conçu pour les débutants complets, le progrès pas à pas me donne confiance....
_Gracy
c'est tout simplement parfaitement bien expliqué
C'est tout simplement parfaitement bien expliqué ! Jusqu'à présent, je n'ai rencontré aucune difficulté car tout est si bien organisé...
Data Engineer
Certificat de Réalisation
Montrez vos compétences nouvellement acquises. Vous l'avez mérité
Discover more
Learning tracks
Seulement pour Ultimate
7 Cours
293 Tâches
Seulement pour Ultimate
6 Cours
169 Tâches
Seulement pour Ultimate
4 Cours
115 Tâches
Seulement pour Ultimate
6 Cours
101 Tâches
Seulement pour Ultimate
4 Cours
143 Tâches
Seulement pour Ultimate
5 Cours
119 Tâches
Seulement pour Ultimate
3 Cours
39 Tâches
Seulement pour Ultimate
7 Cours
376 Tâches
Seulement pour Ultimate
2 Cours
1 Projet
57 Tâches
Seulement pour Ultimate
7 Cours
346 Tâches
Seulement pour Ultimate
5 Cours
146 Tâches
Seulement pour Ultimate
5 Cours
135 Tâches
Seulement pour Ultimate
3 Cours
71 Tâches
Seulement pour Ultimate
6 Cours
239 Tâches
Seulement pour Ultimate
5 Cours
239 Tâches
Seulement pour Ultimate
4 Cours
125 Tâches
Seulement pour Ultimate
3 Cours
119 Tâches
Seulement pour Ultimate
3 Cours
75 Tâches
Learning tracks
parcours
Développement Web Avec C#
Débutant
4.8
(2356)
parcours
Python de Zéro à Héros
Débutant
4.7
(8335)
parcours
SQL de Zéro à Héros
Débutant
4.7
(2591)
parcours
Essentiels de C++
Débutant
4.5
(483)
parcours
Développement de Jeux avec Unity
Débutant
4.7
(73)
parcours
Devenez Développeur React
Intermédiaire
4.7
(66)
parcours
Essentiels d'Excel
Débutant
4.7
(302)
parcours
Essentiels de Java
Débutant
4.7
(197)
parcours
Python au-delà de l'Intermédiaire
Débutant
4.6
(66)
parcours
Développement Web Full Stack
Débutant
4.7
(853)
parcours
Maîtriser la Visualisation des Données
Intermédiaire
4.7
(565)
parcours
Apprentissage Automatique Supervisé
Intermédiaire
4.6
(124)
parcours
Maîtrise du C++
Avancé
4.8
(16)
parcours
Java Web
Avancé
4.7
(1161)
parcours
Devenez un Ingénieur QA
Débutant
4.7
(717)
parcours
Production Vidéo avec Adobe
Débutant
5.0
(5)
parcours
Outils de Conception UI/UX
Débutant
5.0
(4)
parcours
Compétences Bureautiques Essentielles
Débutant
4.8
(240)
Become a Development expert
Interactive exercises
Learning videos
AI-assistant on all courses
Workspaces for designing your own projects
Ready to get started?
ProBest intro offer | UltimateA complete experience to kickstart your career | |
---|---|---|
85+ Top-Rated courses | ||
Completion certificates | ||
AI-Assistant in all courses | ||
20+ hands-on Real-world projects | ||
Personalized study tracks | ||
Unlimited workspaces | ||
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity Teams