Devenez développeur Web (HTML, CSS et Javascript) : Le cours complet
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

Devenez développeur Web (HTML, CSS et Javascript) : Le cours complet

Matthieu Passerel
29,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Bienvenue dans notre formation "Développeur Web Front-End: Le Cours Complet"
Cette formation est dédiée au trio des incontournables pour débuter dans le code et devenir développeur web :

  • HTML : Le Langage de balisage pour structure votre page web,
  • CSS : La feuille de style en cascade pour donner l'apparence de votre choix à votre site,
  • Javascript : Le langage de script qui apportera une touche de dynamisme et d'interactivité.

Structurée pour répondre à divers besoins, elle offre une approche équilibrée entre théorie, exercices pratiques et quiz.
Chaque leçon vous rapproche de la maîtrise du HTML, du CSS, et du JavaScript, vous conférant la confiance nécessaire pour créer des sites web interactifs et responsifs.

Laissez-moi vous guider tout au long de cette aventure d'apprentissage captivante et enrichissante.

Devenez développeur Web (HTML, CSS et Javascript) : Le cours complet

Ce que vous allez découvrir :

  • Parties Théoriques Complètes : Explorez les langages HTML, du CSS et du Javascript à travers des explications claires et concises. Chaque concept est démystifié, vous permettant de construire une solide compréhension dès le départ.
  • Exercices Pratiques Stimulants : Passez à la pratique avec des exercices interactifs qui renforcent vos compétences en codage. Créez des pages web dès le début et observez votre progression à chaque étape.
  • Quiz pour Renforcer vos Acquis : Testez vos connaissances avec des quiz réguliers qui consolident vos acquis. Un moyen interactif et ludique d'assurer une maîtrise solide des concepts enseignés.

Pour les Débutants en Informatique :
Nous croyons que chacun peut devenir un expert en développement web. Notre formation est spécialement conçue pour les débutants, vous guidant étape par étape dans la création de sites web interactifs et adaptatifs.

Ce que vous saurez faire à la fin de la formation :

  • Construire des pages web structurées en utilisant HTML de manière experte.
  • Styliser vos sites avec des designs modernes grâce aux techniques avancées de CSS.
  • Concevoir des sites web adaptatifs pour offrir une expérience optimale sur tous les appareils.
  • Modifier dynamiquement le contenu de la page web.
  • Réagir aux interactions des utilisateurs.
  • Mettre en ligne votre premier site web.

Rejoignez-nous pour une aventure passionnante dans l'univers du développement web.
"Développeur Web Front-End : Le Cours Complet" vous donne les compétences nécessaires pour concrétiser vos idées en ligne et pourquoi pas changer de vie !

Préparez-vous à devenir un maître du code avec une formation qui allie expertise, clarté et engagement.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Installation de l'environnement de travail
Chapitre 3
HTML: Les bases de la création d'une page
Chapitre 4
HTML: Les balises textuelles
Chapitre 5
HTML: Les balises média
Chapitre 6
HTML: Les listes
Chapitre 7
HTML: Les tableaux

Plan détaillé du cours

Chapitre 1 : Introduction
29m14s
 
Leçon 1Comment va se dérouler la formation?
Leçon 2Mes 6 astuces pour profiter au mieux de la formation
Leçon 3Comment fonctionne internet?
Leçon 4Comment fonctionne le web?
Leçon 5Les différents types de développeurs
Chapitre 2 : Installation de l'environnement de travail
36m18s
 
Leçon 1Introduction au chapitre
Leçon 2L'éditeur de code
Leçon 3Installation de Visual studio code
Leçon 4Tour de Visual Studio Code
Leçon 5Les navigateurs
Leçon 6 Inspecter le code avec les navigateurs
Chapitre 3 : HTML: Les bases de la création d'une page
38m13s
 
Leçon 1Qu'est ce que HTML?
Leçon 2Notre premier fichier HTML
Leçon 3Balises et attributs
Leçon 4Les balises de 1er niveau
Leçon 5Les commentaires
Leçon 6Les balises d'en tête
Chapitre 4 : HTML: Les balises textuelles
48m51s
 
Leçon 1Les balises de titre
Leçon 2Les balises de paragraphe
Leçon 3Formater des textes
Leçon 4Créer un lien
Leçon 5Les autres balises textuelles
Leçon 6Passons à notre exercice
Chapitre 5 : HTML: Les balises média
30m45s
 
Leçon 1Ou trouver des ressources média?
Leçon 2Les images
Leçon 3Les audio
Leçon 4Les Vidéos
Leçon 5Figure et Figcaption
Chapitre 6 : HTML: Les listes
18m19s
 
Leçon 1Les listes non ordonnées
Leçon 2Les listes ordonnées
Leçon 3Les listes de description
Leçon 4Exercice
Chapitre 7 : HTML: Les tableaux
22m11s
 
Leçon 1Tableau simple
Leçon 2Sectionner un tableau
Leçon 3La balise caption
Leçon 4Exercice
Chapitre 8 : HTML: Les formulaires
1h05m
 
Leçon 1Introduction aux formulaires
Leçon 2La balise input
Leçon 3Placeholder et Label
Leçon 4Checkbox et radio
Leçon 5La balise TextArea
Leçon 6Les balises select et option
Leçon 7La balise button
Leçon 8Les balises fieldset et legend
Leçon 9L'attribut required
Leçon 10Un petit exercice
Chapitre 9 : HTML: Les balises de container
23m29s
 
Leçon 1Les balises de section
Leçon 2Les balises génériques
Chapitre 10 : D'autres balises pour parfaire l'apprentissage
11m44s
 
Leçon 1La balise hr
Leçon 2La balise progress
Leçon 3La balise time
Chapitre 11 : HTML: Exercice final
34m29s
 
Leçon 1Présentation de l'exercice
Leçon 2Correction de la page 1
Leçon 3Correction de la page 2
Chapitre 12 : CSS: Les bases
1h03m
 
Leçon 1Présentation de CSS
Leçon 2Les propriétés de CSS
Leçon 3CSS en tant qu'attribut
Leçon 4CSS en interne
Leçon 5CSS en externe
Leçon 6Les sélecteurs
Chapitre 13 : CSS: Couleurs et Textes
1h36m
 
Leçon 1Introduction aux couleurs
Leçon 2Ou trouver des couleurs?
Leçon 3Les propriétés de couleur
Leçon 4Le text shadow
Leçon 5Exercice
Leçon 6Introduction aux textes
Leçon 7Les polices de texte
Leçon 8Les tailles de police
Leçon 9Le font weight
Leçon 10Aligner un texte
Leçon 11Le text decoration
Leçon 12Le text transform
Leçon 13Exercice
Chapitre 14 : CSS: Le concept de boites
35m58s
 
Leçon 1Le concept de boites
Leçon 2Les marges
Leçon 3Les bordures
Leçon 4Le padding
Leçon 5Le contenu
Chapitre 15 : CSS: Les images
19m47s
 
Leçon 1Le object fit
Leçon 2Image de background
Leçon 3Exercice
Chapitre 16 : CSS: Position, display et float
35m25s
 
Leçon 1La propriété position
Leçon 2La propriété display
Leçon 3La propriété float
Chapitre 17 : CSS: Les media queries
33m10s
 
Leçon 1Avant de commencer
Leçon 2La règle media
Leçon 3Types et tailles
Leçon 4Mise en pratique
Chapitre 18 : CSS: Flexbox
1h13m
 
Leçon 1Flexbox: Définition et concept
Leçon 2Le container flex et inline-flex
Leçon 3La propriété gap
Leçon 4La direction de flex
Leçon 5Parlons des axes
Leçon 6L'alignement: align-items
Leçon 7L'alignement: le flex-wrap
Leçon 8L'alignement: align-content
Leçon 9L'alignement: align-self
Leçon 10La justification
Leçon 11Flexibilité des tailles
Leçon 12Exercice: Créez votre menu
Chapitre 19 : CSS: Les Grid
56m39s
 
Leçon 1Que sont les grilles?
Leçon 2Notre première grille
Leçon 3Les tailles
Leçon 4Alignement et justification
Leçon 5Placement dans une grille
Leçon 6Exercice: Le drapeau grec
Chapitre 20 : Exercice: Créons ensemble notre 1er site web
1h29m
 
Leçon 1Présentation de l'exercice
Leçon 2Mise en place et Header
Leçon 3Image de fond et citation
Leçon 4Section sur les raisons
Leçon 5La section grilles
Leçon 6La section méthode
Leçon 7Sections form et footer
Chapitre 21 : JS: Les bases de Javascript
1h01m
 
Leçon 1Qu'est ce que Javascript?
Leçon 2Javascript en ligne
Leçon 3Javascript en interne
Leçon 4Javascript en externe
Leçon 5Utiliser la console de debogage
Leçon 6Les commentaires
Leçon 7Le alert()
Leçon 8Le console.log()
Leçon 9Les variables
Leçon 10Les types en javascript
Chapitre 22 : JS: Les types primitifs
58m18s
 
Leçon 1String
Leçon 2Number
Leçon 3BigInt
Leçon 4Bool
Leçon 5Null & Undefined
Leçon 6Symbol
Chapitre 23 : JS: Tableaux et collections
52m16s
 
Leçon 1Que sont les collections?
Leçon 2Les tableaux (Array)
Leçon 3Set
Leçon 4Map
Leçon 5WeakSet
Leçon 6WeakMap
Leçon 7Le garbage collector
Chapitre 24 : JS: Les opérateurs
32m11s
 
Leçon 1Les opérateurs d'assignation
Leçon 2Les opérateurs arithmétiques
Leçon 3Les opérateurs de comparaison
Leçon 4L'opérateur ternaire
Leçon 5Les opérateurs logique
Leçon 6Le nullish
Chapitre 25 : JS: Les fonctions
38m17s
 
Leçon 1Définition d'une fonction
Leçon 2Fonction avec paramètre
Leçon 3Fonction avec retour
Leçon 4Portée des variables
Leçon 5Les expressions de fonction
Leçon 6Fonction fléchée
Chapitre 26 : JS: Les boucles
37m26s
 
Leçon 1Que sont les boucles?
Leçon 2La boucle for
Leçon 3La boucle for of
Leçon 4La boucle for in
Leçon 5For of ou for in?
Leçon 6La méthode forEach()
Leçon 7La boucle while
Leçon 8La boucle do while
Chapitre 27 : JS: Les conditions
26m18s
 
Leçon 1Que sont les conditions?
Leçon 2Le if
Leçon 3If ... else
Leçon 4If ... else if ... else
Leçon 5Switch
Chapitre 28 : JS: Les objets
1h21m
 
Leçon 1Introduction aux objets
Leçon 2Création d'un objet
Leçon 3Ajout et accès aux propriétés
Leçon 4Modifier les propriétés
Leçon 5Ajout à postériori et objets imbriqués
Leçon 6Les méthodes
Leçon 7This
Leçon 8Supprimer une propriété
Leçon 9Get & set
Leçon 10La fonction constructrice
Leçon 11L'héritage et protoypes
Chapitre 29 : JS: Les classes
48m45s
 
Leçon 1Qu'est ce qu'une classe?
Leçon 2Créer une classe
Leçon 3Accesseur et mutateur (get & set)
Leçon 4Privatisation des propriétés
Leçon 5Vérifier l'instance de classe
Leçon 6Les fonctions statiques
Leçon 7Héritage de classe
Chapitre 30 : JS: Le B.O.M (Browser object model)
48m48s
 
Leçon 1Qu'est ce que le BOM?
Leçon 2Un peu de préparation
Leçon 3Window
Leçon 4Screen
Leçon 5Navigator
Leçon 6Location
Leçon 7History
Leçon 8Confirm
Leçon 9Prompt
Leçon 10Gérer le temps
Leçon 11Cookies
Chapitre 31 : JS: Le D.O.M (document object model)
1h06m
 
Leçon 1Qu'est ce que le DOM?
Leçon 2Trouver les éléments via le HTML
Leçon 3Trouver les éléments via le CSS
Leçon 4Trouver les éléments via les Nodes
Leçon 5Modifier le contenu
Leçon 6Ajout et suppression d'attributs
Leçon 7Modifier les classes
Leçon 8Modifier les styles
Leçon 9Ajouter, remplacer et supprimer des éléments
Chapitre 32 : JS: Réagir aux événements
39m31s
 
Leçon 1Introduction
Leçon 2Les événements de souris
Leçon 3Les événements de clavier
Leçon 4Les événements de soumission
Leçon 5Les événements de changement de valeur
Leçon 6AddEventListener
Leçon 7RemoveEventListener
Chapitre 33 : JS en asynchrone
24m59s
 
Leçon 1Qu'est ce que asynchrone?
Leçon 2Le callback
Leçon 3La promesse
Leçon 4Async & await
Leçon 5Try & catch
Chapitre 34 : JS: Les Dates
17m08s
 
Leçon 1Création de dates
Leçon 2Manipuler les dates
Leçon 3Timestamp
Leçon 4Comparer les dates
Chapitre 35 : Exercices avec Javascript
1h11m
 
Leçon 1Avant de commencer
Leçon 2Exercice 1: Can't touch me - Présentation
Leçon 3Exercice 1: Can't touch me - Correction
Leçon 4Exercice 2: Dis moi bonjour - Présentation
Leçon 5Exercice 2: Dis moi bonjour - Correction
Leçon 6Exercice 3: Ma to do list - Présentation
Leçon 7Exercice 3: Ma to do list - Correction
Leçon 8Exercice 4: Menu responsive - Présentation
Leçon 9Exercice 4: Menu responsive - Correction

Aperçus

Avis des apprenants

Détail des avis
18
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Stephan Gaujard
Stephan Gaujard
Publié le 25/03/2024
Très bien expliqué et les supports de cours sont très appréciables

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données