HTML CSS - Créer un site de Fast Food

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 พ.ค. 2020
  • Aujourd'hui , on se retrouve pour le 32 ème entrainement avec du HTML/CSS
    ✍️ Ressources : www.mediafire.com/file/0dfb7q...
    📝Corrigé écrit : github.com/GravenilvecTV/Rest...
    🖼️ Credit :
    - License Flaticon : gravenilvec@gmail.com (GravenDev)
    - IStockPhotos : gravenilvec@gmail.com
    🎥 Logiciels:
    Montage: Davinci Resolve
    Tournage : Action Mirillis
    Logiciel : Visual Studio Code
    - Matt's Blues - Kevin MacLeod
    Matt's Blues par Kevin MacLeod est distribué sous la licence Creative Commons Attribution (creativecommons.org/licenses/...
    )
    Source : incompetech.com/music/royalty-...
    Artiste : incompetech.com/
    Musique Outro: Dorian - Andrew Langdon
    📌Mon Twitter : graven.yt/twitter
    👁️‍🗨️Mon Discord: graven.yt/discord
    💰 Soutenir la chaine ? graven.yt/premium

ความคิดเห็น • 166

  • @drz_exzot645
    @drz_exzot645 3 ปีที่แล้ว +3

    Un super travail et très très bien expliqué, faire du code en live c'est une très bonne idée et méthode pour apprendre, surtout le CSS . Merci et félicitation à toi !

  • @chtoukanews4437
    @chtoukanews4437 3 ปีที่แล้ว +1

    Hi Mister Graven, merci pour le détail des détails.
    Vraiment le cour est bien structuré.
    👍👍Bravo.

  • @TomCodeur
    @TomCodeur 4 ปีที่แล้ว +44

    Félicitation, tu m'as donné l'envie de commander une pizza 🍕

  • @8__-__8
    @8__-__8 ปีที่แล้ว

    Super vidéo, le rendu et grave sympa et en même temps ça nous apprend les bases, merci

  • @84Mariion
    @84Mariion 3 ปีที่แล้ว +2

    1er Tuto réalisé après quelques semaines/mois de prise en main d' HTML/CSS avec des bouts d'exo. Je suis super contente 😄😄😄 une 1ère mise en situation réelle avec l'énoncé de l'exercice qui permet de travailler seul, de se creuser la tête de son côté 🤯🤯🤯 et puis le corriger en vidéo, qui aide les ptits novices à comprendre le raisonnement des tâches à effectuer, par où commencer, dans quels ordres faire les choses. Tout parait tellement plus clair avec tes explications 🤔😜
    J'ai adoré!!!! 😀😄😃 JavaScript sera pour plus tard, je boss l'algo pour mieux comprendre les choses.
    Hâte d'enchainer sur les prochains tutos!!! 😉
    Merci GRAVEN!!

  • @shiver_punk_sq4428
    @shiver_punk_sq4428 2 ปีที่แล้ว +3

    C'est un peu tard pour commenter cette vidéo, mais franchement merci bcp, ta vidéo m'a énormément aidé, MERCI !!!!!!!!

  • @anne-emmanuellejean462
    @anne-emmanuellejean462 3 ปีที่แล้ว

    vraiment intéressante ta rediffusion va vraiment m'aider merci beaucoup

  • @93vranseeee84
    @93vranseeee84 4 ปีที่แล้ว +1

    très bon travail merci beaucoup à toi !

  • @diaksanga
    @diaksanga 3 ปีที่แล้ว +1

    Salut mon prof virtuel, lolll... je blague. salut Graven, tu fais du bon boulot mon ami, stp ne t'arrête pas avec les défis car ça nous aide énormément. merci et big up.

  • @alizine76
    @alizine76 4 ปีที่แล้ว

    je vous remercie graven vraiment c'est très agréable de vous suivre et de connaitre des techniques supplémentaire merci une autre fois

    • @Gravenilvectuto
      @Gravenilvectuto  4 ปีที่แล้ว +1

      pas de probleme, à tres vite pour de nouveaux tp ;)

  • @hacksell42
    @hacksell42 ปีที่แล้ว +1

    +1 Abo , j'aurai du connaitre cette vidéo bien avant , super vidéo qui apprend bien le HTML CSS , dommage que mtn je connais , mais vrmt super vidéo

  • @123prui
    @123prui 3 ปีที่แล้ว

    respect graven c du bon taff

  • @andriamanalinah
    @andriamanalinah 4 ปีที่แล้ว

    Voilà enfin un vrai cours. Clair et concret . BRAVO

  • @eyaamara8565
    @eyaamara8565 2 ปีที่แล้ว

    bravo .. c'est un excellent travail .. tu m'as aidé beaucoup .. merci

  • @frosteezbs
    @frosteezbs 3 ปีที่แล้ว +1

    sa donne grave faim !! je regarderai la vidéo les jours où j'ai pas la dale

  • @TheNicoleblondin
    @TheNicoleblondin 4 ปีที่แล้ว +1

    Toujours net claire précis, continu comme ça!

  • @liliasara4489
    @liliasara4489 4 ปีที่แล้ว

    Intéressant merci bk je vais réaliser cette exercice

  • @dtforceempire4048
    @dtforceempire4048 2 ปีที่แล้ว

    merci pour ce tp graven j'ai grave kiffé et sa m'aide beaucoup j'espere d'autres tp pour par exemple creer une page d'impression de marque sur vetement

  • @aronabarry1405
    @aronabarry1405 2 ปีที่แล้ว +1

    merci 1000 fois Graven !
    tu m'as sauve vraiment cela était mon sujet de pratique cette année

    • @ismaillakrafli922
      @ismaillakrafli922 ปีที่แล้ว +1

      stp le lien vers le github ne marche pas aussi ce st mon sjt de cette annes-è-

    • @fatiha6454
      @fatiha6454 ปีที่แล้ว

      Oui c dommage

  • @anyma_crypto
    @anyma_crypto 2 ปีที่แล้ว

    graven sache que jadore ce que tu fais, c'est vraiment super, surtout le taf de ouf que sa doit te faire.
    Mais comment je timaginais grave pas comme sa🤣🤣❤

  • @victorfrison1503
    @victorfrison1503 4 ปีที่แล้ว

    J'ai tout compris , comme d'hab, tu expliques vraiment bien

  • @rsonto88
    @rsonto88 4 ปีที่แล้ว +1

    Tu es un excellent prof

  • @stacykalu4226
    @stacykalu4226 ปีที่แล้ว

    J'ai trop cherché et j'ai trouvé. Merci beaucoup pour cette vidéo très riches.🔥🔥

  • @redamadjoub
    @redamadjoub 3 ปีที่แล้ว +4

    Bravo pour ce style de vidéo !
    Au top !

  • @user-qi1ju3yx2q
    @user-qi1ju3yx2q 12 วันที่ผ่านมา +1

    ❤🎉vous êtes le meilleur

  • @wise-ken9247
    @wise-ken9247 2 ปีที่แล้ว

    so nice!

  • @thybaupr82
    @thybaupr82 4 ปีที่แล้ว +11

    1:50:19 moment décontractant du live 🤣 sinon franchement trop bien, j'ai regardé toute la redif et c'est un plaisir merci beaucoup !

  • @gerardd5068
    @gerardd5068 2 ปีที่แล้ว

    SUPER!

  • @TntTnt-oz7iv
    @TntTnt-oz7iv 4 ปีที่แล้ว

    4.5/5 Exellennnnnnnnnnnnnnt continue comme ca t'es l'meilleur tu m'aide beaucoup dans mes debut merci

  • @scorpiobtw.
    @scorpiobtw. 2 ปีที่แล้ว

    super vidéo

  • @ZENDessin
    @ZENDessin 3 ปีที่แล้ว +1

    Merci pour ce partage tellement usefull !

  • @davvigne1297
    @davvigne1297 2 ปีที่แล้ว +1

    Je débute dans le développement web, je te découvre et je dois avouer que tes cours sont très clairs ! Bravo à toi

  • @chewing-gumrose5114
    @chewing-gumrose5114 3 ปีที่แล้ว

    Je vais m'exercer après ma maquette sa va vraiment m'aider merci

  • @garius3559
    @garius3559 3 ปีที่แล้ว

    Cool tes vidéos

  • @Fulbion
    @Fulbion ปีที่แล้ว

    ça m'a donné faim ce tp. même si ça compte pas je vais essayer de le refaire !

  • @emilegarcia4879
    @emilegarcia4879 4 ปีที่แล้ว +3

    Salut, superbe vidéo toujours, on apprend beaucoup. je suis tous tes tutos avec attention. Merci

  • @darkrun1943
    @darkrun1943 3 ปีที่แล้ว

    Tres bonne video

  • @1g1k.
    @1g1k. 2 ปีที่แล้ว

    trop cool

  • @yamlouu
    @yamlouu 2 ปีที่แล้ว

    Salut graven super tes explication

  • @lex1s08
    @lex1s08 4 ปีที่แล้ว +2

    Salut Graven,
    Est ce que tu peux mettre la video dans la playliste je galère sur switch a la retrouver

  • @mrwahbi6004
    @mrwahbi6004 2 ปีที่แล้ว

    tu dechires mec !

  • @japhetaliridrichntsiba4543
    @japhetaliridrichntsiba4543 3 ปีที่แล้ว

    ohhhhhh la vache jai galerer pour bien faire et vos video sont cool sa m'aide trop super Merci encore merci pour le rythme ces pas genre trop rapide une personne a tout le temp pour etre sur la ligne

  • @edbgs4140
    @edbgs4140 ปีที่แล้ว

    slt Graven merci pour ton tuto, perso je suis en cyber sécurité et j'ai réussi a codé un site web sans problème GG mec

  • @marketresearchinvestment3142
    @marketresearchinvestment3142 4 ปีที่แล้ว

    Super !!!

  • @user-vd2sg6zx2j
    @user-vd2sg6zx2j 5 หลายเดือนก่อน

    Merci beaucoup monsieur

  • @elyshamadimba246
    @elyshamadimba246 3 ปีที่แล้ว

    slt frero bon boulot

  • @abdoufatahgaye7561
    @abdoufatahgaye7561 3 ปีที่แล้ว

    Graven : hey bien salut à tous c graven 😂😂

  • @kevinriviere4736
    @kevinriviere4736 4 ปีที่แล้ว

    Superbe vidéo encore ! Peux-tu me donner le clavier que tu as stp? J’aime bien le bruit du clavier et la souris stp :) et j’en cherche un de ce style :) ça serais génial merci !

  • @moussahadjbelkacem6771
    @moussahadjbelkacem6771 4 ปีที่แล้ว

    merci pour cette vidéo ; je rencontre un petit problème c'est que quand j'utilise le framwork bootstrap cela empêche l'exécution de jquery si vous pouvez m'aider; merci .

  • @dracoolsileg
    @dracoolsileg 3 ปีที่แล้ว +2

    la deniere heure était difficile a suivre, sinon vive ton tuto et merci d'avoir donné toutes les sources images y compris.

  • @romcold8371
    @romcold8371 2 ปีที่แล้ว

    Salut 1:11:52 pour la transparence du titre il faut dans div.title-box changer le blanc du background-color en transparent ^^

  • @rezraziaziz5547
    @rezraziaziz5547 2 ปีที่แล้ว +1

    Bravo, je suis un débutant et je trouve ton programme bien expliqué merci. Juste une question sur quel éditeur de code on peut développer une application point de vente merci encore

  • @roms81
    @roms81 4 ปีที่แล้ว +4

    A la place de ".sticky + nav.menu" on peut mettre "nav.menu.sticky" (pour moi ça ne marche pas avec le +)
    Et merci pour cette video j'apprend a coder dans bcp de langages grace a toi ^^

  • @estebantremoco2952
    @estebantremoco2952 3 ปีที่แล้ว

    Salut, je regarde avec plus d'une année de retard, mais à tout hasard, aurais-tu traité de la base de données, prise de commande, etc. dans une autre vidéo ? Si oui, laquelle ?

  • @plz-clift8865
    @plz-clift8865 3 ปีที่แล้ว

    Pour le cours de programmation tu es mon prof de secours

  • @djedjedu89
    @djedjedu89 4 ปีที่แล้ว

    Bonjour Graven,
    merci pour tous tes super tutos. Mais à 40'56, quand tu parles de balise clandestine, ne serait ce pas plutot des balises orphelines?
    en tout cas bravo pour la qualité de tes tutos !

  • @yogisarto979
    @yogisarto979 4 ปีที่แล้ว

    Tu peux utiliser scrollreveal pour revelez le h1 et le p de la page

  • @katiatia6793
    @katiatia6793 5 หลายเดือนก่อน

    merci beaucoup

  • @antech5658
    @antech5658 2 ปีที่แล้ว +1

    enfaite pour le problème de marge entre le menu et le header à 1:29:32 il fallait simplement réduire la hauteur que prend la div qui a la class slide à 667px(hauteur des images) puis sur le ul faire un simple margin:0 auto;

  • @elyshamadimba246
    @elyshamadimba246 3 ปีที่แล้ว

    slt man merci et bravo a toi

  • @Cracotte_et_Peni
    @Cracotte_et_Peni 7 หลายเดือนก่อน +1

    HTML c'est super

  • @rsonto88
    @rsonto88 4 ปีที่แล้ว

    Bonjour à tous quelqu'un pourrai-il me dire comment on enlève les petits points du curseur dans l'éditeur Visual Code? A quel paramètre dois je toucher? merci d'avance SVP

  • @theblackdev7817
    @theblackdev7817 4 ปีที่แล้ว

    sinon j'attends le prochain défi avec impatience 😀

  • @Jimmson
    @Jimmson 3 ปีที่แล้ว

    Où je peut trouver ces images ?

  • @EOKYOO
    @EOKYOO 4 ปีที่แล้ว

    graven te genial

  • @davidchangea
    @davidchangea ปีที่แล้ว +1

    salut graven, le lien pour les images est cassé et j'aimerai bien faire ce projet, tu aurai un lien pour les récupérer? merci :)

  • @FlyTestVideos
    @FlyTestVideos ปีที่แล้ว

    la balise peux remplacer le link et le fichier css

  • @jeadinmoussolo9470
    @jeadinmoussolo9470 4 ปีที่แล้ว

    bonjour graven je voudrais savoir sy il y'aura la suite

  • @vrin.c5305
    @vrin.c5305 3 ปีที่แล้ว

    salut graven je suis fortement intéressé par les formations que tu proposes. j'aimerai réellement devenir web dev mais il y a tellement de chose que je ne sais par quoi commencer.
    je vais paraitre idiot, ce n'est pas grave je suis derriere mon ecran (lol), mais j'aimerai quand me prenne la main afin de devenir un excellent dev. avoir des cours a suivre avec une ligne directrice. pour ca, je suis pret a travailler 15 heures par jour dimanche inclut. es tu en capacité de m'orienter stp.

  • @garius3559
    @garius3559 3 ปีที่แล้ว

    Pourquoi je n arrive pas a télécharger tes code source sur github

  • @le_kaki_rouge
    @le_kaki_rouge 3 ปีที่แล้ว

    mais c est obliger le php pr le mettre en ligne (public) le site

  • @fayko1310
    @fayko1310 2 ปีที่แล้ว

    Au lieu d'utiliser des flex box juste pour du texte, tu peux utiliser : text-aligne: center;

  • @jeadinmoussolo9470
    @jeadinmoussolo9470 4 ปีที่แล้ว

    la suite avec le panier base de données

  • @thatsbass
    @thatsbass ปีที่แล้ว

    je n'arrive pas telecharger à telecharger le tp et les documents pour le refaire

  • @killian.1603
    @killian.1603 3 ปีที่แล้ว

    Bonjour et avant tout superbe vidéo. J'ai une question quand je fais ouvrir mon fichier "reveal in file explore" je ne peux pas l'ouvrir, mon format de doc est seulement "fichier HTLM" et le tiens est en "chrome HTLM" es ce que c'est cela qui fait que ça ne marche pas pour moi et si oui comment y remédier ?

    • @killian.1603
      @killian.1603 3 ปีที่แล้ว

      J'ai finalement trouvé, je l'ai dans un premier temps enregister puis ouvert et le tour est joué

  • @momo5553
    @momo5553 ปีที่แล้ว +1

    0:01 😂

  • @donovanehoute1112
    @donovanehoute1112 3 ปีที่แล้ว +1

    gg et desoler pour le live avec @_TotoWorld_

  • @nayftn8883
    @nayftn8883 4 ปีที่แล้ว

    tu peu nous donner le code stp ?

  • @oulaipatrice
    @oulaipatrice ปีที่แล้ว +1

    Bonjour la correction n'est plus disponible

  • @btprk9980
    @btprk9980 3 ปีที่แล้ว

    mais au début, au lieu de faire "aller sur la page, rafraichir..." moi je fais f5 et ca me lance un onglet Google Chrome et où ya ma page

  • @tonyclash2529
    @tonyclash2529 ปีที่แล้ว

    pour les images comment je faire ?

  • @guyadja
    @guyadja ปีที่แล้ว

    Bonjour, je suis nouveau sur ta page et je veux essayer de coder ton exercice sur le resto. Malheureusement, je n'arrive pas à mettre la main sur les ressources. Apparemment, elles ne sont plus à l'endroit indiqué dans la vidéo.
    Si possible, pourrais tu m'indiquer un lien de téléchargement me permettant de les avoir ?
    Merci d'avance. Auquel cas, tant pis j'essayerai de le faire sans les ressources.

  • @user-qk7lz3iw8t
    @user-qk7lz3iw8t 6 หลายเดือนก่อน

    bonjour, merci pour cette video je suis débutante et j essai de suivre les etapes mais mes image ne s affiche pas

  • @gaxmeur1752
    @gaxmeur1752 3 ปีที่แล้ว

    Je suis le 600 likes !

  • @theblackdev7817
    @theblackdev7817 4 ปีที่แล้ว

    super live jai raté aujourd'hui mais c'est pas grave

    • @Gravenilvectuto
      @Gravenilvectuto  4 ปีที่แล้ว

      oui regarde tranquillement la rediff

  • @user-ox9vg8jz1n
    @user-ox9vg8jz1n 6 หลายเดือนก่อน

    Comment tu fais pour ton fond d écran animé?

  • @Fungus8953
    @Fungus8953 2 ปีที่แล้ว +1

    Le smooth ne marche plus même avec la correction

  • @marketresearchinvestment3142
    @marketresearchinvestment3142 4 ปีที่แล้ว

    Est ce qu'on peut utiliser live serveur sans installer wampserver ?

  • @ludovicpene9634
    @ludovicpene9634 ปีที่แล้ว

    quand t'arrives cette année sur les vidéos tous les liens sont inaccessibles ;(

  • @alisoncarrasco7283
    @alisoncarrasco7283 4 ปีที่แล้ว

    je viens de finir le replay les explications sont top et c'est super ce qu'on peut faire juste avec du html, css

  • @musictoze
    @musictoze ปีที่แล้ว

    Salut Graven, les images ne sont pu disponibles ?

  • @reddot3893
    @reddot3893 4 ปีที่แล้ว

    Comment tu fais pour avoir un écran animé ?

  • @YoungYuri
    @YoungYuri 2 ปีที่แล้ว

    Bonsoir, vous avez telechargé les images d'ou s'il vous plait ??

  • @Cracotte_et_Peni
    @Cracotte_et_Peni 7 หลายเดือนก่อน +1

    😃

  • @user-fo8nw2ci5j
    @user-fo8nw2ci5j 6 หลายเดือนก่อน

    Comment gérer les réservations

  • @nazimait2778
    @nazimait2778 2 ปีที่แล้ว

    hey GRAVEN je pense qu'il y a un problème dans le lien de l'énonce

  • @khnafianas8973
    @khnafianas8973 2 ปีที่แล้ว

    Bonjour je voulais savoir où je pourrais avoir les tp à faire s’il vous plaît ?
    Merci

    • @folowars4931
      @folowars4931 2 ปีที่แล้ว

      Sur son discord je crois

  • @Mazrun_
    @Mazrun_ 2 หลายเดือนก่อน

    1:33:55 corrections centré le titre menu

  • @user-qk8il8xq1g
    @user-qk8il8xq1g ปีที่แล้ว

    je veux d'aide pour la creation de mon site

  • @winerfbmtvfuala
    @winerfbmtvfuala 2 ปีที่แล้ว

    bonjour maitre graven ,pouvez vous m'aider a réalise ce site de livraison des produits de restauration à domicile donc livreur
    vite fait parce que j'ai seulement 25 jours pour le faire ma soutenance