🇫🇷 Le Front-End: Formation Complète

🇫🇷 Le Front-End: Formation Complète

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

 

🇫🇷 Le Front-End: Formation Complète🇫🇷 Le Front-End: Formation Complète

Time remaining or 899 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate