Le Front-End: Formation Complète

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

Language: french

Note: 3.9/5 (177 notes) 1,901 students

Instructor(s): Igor Marty

Last update: 2021-01-11

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.

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

Course content

HTML 1/3 : Introduction
- Un bon nagivateur : Chrome
- Un bon éditeur de code : Brackets
- Exercice : Réalisons notre première page
- Petit quizz d’introduction
HTML : Savoir bien structurer ses données
- Information importante
- La structure d’un projet
- Les balises
- La structure HTML
- Les caractères spéciaux
- Les titres et paragraphes
- Les images
- Les listes
- Les tableaux
- Les formulaires
- Les liens hypertextes
- Exercice : Création d’un CV
- Une carte de visite
HTML : Comment utiliser les balises récentes
- Span, div
- Header, Footer, Nav, Section, Article, Aside Time
- Video & Audio
- Formulaire Avancés
- Iframe et Embedded
- Compatibilité internet explorer
- Exercice : Une page pour notre ville
CSS : Connaitre les bases
- Ajouter du style CSS
- Les sélecteurs classiques
- Les sélecteurs espace et virgule
- Prioriété et héritage
CSS : Comment maquiller le contenu d’une page web
- Les couleurs
- Mettre en forme du texte
- Importer des polices de caractère
- Les bordures
- Les marges internes et externes
- Les images de fond
- Exercice : le logo de Google
CSS : Comment positionner vos éléments
- Les formes d’affichages
- Les floats
- Les positions
- Les flexbox
- Savoir faire un menu
- Exercice : Page d’accueil Google
CSS : Aller plus loin avec les propriétés avancées du CSS3
- Premier réflexe : Box sizing
- Reset et normalize
- Ajouter de l’ombre
- Gérer l’opacité
- Arrondir les angles
- Empêcher les débordements
- Les sélecteurs avancés
- Les pseudo-éléments
- Exercice : faire une tête
CSS : Comment faire des animations
- Les pseudo-classes
- Les pseudo-classes (code)
- Les transformations
- Les transitions
- Les animations
- Exercice : un loader CSS
JAVASCRIPT : Comprendre les types des variables et comment l’ajouter à la page
- La console et les types de données
- Les nombres
- Les chaines de caractères
- Les variables
- Ajout d’un script
- Ajout du script (code)
JAVASCRIPT : Savoir ajouter de la logique à vos pages
- Les boucles while et for
- Les boucles while et for (code)
- Les conditions : IF … ELSE …
- Les conditions : IF … ELSE … (code)
- Les conditions : SWITCH
- Les conditions : SWITCH (code)
- Les conditions ternaires
- Les conditions ternaires (code)
- Les fonctions de base
- Les fonctions de base (code)
- Nos propres fonctions
- Nos propres fonctions (code)
- La portée des variables
- La portée des variables (code)
- Les tableaux
- Les tableaux (code)
- Les objets
- Les objets (code)
- Exercice JS : code secret
- Exercice JS : code secret (code consigne)
- Exercice JS : code secret – Correction 1/7
- Exercice JS : code secret – Correction 2/7
- Exercice JS : code secret – Correction 3/7
- Exercice JS : code secret – Correction 4/7
- Exercice JS : code secret – Correction 5/7
- Exercice JS : code secret – Correction 6/7
- Exercice JS : code secret – Correction 7/7
- Correction Exercice JS : code secret (code)
JAVASCRIPT : Comment utiliser les éléments HTML
- Le DOM et les sélécteurs
- Le DOM et les sélécteurs (code)
- Ajout d’un élément HTML
- Ajout d’un élément HTML (code)
- Exercice JS : Personnalisation
- Exercice JS : Personnalisation (code du sujet)
- Correction Exercice JS : Personnalisation
- Correction Exercice JS : Personnalisation (code du corrigé)
JAVASCRIPT : Apprendre à gérer les événements et le temps
- Méthode obsolète
- Méthode obsolète (code)
- Ajout et suppression d’événements
- Ajout et suppression d’événements (code)
- Les événements du document
- Les événements du document (code)
- Le clavier
- Le clavier (code)
- Le formulaire
- Le formulaire (code)
- La gestion du temps
- La gestion du temps (code)
JQUERY- Comment utiliser la librairie
- Introduction à JQuery et contexte
- Cours JQuery
- Exercice Chuck Norris Jokes : la consigne
- Correction Javascript de l’exercice Chuck Norris Jokes
- Correction JQuery à l’exercice
Livecode Twitch
- Live coding – Lambda restaurant
- Lambda Restaurant – Préparation et HTML
- Code source final HTML
- Lambda restaurant – CSS
- Code source final CSS

Time remaining or 899 enrolls left

100% OFF COUPON
~~€149.99~~ (899 LEFT)

Don’t miss any coupons by joining our Telegram group