Contenu du cours
Introduction au développement front-end
2Qu'est-ce que HTML, CSS et Javascript
3Installation et configuration de l'environnement de développement
4Introduction au HTML : structure de base, balises et attributs
5Introduction au HTML : structure de base, balises et attributs : Introduction au HTML
6Introduction au HTML : structure de base, balises et attributs : Structure de base du HTML
7Introduction au HTML : structure de base, balises et attributs : Comprendre les balises HTML
8Introduction au HTML : structure de base, balises et attributs : Attributs en HTML
9Introduction au HTML : structure de base, balises et attributs : balises de titre
10Introduction au HTML : structure de base, balises et attributs : balises de paragraphe
11Introduction au HTML : structure de base, balises et attributs : Balises de lien (a)
12Introduction au HTML : structure de base, balises et attributs : Balises d'image (img)
13Introduction au HTML : structure de base, balises et attributs : Listes en HTML
14Introduction au HTML : structure de base, balises et attributs : Formulaires HTML
15Introduction au HTML : structure de base, balises et attributs : Balises d'entrée
16Introduction au HTML : structure de base, balises et attributs : balises de bouton
17Introduction au HTML : structure de base, balises et attributs : Tableaux en HTML
18Introduction au HTML : structure de base, balises et attributs : balises split et span
19Introduction au HTML : structure de base, balises et attributs : HTML sémantique
20Introduction au HTML : structure de base, balises et attributs : Introduction au CSS
21Introduction au HTML : structure de base, balises et attributs : sélecteurs CSS
22Introduction au HTML : structure de base, balises et attributs : propriétés et valeurs CSS
23Introduction au HTML : structure de base, balises et attributs : modèle de boîte
24Introduction au HTML : structure de base, balises et attributs : positionnement en CSS
25Introduction au HTML : structure de base, balises et attributs : Flexbox et Grid
26Introduction au HTML : structure de base, balises et attributs : Media Queries
27Introduction au HTML : structure de base, balises et attributs : Introduction à JavaScript
28Introduction au HTML : structure de base, balises et attributs : variables et types de données
29Introduction au HTML : structure de base, balises et attributs : opérateurs JavaScript
30Introduction au HTML : structure de base, balises et attributs : structures de contrôle (if, switch, for, while)
31Introduction au HTML : structure de base, balises et attributs : Fonctions en JavaScript
32Introduction au HTML : structure de base, balises et attributs : Objets et tableaux
33Introduction au HTML : structure de base, balises et attributs : manipulation du DOM
34h30. Introduction au HTML : structure de base, balises et attributs : événements en JavaScript
35Introduction au HTML : structure de base, balises et attributs : AJAX et API Fetch
36Introduction au HTML : structure de base, balises et attributs : Introduction à ES6+
37Introduction au HTML : structure de base, balises et attributs : promesses et async/await
38Introduction au HTML : structure de base, balises et attributs : Introduction à Node.js et NPM
39Introduction au HTML : structure de base, balises et attributs : Frameworks et bibliothèques populaires (React, Angular, Vue)
40Formatage du texte avec HTML
41Listes et tableaux en HTML
42Formulaires et entrées en HTML
43Introduction à CSS : sélecteurs, propriétés et valeurs
44Introduction au CSS : sélecteurs, propriétés et valeurs : Introduction au CSS
45Introduction au CSS : sélecteurs, propriétés et valeurs : Comprendre ce que sont les sélecteurs CSS
46Introduction au CSS : sélecteurs, propriétés et valeurs : Types de sélecteurs CSS : Élément, Classe et ID
47Introduction à CSS : sélecteurs, propriétés et valeurs : combinaison de sélecteurs CSS
48Introduction à CSS : sélecteurs, propriétés et valeurs : Introduction aux propriétés CSS
49Introduction au CSS : sélecteurs, propriétés et valeurs : Comment utiliser et comprendre les propriétés CSS
50Introduction au CSS : sélecteurs, propriétés et valeurs : Introduction aux valeurs en CSS
51Introduction au CSS : sélecteurs, propriétés et valeurs : Différents types de valeurs en CSS : Couleurs, Tailles et Unités
52Introduction à CSS : sélecteurs, propriétés et valeurs : Comment appliquer des valeurs aux propriétés CSS
53Introduction à CSS : sélecteurs, propriétés et valeurs : Comprendre la cascade et l'héritage en CSS
54Introduction à CSS : sélecteurs, propriétés et valeurs : comment utiliser l'inspecteur d'éléments pour déboguer CSS
55Style de texte avec CSS
56Mise en page et positionnement avec CSS
57Modèle de boîte et remplissage, bordure et marge
58Couleurs et arrière-plans en CSS
59Pseudoclasses et pseudoéléments en CSS
60Animations et transitions en CSS
61Conception réactive avec requêtes multimédias
62Introduction à Bootstrap
63Utilisation de grilles et de conteneurs dans Bootstrap
64Composants Bootstrap : boutons, formulaires, carrousel
65Introduction à Javascript : variables, types de données, opérateurs
66Introduction à Javascript : variables, types de données, opérateurs : Introduction à Javascript
67Introduction à Javascript : variables, types de données, opérateurs : Variables en Javascript
68Introduction à Javascript : variables, types de données, opérateurs : Types de données en Javascript
69Introduction à Javascript : variables, types de données, opérateurs : Opérateurs en Javascript
70Structures de contrôle en Javascript : si, pour, tant que
71Fonctions en Javascript
72Objets et tableaux en Javascript
73Manipulation des éléments DOM et HTML avec Javascript
74Événements et auditeurs en Javascript
75Formulaires et validation des données avec Javascript
76Introduction à jQuery
77Effets et animations avec jQuery
78Requêtes Ajax et HTTP avec Javascript
79Introduction à React.js
80Composants et état dans React.js
81Itinéraires et navigation dans React.js
82Introduction à Vue.js
83Directives et composants dans Vue.js
84Gestion de l'état avec Vuex
85Introduction à Angular.js
86Composants et services dans Angular.js
87Formulaires et validation des données avec Angular.js
88Bonnes pratiques de codage et d’organisation de projet
89Gestion des versions de code avec Git
90Déploiement d'applications Front End
91Tests unitaires et d'intégration en Javascript
92SEO et accessibilité Web
93Performances et optimisation du site Web
94Outils de développement de navigateur
95Travailler avec des API et des données JSON
96Présentation de Node.js et Express.js
97Websockets et communication en temps réel
98Travailler avec des bases de données NoSQL : MongoDB
99Authentification et autorisation avec JWT
100Sécurité Web : CORS, CSRF, XSS
Descriptif du cours
Découvrez le parcours complet pour devenir développeur front-end grâce à notre cours intitulé "Suivez le cours HTML, CSS et Javascript pour devenir développeur front-end". Avec ses 125 pages de contenu riche et complet, ce cours s'adresse aussi bien aux débutants qu'aux développeurs souhaitant approfondir leurs connaissances. Appartenant à la catégorie L'informatique, et plus spécifiquement à la sous-catégorie Programmation web, ce programme couvre tous les aspects essentiels du développement front-end.
Le cours débute par une introduction au développement front-end, vous familiarisant avec les fondamentaux du domaine ainsi qu'avec les langages HTML, CSS et Javascript. Vous apprendrez également à installer et configurer votre environnement de développement, étape cruciale pour bien démarrer.
La section sur le HTML vous guidera à travers la structure de base, les balises et les attributs. Vous découvrirez comment créer des documents HTML bien structurés en utilisant les balises de titre, de paragraphe, de lien, d'image, ainsi que les listes et les formulaires. Cette section vous aidera à comprendre l'importance des balises sémantiques, qui rendent le HTML plus compréhensible pour les moteurs de recherche et les utilisateurs de lecteurs d'écran.
L'apprentissage du CSS est tout aussi complet, couvrant les sélecteurs CSS, les propriétés et valeurs, le modèle de boîte, et le positionnement en CSS. Vous découvrirez également des techniques avancées telles que Flexbox, Grid et Media Queries pour créer des mises en page réactives et flexibles.
Ce cours ne serait pas complet sans une solide introduction à JavaScript, le langage qui donne vie à vos pages web. Vous explorerez les variables, les types de données, les opérateurs et les structures de contrôle. Des thèmes avancés comme la manipulation du DOM, les événements, AJAX, ES6+, et la gestion asynchrone avec les promesses et async/await y sont également abordés.
Pour ceux qui souhaitent aller plus loin, le cours inclut aussi des sections sur Node.js et NPM, ainsi que sur des frameworks et bibliothèques populaires comme React, Angular et Vue.js, vous permettant ainsi de comprendre les outils modernes de développement front-end.
Ensuite, vous apprendrez à styler votre texte avec HTML, à créer des listes et des tableaux, et à concevoir des formulaires de manière efficace. Plus loin dans le parcours, le cours vous guide dans la mise en page et le positionnement avec CSS, comprenant le modèle de boîte, les couleurs et arrière-plans, ainsi que les animations et transitions CSS.
L'utilisation de Bootstrap est également couverte, vous permettant de créer des interfaces utilisateur réactives et attrayantes. Vous découvrirez comment utiliser les grilles et les composants Bootstrap pour accélérer le développement de vos projets front-end.
Enfin, la section sur les bonnes pratiques et outils de développement vous enseignera la gestion des versions de code avec Git, le déploiement des applications front-end, les tests unitaires et d'intégration, le SEO et l'accessibilité web, ainsi que les performances et l'optimisation de site Web.
En somme, ce cours vous offre une formation complète et approfondie vous préparant efficacement au métier de développeur front-end. Rejoignez-nous et commencez votre parcours vers une carrière réussie en développement web front-end.
Ce cours gratuit comprend:
0h00m de cours audio en ligne gratuit
125 pages de contenu
Certificat de fin de cours
Exercices pour développer vos connaissances