Le Front-End: Formation Complète
4.1 (32 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
746 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Le Front-End: Formation Complète to your Wishlist.

Add to Wishlist

Le Front-End: Formation Complète

Devenez un expert du développement web avec les techno du Front-End: HTML, CSS, Javascript, Jquery.
4.1 (32 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
746 students enrolled
Created by Igor Marty
Last updated 5/2017
French
Curiosity Sale
Current price: $10 Original price: $145 Discount: 93% off
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 23 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Réaliser un site web depuis une maquette.
  • Comprendre le code d'un site existant
  • Structurer le contenu d'une page web
  • Personnaliser totalement une page
  • Ajouter de la vie à un page
View Curriculum
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, j'ajouterai le Jquery et un projet professionnel corrigé GRATUITEMENT pour ceux qui ont déjà acheté ce cours..


Who is the target audience?
  • 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
106 Lectures
06:20:06
+
HTML : Savoir bien structurer ses données
10 Lectures 58:17



Les caractères spéciaux
02:54


Les listes
06:00

Les tableaux
08:05

Les formulaires
09:10

Les liens hypertextes
06:30

Exercice : Création d'un CV
09:59
+
HTML : Comment utiliser les balises récentes
7 Lectures 31:23

Header, Footer, Nav, Section, Article, Aside Time
06:44

Video & Audio
04:10

Formulaire Avancés
05:25

Iframe et Embedded
04:44

Compatibilité internet explorer
01:42

Exercice : Une page pour notre ville
05:49
+
CSS : Connaitre les bases
4 Lectures 16:52
Ajouter du style CSS
04:55

Les sélecteurs classiques
05:34

Les sélecteurs espace et virgule
02:45

Prioriété et héritage
03:38
+
CSS : Comment maquiller le contenu d'une page web
7 Lectures 25:27
Les couleurs
05:37

Mettre en forme du texte
04:44

Importer des polices de caractère
02:00

Les bordures
02:24

Les marges internes et externes
05:15

Les images de fond
02:08

Exercice : le logo de Google
03:19
+
CSS : Comment positionner vos éléments
6 Lectures 30:13
Les formes d'affichages
02:56

Les floats
02:32

Les positions
04:27

Les flexbox
07:17

Savoir faire un menu
02:20

Exercice : Page d'accueil Google
10:41
+
CSS : Aller plus loin avec les propriétés avancées du CSS3
9 Lectures 18:13
Premier réflexe : Box sizing
01:48

Reset et normalize
02:17

Ajouter de l'ombre
01:40

Gérer l’opacité
00:55

Arrondir les angles
01:18

Empêcher les débordements
01:00

Les sélecteurs avancés
03:22


Exercice : faire une tête
03:59
+
CSS : Comment faire des animations
6 Lectures 17:37
Les pseudo-classes
01:58

Les pseudo-classes (code)
00:41

Les transformations
02:42

Les transitions
03:08

Les animations
05:14

Exercice : un loader CSS
03:54
+
JAVASCRIPT : Comprendre les types des variables et comment l'ajouter à la page
6 Lectures 29:41
  1. La console
  2. Les types de données (nombres, chaines de caractères, booléen)
La console et les types de données
02:07

  1. Les opérations en javascript (addition, soustraction, multiplication, division, modulo),
  2. PEMBAS
  3. Les comparaisons
Les nombres
06:13

  1. string ?
  2. La concaténation
  3. L'échappement et caractères spéciaux
  4. Les comparaisons
Les chaines de caractères
08:37

C'est quoi ? 

Le lien du codepen : http://codepen.io/IMarty/full/VpjyEX/

Preview 08:08

Ajouter un script à un projet web !

Ajout d'un script
04:18

Ajout du script (code)
00:18
+
JAVASCRIPT : Savoir ajouter de la logique à vos pages
28 Lectures 01:23:43
Les boucles while et for
05:40

Les boucles while et for (code)
00:16


Les conditions : IF ... ELSE ... (code)
00:26

Les conditions : SWITCH
03:07

Les conditions : SWITCH (code)
00:14

Les conditions ternaires
02:38

Les conditions ternaires (code)
00:10

Les fonctions de base
05:26

Les fonctions de base (code)
00:19

Nos propres fonctions
03:18

Nos propres fonctions (code)
00:20

La portée des variables
04:25

La portée des variables (code)
00:24

Les tableaux
10:20

Les tableaux (code)
00:29

Les objets
08:29

Les objets (code)
00:29

Exercice JS : code secret
04:37


Exercice JS : code secret - Correction 1/7
01:32

Exercice JS : code secret - Correction 2/7
01:16

Exercice JS : code secret - Correction 3/7
03:37

Exercice JS : code secret - Correction 4/7
03:37


Exercice JS : code secret - Correction 6/7
02:43

Exercice JS : code secret - Correction 7/7
07:11

Correction Exercice JS : code secret (code)
01:26
2 More Sections
About the Instructor
Igor Marty
4.1 Average rating
31 Reviews
746 Students
1 Course
Formateur indépendant

Développeur web depuis 10 ans, je transmet ma passion en temps que formateur depuis plus d'un an. J'ai réalisé des projets pour des amis et relations,  des services publiques Français, une université dentaire en Nouvelle Zélande, ou encore PWC et BCEE à Luxembourg. Je reste très joignable, n'hésitez donc pas à m'envoyer un petit message ou si vous souhaitez être mis en contact avec des élèves certifiés.