Melvynx • Apprendre à coder
Melvynx • Apprendre à coder
  • Видео 341
  • Просмотров 1 989 185
Le CSS en 2024 a changé : il ne sera plus jamais pareil
Cours gratuit Tailwind : mlv.sh/wivmwGL
▶ VIDÉO
Dans cette vidéo, j'explique les nouveautés de CSS dévoilées lors de Google I/O 2024. Découvrez les animations basées sur le défilement, les transitions de vue, et les améliorations de la plateforme web qui transforment notre façon de créer des expériences utilisateur dynamiques. On plonge ensemble dans ces nouvelles fonctionnalités de CSS qui vont booster tes compétences en développement web. Prêt à explorer le futur de la conception web ? C'est parti !
▶ CONTRIBUTION
Montage : www.youtube.com/@nxtvids
▶ TIMECODES
00:00 - Intro
05:01 - Popover
07:39 - Field-sizing
10:42 - Outro
▶ ME SUIVRE
Twitter : mlv.sh/twitter
GitHub : mlv.sh/github
Blog : mlv.sh/bl...
Просмотров: 4 585

Видео

RÉVÉLATION : Le moment où tout devient LOGIQUE (en dev)
Просмотров 6 тыс.9 часов назад
Cours GRATUIT JavaScript : mlv.sh/ZnJ9G0w ▶ VIDÉO Dans cette vidéo, j'explique comment trouver le déclic pour devenir développeur. Découvre les astuces et conseils pratiques pour surmonter les obstacles courants et enfin maîtriser le code. Si tu te demandes pourquoi tu n'as pas encore eu ce moment "Eureka", regarde cette vidéo pour te motiver et progresser rapidement ! ▶ CONTRIBUTION Montage : ...
7 Outils Shadcn/UI pour te faire passer pour un Designer
Просмотров 6 тыс.14 часов назад
NexTailwind : mlv.sh/JoFyIVB ▶ VIDÉO Dans cette vidéo, je te présente les 10 meilleurs outils créés par des développeurs pour shadcnui. Que tu sois débutant ou expert, ces outils vont transformer ta manière de travailler et améliorer ton efficacité. On va explorer les fonctionnalités uniques de chaque outil et comment ils peuvent te faciliter la vie. Ne manque pas cette occasion de découvrir de...
React 19 est cassé... drama
Просмотров 6 тыс.19 часов назад
Cours gratuit React : mlv.sh/react ▶ VIDÉO Dans cette vidéo, j'explique tout ce que tu dois savoir sur le drama autour de React 19 et sa nouvelle Suspense API. Découvre pourquoi cette mise à jour fait autant parler d'elle et comment elle pourrait transformer tes projets React. On passe en revue les nouveautés, les controverses et les opinions des experts du secteur. Si tu es développeur front-e...
Je QUITTE GitHub Copilot, voici le remplaçant...
Просмотров 12 тыс.День назад
NextAI : mlv.sh/ai ▶ VIDÉO Dans cette vidéo, j'explique pourquoi j'ai décidé de quitter GitHub Copilot et je te présente Supermaven, mon nouveau choix pour un assistant de codage intelligent. Découvre les fonctionnalités innovantes de Supermaven qui vont révolutionner ta manière de coder et t'aider à booster ta productivité. Si tu cherches une alternative à Copilot, cette vidéo est pour toi. Re...
J'aide les freelance à gagner plus d'argent sans rien changer - Gabin Aureche #12
Просмотров 2,2 тыс.День назад
Podcast : mlv.sh/pod-12 ▶ VIDÉO Gabin a décidé de mettre toutes ses compétences et son expérience au service des freelance afin qu'ils optimisent leur fiscalité et fait fructifié leur patrimoine. On va discuter de : - Comment optimiser ta fiscalité en tant que freelance - Comment investir en Bourse pour moins payer de taxes - Comment créer du contenu qui impacte - Des techniques pour avoir plus...
Tutoriel TypeScript avec React en 1 HEURE | Comprendre l'ESSENTIEL en 2024
Просмотров 5 тыс.День назад
Exercice TypeScript avec NextJS : mlv.sh/typescript ▶ VIDÉO Dans cette vidéo, j'explique comment comprendre l'essentiel de TypeScript avec React en seulement 1 heure. Si tu cherches à te familiariser avec TypeScript tout en utilisant React, cette vidéo est ta ressource ultime pour 2024. Apprends à utiliser TypeScript pour sécuriser et améliorer ton code React. Voici ce que tu apprendras : - Les...
Pourquoi j'utilises MacOS pour programmer ?
Просмотров 6 тыс.14 дней назад
MacOS : mlv.sh/macos Script (trouvé dans cette vidéo : mlv.sh/config-dt0lO72 defaults write com.apple.dock autohide-delay -float 0 defaults write com.apple.dock autohide-time-modifier -float 0.4; killall Dock (Repris de ▶ VIDÉO Dans cette vidéo, j'explique pourquoi macOS est un choix idéal pour les développeurs. On va découvrir ensemble les avantages uniques de macOS pour la programmation, des ...
Les 3 hacks qui m’ont permis d’être DEV en 1 an
Просмотров 4,5 тыс.14 дней назад
Les 3 hacks qui m’ont permis d’être DEV en 1 an
Ils ont résolu les plus GROS problèmes NextJS (v15)
Просмотров 7 тыс.21 день назад
Ils ont résolu les plus GROS problèmes NextJS (v15)
C'est quoi l'origine des SaaS (Les business model sont infinis)
Просмотров 4,9 тыс.21 день назад
C'est quoi l'origine des SaaS (Les business model sont infinis)
Partir de 0 et Créer un SaaS : La Roadmap des Indie Hacker
Просмотров 11 тыс.21 день назад
Partir de 0 et Créer un SaaS : La Roadmap des Indie Hacker
Pourquoi Tailwind est DÉTESTÉ ?
Просмотров 7 тыс.Месяц назад
Pourquoi Tailwind est DÉTESTÉ ?
7 Questions React À ABSOLUMENT SAVOIR pour ton Entretien
Просмотров 5 тыс.Месяц назад
7 Questions React À ABSOLUMENT SAVOIR pour ton Entretien
7 outils qui me font passer pour un designer web
Просмотров 18 тыс.Месяц назад
7 outils qui me font passer pour un designer web
J’arrête d’utiliser VSCode, voici ce qui le remplace (Cursor)
Просмотров 24 тыс.Месяц назад
J’arrête d’utiliser VSCode, voici ce qui le remplace (Cursor)
Pourquoi je code sur MacBook en tant que DEV
Просмотров 15 тыс.Месяц назад
Pourquoi je code sur MacBook en tant que DEV
Création d’un Portfolio de Freelance en NextJS / React / TailwindCSS
Просмотров 10 тыс.Месяц назад
Création d’un Portfolio de Freelance en NextJS / React / TailwindCSS
Le WEB A Changé en 2024, voici ce que tu dois savoir
Просмотров 28 тыс.Месяц назад
Le WEB A Changé en 2024, voici ce que tu dois savoir
La MEILLEURE Librairie pour les graphiques React (Rechart)
Просмотров 7 тыс.Месяц назад
La MEILLEURE Librairie pour les graphiques React (Rechart)
Je n'ai PLUS BESOIN d’Express pour mon Backend
Просмотров 7 тыс.Месяц назад
Je n'ai PLUS BESOIN d’Express pour mon Backend
TUTO Shadcn UI avec TailwindCSS : Tout comprendre en 30 minutes
Просмотров 8 тыс.2 месяца назад
TUTO Shadcn UI avec TailwindCSS : Tout comprendre en 30 minutes
REACT 19 : TOUTES les nouveautés Importantes !
Просмотров 6 тыс.2 месяца назад
REACT 19 : TOUTES les nouveautés Importantes !
Plus aucun dev n'utilise React TOUT SEUL !
Просмотров 4,7 тыс.2 месяца назад
Plus aucun dev n'utilise React TOUT SEUL !
10 classes Tailwind que j’aurais voulu connaître plus tôt
Просмотров 4,7 тыс.2 месяца назад
10 classes Tailwind que j’aurais voulu connaître plus tôt
ARRÊTE d'utiliser useState, mets plutôt le state dans l'URL
Просмотров 4,4 тыс.2 месяца назад
ARRÊTE d'utiliser useState, mets plutôt le state dans l'URL
Comment j'ai Créé un SaaS en seulement 5 jours (de l'idée à la publication)
Просмотров 17 тыс.2 месяца назад
Comment j'ai Créé un SaaS en seulement 5 jours (de l'idée à la publication)
Tutoriel TailwindCSS en 1 HEURE | Comprendre l'ESSENTIEL en 2024
Просмотров 14 тыс.2 месяца назад
Tutoriel TailwindCSS en 1 HEURE | Comprendre l'ESSENTIEL en 2024
TUTO/COURS sur Zustand avec React en 2024
Просмотров 6 тыс.2 месяца назад
TUTO/COURS sur Zustand avec React en 2024
Créer un Portfolio de développeur - Next.js 14, TailwindCSS, React | Cours complet 2024
Просмотров 19 тыс.2 месяца назад
Créer un Portfolio de développeur - Next.js 14, TailwindCSS, React | Cours complet 2024

Комментарии

  • @theophileducournau9914
    @theophileducournau9914 2 часа назад

    Salut melvinx super vidéo merci pour le travail fournis. par contre j'ai un soucie dans le fichier safe-actions.ts je n'arrive pourtant pas a la corriger alors que j'ai vérifié ton code source , une idée ? ( Object literal may only specify known properties, and 'middleware' does not exist in type 'SafeActionClientOpts<string, undefined, undefined>'.ts(2353) (property) middleware: () => Promise<{ user: { id: string; name: string | null; email: string; emailVerified: Date | null; image: string | null; plan: $Enums.Plan; createdAt: Date; updatedAt: Date;)

  • @Picode91
    @Picode91 4 часа назад

    const commentaire: string = ' merci pour cette video 🙏'

  • @mitheomuranga4747
    @mitheomuranga4747 6 часов назад

    Bonjour Monsieur !!! Pourrais tu faire une vidéo sur comment trouver les meilleurs idées de SAAS? Surtout les plateformes célèbres où trouver ces idées !

  • @mitheomuranga4747
    @mitheomuranga4747 6 часов назад

    Bonjour Monsieur !!! Merci beaucoup pour la video. Pourrais tu faire une vidéo sur comment trouver les meilleurs idées de SAAS?

  • @youcodeuse
    @youcodeuse 8 часов назад

    J'ai installé popover sur mon dernier projet, gain de code et surtout l'usage de toggle vraiment souple et compatible avec les derniers navigateurs

  • @monsieurm2904
    @monsieurm2904 11 часов назад

    À quand la mise à jour sur Tailwind surtout ! haha

  • @monsieurm2904
    @monsieurm2904 11 часов назад

    SUPER ! Merci je serais passé à coté de l'info sinon!

  • @CheikhNdiaye-br1hg
    @CheikhNdiaye-br1hg 12 часов назад

    Pour un nouvesu il va rien comprendre .Cette video est faite pour ceux qui s'y connaisse un peu .C'est rapide et les explications ne sont pas limpides

  • @calledphilly
    @calledphilly 14 часов назад

    youpi poisson chay

  • @bricelyonelnguetsop7129
    @bricelyonelnguetsop7129 15 часов назад

    Merci Melvynx

  • @wilbt1
    @wilbt1 День назад

    Toujours instructif tes vidéos

  • @ryanhmd8305
    @ryanhmd8305 День назад

    Mais quelle update incroyable !

  • @raymondmoundzele4907
    @raymondmoundzele4907 День назад

    Grand chapeau à vous pour la démo, merci de nous mettre à jour avec le CSS native 😊

  • @pc-explorer
    @pc-explorer День назад

    Tu aimes, j'aime pas

  • @valmontechno6021
    @valmontechno6021 День назад

    J'avais galéré pendant des heures entières pour faire un input qui s'adapte au contenu et pour au final avoir un truc moche qui marche pas... Vive le *field-sizing: content* ! 🎉

  • @user-is4oq5kj9w
    @user-is4oq5kj9w День назад

    Merci ça ma aider beaucoup surtout pour corriger les erreurs encore UN GRAND MERCI......................................

  • @fromagetriste
    @fromagetriste День назад

    question svp, du coup Tailwind ça fonctionne ou pas ? ou il faut attendre qu'ils se mettent à jour et le proposent sur le site ? Merci 😁

    • @melvynxdev
      @melvynxdev 17 часов назад

      Non mais c'est pas encore ready pour les navigateur Tailwind va attendre...

  • @sephyroth5559
    @sephyroth5559 День назад

    CSS la base ^_^

  • @ulysse8182
    @ulysse8182 День назад

    Très chouette !

  • @SirAeshki
    @SirAeshki День назад

    Hello, j'avais une question, qu'en penses-tu de la " Clean Architecture " ?

  • @dylan051100
    @dylan051100 День назад

    Je reçois une HTTP405 de l'API... :( Methode POST bien définie partout mais toujours cette erreur.... L'erreur ne provient même pas de la partie du code qui renvoie une 405 si la méthode n'est pas bonne car un console.log juste avant ne log rien du tout.

  • @thomasawounfouet7395
    @thomasawounfouet7395 День назад

    Totalement d’accord avec toi , je suis également passer par toutes ces étapes lors de ma reconversion pro entre les projets OpenClassrooms, cours Udemy, Coursera , vidéos RUclips, docs , etc . Le déclic il est vraiment jouissant quand on sait que l’on sait 🥹

  • @duruticodeur
    @duruticodeur День назад

    Salut, t'as une coquille dans ton titre, y a pas de s à font 😉

  • @PeterMoueza
    @PeterMoueza День назад

    10:59 libs

  • @aamrani
    @aamrani День назад

    SaaS avant que ce soit un business model, c'est un modèle de Cloud Computing (Iaas, PaaS and SaaS). Combien de services se disent SaaS sans que ce soit dans le cloud?

    • @aamrani
      @aamrani День назад

      T'as involontairement couvert le volet capex vs opex sans vraiment le nommer mais ça reste la partie business. SaaS c'est du cloud avant tout.

    • @melvynxdev
      @melvynxdev День назад

      euh oui je pense que c'est ça

  • @TatianaKamyaTatiana
    @TatianaKamyaTatiana 2 дня назад

    Salut. Moi c'est Tatiana et j'ai 15ans. Je me suis abonnée à toi parce que je trouve tes tutos intéressant et aussi parce que j'ai l'impression de ne rien savoir de ce que je fais. La programmation est une passion pour moi mais je ne comprends rien à rien. j'espère qu'en suivant tes vidéos je me retrouverai !

    • @melvynxdev
      @melvynxdev День назад

      Yes regarde bien toutes mes vidéos

  • @ParzivalEu_
    @ParzivalEu_ 2 дня назад

    C'est u truc de fou comment t'es bon, tu explique bien MAIS PUTAIN DE MERDE tu vas trop vite xDDDD

    • @melvynxdev
      @melvynxdev День назад

      Je suis désolé pourtant celui-là j'ai voulu aller moins vite :o

    • @ParzivalEu_
      @ParzivalEu_ День назад

      @@melvynxdev C’est pas grave ! Mais t’es tellement bon mais tellement bon que tu fais tout vite et quand on connaît pas forcément tout on a du mal à suivre 🤣 Tu as une énergie débordante c’est insane 🤣

  • @dariusserge1254
    @dariusserge1254 2 дня назад

    vidéo intéressante. merci

  • @joannybernardeau8691
    @joannybernardeau8691 2 дня назад

    Merci de cette vidéo car je comprends mieux l’intérêt de typescript. Petite aparté propstype force le typage a l"exécution de react en production, enfin c'est la nuance que j'ai compris.

  • @assuraworkwalker9640
    @assuraworkwalker9640 3 дня назад

    Superbe vidéo! Bravo!

  • @wilbt1
    @wilbt1 3 дня назад

    melvynx as- tu whats app veut tu etre mon coach sa me serait utile.

  • @GoldHair00
    @GoldHair00 3 дня назад

    Ce que j'en pense. Je me rends compte avec un poste en CDi c'est difficile de suivre. Mais, chaque jour que je fais ma formation de développeur d'application avec son lot de difficulté me remplit d'énergie et de frustration . Car, j'ai l'impression de ne pas avancer. Merci de partager tes expériences et tes conseils

    • @GoldHair00
      @GoldHair00 3 дня назад

      JE suis harchi débutant et mon poste n'a rien à avoir avec le dev

  • @yvandev-ev2si
    @yvandev-ev2si 3 дня назад

    super motivation

  • @christopherrobine4496
    @christopherrobine4496 3 дня назад

    Bonjour Melvyn, je te suis depuis plusieurs mois et top j'adore ton contenu. J'avoue que je me retrouve dans tes propos. Je suis actuellement en alternance dans le milieu bancaire. J'ai pas mal de restrictions sur l'utilisation des outils, des commandes et de l'ia. Je suis souvent confronté au même problème, comment créer cette fonction. Alors que si un collègue m'aide juste un peu je vais y voir plus clair. Je n'arrive pas a step UP pour le moment. Mais merci je ne suis pas le seul à le vivre ou à l'avoir vécu 😅

  • @romeolawson3435
    @romeolawson3435 3 дня назад

    t'es un model !Merci

  • @vsacau7018
    @vsacau7018 3 дня назад

    Bonjour, rien à voir avec cette vidéo mais je regarde tes vidéos pour apprendre à coder et je me demandais quel software tu utilise pour faire tes mind map j'ai cherché mais j'ai rien trouvé... merci....

    • @melvynxdev
      @melvynxdev 3 дня назад

      Hello, c'est oui Excalidraw

    • @vsacau7018
      @vsacau7018 3 дня назад

      @@melvynxdev Merci beaucoup, et merci pour tes vidéos :)

  • @romaindu3518
    @romaindu3518 4 дня назад

    Tellement vrai 😂 Actuellement je me considère dans la phase du "début du déclic". C'est si satisfaisant de se rendre compte qu'on peut faire un peu ce qu'on veut et cela dans n'importe quel langage mais mon code reste "sale" (au moins ça fonctionne 😅)

    • @melvynxdev
      @melvynxdev 3 дня назад

      oui tu as raison c'est trop cool !

  • @mohamedkarimtaleb9896
    @mohamedkarimtaleb9896 4 дня назад

    Melvyn.stp j'aurais besoin de ton aide. Chaque fois que je fetch sur une api.erreur 405.sa me met htyp method.jarrive pas à trouver une solution

  • @redstoner83polsinelli47
    @redstoner83polsinelli47 4 дня назад

    Comment t'as fait pour être en alternance en entreprise à 17 ans? parce que cela m'intersserai si cela existe en France

  • @user-gl8kg5sh2k
    @user-gl8kg5sh2k 4 дня назад

    C'est possible de débuter de zéro avec vous ??

    • @melvynxdev
      @melvynxdev 4 дня назад

      c'est à dire ?

    • @user-gl8kg5sh2k
      @user-gl8kg5sh2k 4 дня назад

      @@melvynxdev que je souhaite partir de zéro sur la programmation En suivant pas à pas le parcour que vous avez publié dans l'une de vos publications

  • @maelfosso5426
    @maelfosso5426 4 дня назад

    Es ce que chatgpt peut jouer le role de Mentor ?

    • @melvynxdev
      @melvynxdev 4 дня назад

      Si tu l'utilises correctement oui !

  • @maelfosso5426
    @maelfosso5426 4 дня назад

    J aime beaucoup Tes videos

  • @maelfosso5426
    @maelfosso5426 4 дня назад

    😂😂😂😂 j ai galeré commeca

  • @mohapeth748
    @mohapeth748 4 дня назад

    Merci mon gars, tu déchires Thanks

  • @viravongtong3644
    @viravongtong3644 4 дня назад

    merci

  • @metalfort1207
    @metalfort1207 4 дня назад

    J'attendais la promo avec impatience 😂 Je vais partager la vidéo en espérant que ça va encourager quelques uns

    • @melvynxdev
      @melvynxdev 4 дня назад

      La promo de moi même xD ?

  • @jeandarius8791
    @jeandarius8791 4 дня назад

    C'est indéniable, vuejs est plus simple que React

    • @sidymohamedcherifhaidara980
      @sidymohamedcherifhaidara980 4 дня назад

      Ya pas débat

    • @melvynxdev
      @melvynxdev 4 дня назад

      xD je suis plutôt d'accord

    • @mwlulud2995
      @mwlulud2995 4 дня назад

      Ta pas connue svelte alors😅

    • @jeandarius8791
      @jeandarius8791 4 дня назад

      @@mwlulud2995 je vais justement visionné des vidéos, paraît il que c'est du Vue svelte 😂😂

    • @tomas3861
      @tomas3861 4 дня назад

      Ayant pratiqué les 2 je suis d'accord, à première vue en tout cas. Pi vuetify et vuex super expérience

  • @skarkan-schooldesign
    @skarkan-schooldesign 4 дня назад

    🤝🤝

  • @fabiolaable-cg2it
    @fabiolaable-cg2it 4 дня назад

    Trop vrai. Merci beaucoup

  • @mathieuschmitt5289
    @mathieuschmitt5289 4 дня назад

    first