Le Front-End: Formation Complète

Name: Le Front-End: Formation Complète
Rating: 4.2 (191 reviews)

Devenez un expert du développement web avec les techno du Front-End: HTML, CSS, Javascript, Jquery.

Created byIgor Marty

Last updated 1/2021

French

What you'll learn

Réaliser un site web depuis une maquette.
Comprendre le code d'un site existant
Structurer le contenu HTML d'une page web
Personnaliser totalement une page grâce au CSS
Ajouter de la vie à un page avec du Javascript et JQuery
Réaliser une site de restaurant de A à Z.

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

Course content

14 sections • 118 lectures • 10h 23m total length

Un bon nagivateur : Chrome0:52
Un bon éditeur de code : Brackets3:00
Exercice : Réalisons notre première page1:21
Petit quizz d'introduction

Information importante0:09
Je suis en train de regarder le problème de synchronisation de son sur certaines de ces vidéos. Merci encore pour vos retours :)
La structure d'un projet2:30
Les balises4:10
La structure HTML3:39
Les caractères spéciaux2:54
Les titres et paragraphes5:20
Les images5:19
Les listes6:00
Les tableaux8:05
Les formulaires9:10
Les liens hypertextes6:30
Exercice : Création d'un CV9:59
Une carte de visite

La console et les types de données2:07
La console
Les types de données (nombres, chaines de caractères, booléen)
Les nombres6:13
Les opérations en javascript (addition, soustraction, multiplication, division, modulo),
PEMBAS
Les comparaisons
Les chaines de caractères8:37
string ?
La concaténation
L'échappement et caractères spéciaux
Les comparaisons
Les variables8:08
C'est quoi ?
Le lien du codepen : http://codepen.io/IMarty/full/VpjyEX/
Ajout d'un script4:18
Ajouter un script à un projet web !
Ajout du script (code)0:14

Les boucles while et for5:40
Les boucles while et for (code)0:11
Les conditions : IF ... ELSE ...6:32
Les conditions : IF ... ELSE ... (code)0:19
Les conditions : SWITCH3:07
Les conditions : SWITCH (code)0:12
Les conditions ternaires2:38
Les conditions ternaires (code)0:08
Les fonctions de base5:26
Les fonctions de base (code)0:14
Nos propres fonctions3:18
Nos propres fonctions (code)0:14
La portée des variables4:25
La portée des variables (code)0:20
Les tableaux10:20
Les tableaux (code)0:20
Les objets8:29
Les objets (code)0:21
Exercice JS : code secret4:37
Exercice JS : code secret (code consigne)0:32
Exercice JS : code secret - Correction 1/71:32
Exercice JS : code secret - Correction 2/71:16
Exercice JS : code secret - Correction 3/73:37
Exercice JS : code secret - Correction 4/73:37
Exercice JS : code secret - Correction 5/74:02
Exercice JS : code secret - Correction 6/72:43
Exercice JS : code secret - Correction 7/77:11
Correction Exercice JS : code secret (code)1:02

Requirements

Vous n'aurez besoin d'aucune connaissance particulière.
Vous aurez besoin d'un éditeur gratuit (inclus dans le cours)
Un navigateur sympa (aussi inclus dans le cours)

Description

Salut ! Bienvenu dans le cours complet Front-End vous permettra de devenir très facilement intégrateur web. Fort de mon expérience de formateur web, j'ai conçu ce cours afin qu'il soit le seul dont vous aillez besoin pour devenir développeur front.

Ce cours a été conçu par un formateur professionnel indépendant
Vous apprendrez tous ce que j'utilise tous les jours en tant que développeur Front-end
Le cours contient seulement des technologie Front-End donc pas de PHP et autres approches serveur.
Chaque section contient un exercice récapitulatif.
Chaque mois, le cours sera mis à jour pour ajouter un projet projet Front-End Complet.

Ce cours est en cours d'écriture et évoluera vers une cours de Développeur Front-End.

A venir, le module JQuery et un projet professionnel corrigé GRATUITEMENT pour ceux qui ont déjà acheté ce cours !

Who this course is for:

Chaque personne intéressée par une carrière dans le développement Front-End
Développeurs débutants qui veulent apprendre l'HTML, le CSS , et le javascript
Développeurs confirmés voulant gagner en expertise Front-End
Ce cours ne couvre pas la partie développeur back-end.
Comprendre le code et faire des modifications soit même

Le Front-End: Formation Complète

What you'll learn

Explore related topics

Coding Exercises

Course content

HTML 1/3 : Introduction3 lectures • 5min

HTML : Savoir bien structurer ses données12 lectures • 1hr 4min

HTML : Comment utiliser les balises récentes7 lectures • 31min

CSS : Connaitre les bases4 lectures • 17min

CSS : Comment maquiller le contenu d'une page web7 lectures • 25min

CSS : Comment positionner vos éléments6 lectures • 30min

CSS : Aller plus loin avec les propriétés avancées du CSS39 lectures • 18min

CSS : Comment faire des animations6 lectures • 18min

JAVASCRIPT : Comprendre les types des variables et comment l'ajouter à la page6 lectures • 30min

JAVASCRIPT : Savoir ajouter de la logique à vos pages28 lectures • 1hr 22min

Requirements

Description

Who this course is for: