Développement Web Front-end (HTML, CSS, JavaScript)
Par moussta
Catégories : Formations pratiques
À propos du cours
Maîtrisez les fondamentaux du développement web en apprenant à créer des interfaces modernes, responsive et performantes. Ce cours vous guide pas à pas pour structurer vos pages en HTML, styliser vos designs avec CSS et ajouter de l’interactivité grâce à JavaScript, afin de construire des sites web professionnels adaptés à tous les écrans.
Qu’allez-vous apprendre ?
- Maîtrisez les fondamentaux du développement web en apprenant à créer des interfaces modernes, responsive et performantes. Ce cours vous guide pas à pas pour structurer vos pages en HTML, styliser vos designs avec CSS et ajouter de l’interactivité grâce à JavaScript, afin de construire des sites web professionnels adaptés à tous les écrans.
Contenu du cours
Introduction
-
Comment fonctionne un site Web ?
03:42 -
Différence entre Front end et Back end
03:13
HTML – Structure de la Page Web
-
Introduction à HTML
03:21 -
La syntaxe
09:59 -
Installation de Visual Studio Code (Windows)
05:31 -
Installation de Visual Studio Code (MacOs)
05:11 -
Installation de Visual Studio Code (Linux)
03:49 -
L’en-tête head
12:28 -
Les éléments textuels body
20:54 -
Les liens hypertextes
20:02 -
Les images
14:26 -
Les table
19:32 -
Les iframe
07:32 -
div & span
09:25 -
L’inspecteur
06:45 -
Qu’est ce que le W3C ?
07:31 -
Les formulaires
34:12 -
TP : Créer ses premières pages
27:00
CSS – Styliser et Mettre en Forme vos Pages
-
Introduction au CSS
07:03 -
Les sélecteurs
30:35 -
Le modèle de boîte
34:04 -
Police & textes
29:54 -
Les formats de couleurs
10:32 -
Les unités de mesures
16:46 -
Le positionnement
18:52 -
Les éléments flottants : float
19:44 -
Flexbox
33:37 -
La propriété background
18:39 -
Le box-sizing
04:15 -
TP : Création d’un blog
01:15:34 -
La spécificité des sélecteurs
08:47 -
La compatibilité des navigateurs
13:06 -
Polices personnalisées
20:51 -
Pseudo-éléments
19:29 -
Transform
19:02 -
Animation & Transition
18:43 -
Media query et le « responsive »
32:54 -
TP : Réseau social
01:37:25 -
TP Restaurant : Ouvrir la maquette
07:45
JavaScript – Interactivité et Dynamisme
-
Introduction à JavaScript
04:52 -
Les variables
27:51 -
Les conditions
31:36 -
La portée des variables
04:13 -
Les boucles
18:38 -
Les fonctions
38:02 -
Pratiquons les fonctions
37:54 -
Les classes
30:05 -
Pratiquons les classes
21:14 -
Les erreurs
12:03 -
Les fonctions usuelles
26:38 -
Le sucre syntaxique
20:41 -
Les timers
14:00 -
Promise
27:33 -
Appel HTTP avec fetch()
18:11 -
Les modules
11:32 -
Commentaires et JSDoc
15:36 -
L’objet Date
21:17 -
Que faire maintenant ? Front-end ou Back-end ?
03:20 -
JavaScript côté navigateur
11:19 -
JavaScript côté navigateur : Manipuler le DOM
39:25 -
JavaScript côté navigateur : Pratiquons avec une TodoList
42:49 -
JavaScript côté navigateur : Les écouteurs d’évènements
31:44 -
JavaScript côté navigateur : Les templates
10:19 -
JavaScript côté navigateur : Évènements personnalisés
11:05 -
JavaScript côté navigateur : Local Storage
08:57 -
JavaScript côté navigateur : Manipuler les cookies
16:30 -
JavaScript côté navigateur : Inspecter son code JavaScript
16:25 -
JavaScript côté navigateur : Fonctions usuelles du DOM
23:39 -
JavaScript côté navigateur : IntersectionObserver
11:07 -
TP ScrollSpy
24:35
Notes et avis de l’apprenant
Encore aucun avis !
