Pour les développeurs qui veulent diversifié leur compétences pour avoir plus de valeur
Dev-designer : Maîtrise le DESIGN avec TailwindCSS en plus du dev
Arrête de ne savoir que coder et développe des compétences en design et produit (si recherchées)
Regarde cette courte vidéo pour tout comprendre
étudiants
+74 leçons
4 projets pratiques
7 bonus inclus
Discord et support à vie
Personne ne veut aller sur tes apps...
C'est logique !
Si ton design :
- est moche
- ne donne pas envie de rester
- est compliqué à comprendre
LES GENS QUITTENT TON SITE !
En moyenne, un utilisateur reste 52 secondes sur une page web. Sur melvynx.com par exemple, la moyenne est de 1m22 :
Si durant ce temps, tu ne l'as pas convaincu, c'est SUIVANT, un peu comme sur Tinder.
Mais ce n'est pas de ta faute !
9 devs sur 10 sont mauvais en design.
Aucune formation, bootcamp ou autre ne parle de ça, pourtant en tant que développeur fullstack :
On fait tout le temps des interfaces !
Il est essentiel de développer cette vision "produit" si importante quand on développe des applications.
Et je te rassure...
Il n'y a PAS besoin d'être designer pour avoir cette vision "produit".
Tu peux être développeur ET être bon en design
Le design, c'est comme le code, ça s'apprend.
Et je peux t'assurer qu'avec uniquement les bases, tu peux devenir très bon.
Pour te dire, il y a quelques années, je créais des interfaces qui ressemblaient à ça :
C'est vraiment pas terrible...
Je me suis vite rendu compte dans mon entreprise de l'importance de savoir créer un bon produit !
Ça passe par le UI / UX !
Je me suis donc formé et j'ai appris tous les concepts élémentaires comme :
- Les couleurs
- Le spacing
- Les animations
- etc…
Tout ça m'a permis de créer Codeline.app (ma plateforme de formation) :
Tout ça a été possible grâce à deux choses :
- TailwindCSS et son écosystème
- Les 7 concepts de design de base
Mais je te rassure... c'est moins compliqué que ce que tu crois.
Mais avant de t'en parler, laisse-moi te présenter...
Melvyn Malherbe
Développeur depuis 6 ans
Hello, je m'appelle Melvyn et j'ai aidé 1609 développeurs qui vont d'étudiant à des tech leads.
Après avoir travaillé pendant 4 ans dans la tech, j'ai voulu créer du contenu sur ma passion.
Par chance et après plus de 300 vidéos, j'ai réussi à créer une vraie communauté sur YouTube... déçu de la pédagogie proposée dans les formations standards, j'ai créé ma plateforme de formation :
✨ Codeline.app
J'ai étudié la pédagogie, tous les détails de la programmation et j'ai mis toute mon expertise dans des formations qui ont aidé des étudiants, créateurs de SaaS ou même chefs d'équipe.
Melvynx • Apprendre à coder
25,4 k abonnés • 366 vidéos
Melvynx • Apprendre à coder
17,5 K abonnées • 27'1 K posts
Virgile
Créateur de Algomax et développeur React (Remix)
Romain Cerezo
Co-fondateur de SendShort, créateur de contenu
Johan Le Roch
Développeur Freelance Senior en React et créateur de contenu
TailwindCSS révolutionne le CSS
Oui, je pèse mes mots.
En 2024, TailwindCSS est devenu totalement incontournable et il est essentiel de le maîtriser.
Juste pour rire… voici la liste des entreprises qui l'utilisent :
Et voici la courbe de téléchargement :
En 2021, Bootstrap était téléchargé 1 million de fois tous les jours contre 300'000 pour Tailwind.
En 2024, Tailwind est téléchargé 10 millions de fois quand Bootstrap ne l'est que 4 millions.
En seulement 3 ans, Tailwind est devenu la solution de référence.
La majorité des nouveaux projets adoptent Tailwind (comme ChatGPT ou Claude 🤔)
Mais pourquoi Tailwind marche-t-il si bien ?
😞 Avant Tailwind
- Compliqué de faire un beau design
- Utilisation de BEM de l'enfer
- Compliqué à maintenir
- Pas performant
😎 Avec Tailwind
- Design simple à réaliser
- Code rapide dans le markup
- Super simple à maintenir
- Performant et optimisé
Les avis des BETA Testeur :
Tailwind est simple !
Car il ressemble totalement au CSS.
Maîtriser le CSS = maîtriser 50% de Tailwind.
Le problème, c'est qu'il y en a beaucoup qui l'utilisent mal...
Faire du Tailwind en mode "yolo", c'est très facile.
Mais tu n'utilises que 10% de Tailwind.
Mais en 3 ans d’utilisation intensive de Tailwind, j'ai trouvé tous les concepts et astuces qui te permettent d'utiliser 100% de Tailwind.
Car oui… avant de faire une formation sur le sujet, j'ai :
- Créé 8 applications de A à Z avec Tailwind (Codeline, BulkCorrector, Chat2Code, etc...)
- Lu des centaines d'articles sur le design
- Testé des dizaines de librairies et d'outils pour m'améliorer (clsx, tw-merge, tw-classed etc..)
Tout ça m'a permis de vraiment maîtriser Tailwind et de comprendre son utilité…
Tailwind, plus qu'un framework CSS, va accélérer tes compétences en design.
C'est ce que je te propose avec ma formation :
Tu vas devenir bon en design
Imagine maîtriser Tailwind et être...
capable de créer de belles interfaces du premier coup (comme ChatGPT)
capable d'utiliser Shadcn/UI et toutes les autres librairies facilement
confiant dans tes compétences en design afin d'augmenter tes tarifs
Et qu'en plus, je te garantie que ça fonctionne ? Tu voudrais pas rejoindre la formation ?
Car c'est exactement ce que tu vas faire avec NexTailwind
De dev à Dev-Designer
Prends de l'avance.
Avec NexTailwind, tu vas non seulement maîtriser Tailwind…
Mais tu vas aussi devenir un vrai dev-designer.
Un dev-designer arrive non seulement à coder mais aussi à intégrer une charte graphique, créer des composants de 0 et avoir une vision produit.
La vision produit, c'est tous les aspects de l'interface, ne pas juste exécuter mais réussir à réfléchir l'interface.
Évidemment, avec ma formation uniquement, tu ne vas pas devenir designer, mais tu auras toutes les compétences pour être un parfait développeur qui crée de belles interfaces.
Tu vas acquérir les compétences et techniques pour ne pas avoir besoin d'un designer.
Tu vas augmenter ta valeur pour des entreprises, startup ou missions freelance car tu seras capable de faire plus de chose.
Peu importe tes compétences en CSS ou design actuellement…
Tu vas pouvoir acquérir cette nouvelle compétence rapidement.
Bien plus qu'un cours sur Tailwind, une formation complète en design pour développeur
Je ne suis pas designer. Mais après 4 ans d'expérience en tant que développeur indépendant, j'ai énormément de chose à t'apporter.
Cultive ton œil de designer
Pas besoin d'être un expert pour reconnaître un bon design. Je vais t'apprendre à voir les choses différemment.
Fais un code propre Tailwind
Beaucoup de critiques sur Tailwind sont à propos de la "beauté" du code. La vérité c'est que les détracteurs l'utilisent juste mal et je vais te montrer comment faire un code propre.
Créé des interfaces comme un magicien
Le layout avec FlexBox peut vraiment te rendre surpuissant. Je vais te montrer comment faire des interfaces de folie.
3 Workshop à faire
Rien de mieux que maîtriser Tailwind en recréant des interfaces compliqué de 0
Ce que tu vas apprendre
Module 1 : Challenge pratique
Découvre la magie de Tailwind en pratiquant avec un premier challenge.
- 1 Création de notre première card Tailwind
- 2 Maîtrise de la documentation
- 3 Première animation Tailwind
Module 2 : Pourquoi Tailwind
Découvre POURQUOI Tailwind est autant utilisé dans le monde.
- 4 Workflow simplifié
- 5 Aucun style non utilisé
- 6 Design système de qualité
- 7 Consistances facile
- 8 Documentation parfaite
- 9 Communauté en OR
Module 3 : Utility-first base
Découvre tous les secrets, tips et astuces que Tailwind peut t'apporter.
- 10 Les font-style
- 11 Les sizes Tailwind
- 12 Les spacings
- 13 Les border
- 14 Flex
- 15 Grid
- 16 Modifier pseudo class
- 17 Modifier responsive
- 18 Modifier dark mode
- 19 Modifier group
- 20 Projet final
Module 4 : Tailwind avancé
Découvre les concepts avancé de Tailwind que la majorité des développeurs ignorent.
- 21 Les utilitaires cheatés de Tailwind
- 22 Le design cheatés de Tailwind
- 23 Les gradient parfait
- 24 Les raccourci Tailwind qui te font gagner du temps
- 25 Les hack avec Flex box
- 26 Les animations devenue simple
- 27 Transition facile
- 28 Workshop #1
Module 5 : PRO du Design
Découvre les 7 concepts de base pour transformer ton design en un design de PRO.
- 29 Les spacings
- 30 Les couleurs
- 31 Le layout
- 32 Les typographies
- 33 Les transitions
- 34 Les animations
Module 6 : Tailwind avec React
Apprends à intégrer Tailwind avec React en utilisant Shadcn/UI.
- 35 ESLint avec Tailwind
- 36 Class Variant Authority (CVA)
- 37 Comment faire du Tailwind avec React
- 38 Clsx + Tw-merge démistifé
- 39 Shadcn/UI en pratique
- 40 Les features avancées de Shadcn/UI
- 41 Workshop #2
Les bonus que tu vas avoir
🎁 Bonus 1 : Ressources Tailwind
+50 articles / outils que j'ai pris + d'1 an à trouver
La liste complète des sites web qui rendent Tailwind encore mieux. Couleurs, librairie, outils, tout y est !
🎁 Bonus 2 : Cours offert
Formation sur le CSS
Tu as des problèmes avec le CSS ? Les couleurs, unité etc... ne sont pas clairs pour toi ? Pas de soucis, ce bonus est un cours de rattrapage pour mettre tout le monde au même niveau !
🎁 Bonus 3 : Flexbox et les layout
Transforme tes idées en interface
Découvre tous les concepts avancés de Flexbox, comme le shrink, le grow et plein d'autres propriétés qui vont t'être utiles toute ta vie.
🎁 Bonus 4 : Communauté
Accès au discord
Tu peux me poser toutes tes questions et moi et la communauté te répondrons pour t'aider à avancer.
🎁 Bonus 6 : Live
Webinaire de 1H live tous les mois
1 fois par mois, je te prépare une masterclass sur un sujet bien précis (comme le backend, database etc...), et tu peux me poser des questions en direct, etc. Tu as aussi accès à tous les replays.
Dev-designer : Maîtrise le DESIGN avec TailwindCSS en plus du dev
+100 heures de contenu
Paiement unique.
Mises à jour à vie.
NexTailwind
Dev-designer: Maîtrise le design avec TailwindCSS
400 €
Offre de lancement : -50 % sur la formation jusqu'au mardi 8 octobre à 23 h 59 !
- Formation TailwindCSS (3 modules)
- Formation Dev-Designer
- Accès à la communauté et au mise à jour à vie
- 1 webinaire mensuel
- 🎁 Formation CSS Bonus
- 🎁 Formation FlexBox Bonus
- 🛡️ Garantie inconditionnel pendant 30 jours
Inclus
NexTailwind - 400 €
Paiement en 4 fois 100 € disponible
Garantie inconditionnelle
30 jours pour tester
Chaque achat de formation vient avec une garantie remboursement intégral sans aucune condition durant les 30 jours suivant la date de commande.
Quand je dis remboursement SANS CONDITION, c'est que je ne te demande aucune justification :
Mais je ne m'arrête pas là... je suis sûr que si tu arrives à terminer la formation tu seras :
capable de créer de belles interfaces du premier coup
capable d'utiliser Shadcn/UI et toutes les autres librairies facilement
confiant dans tes compétences en design afin d'augmenter tes tarifs
Je souhaites sincèrement que tous mes élèves soit satisfaits et je ne veux en aucun cas avoir des personnes qui ne veulent pas être là.
Melvyn, créateur de Codelynx
C'est pour ça que si tu termines l'intégralité de la formation* et que tu n'est pas satisfait, même si tu as tout regardé...
Je te rembourse intégralement !
Les remboursements sont effectués sur ta carte de crédit en moins de 24 heures par notre support.**
Avec Codeynx, j'ai à cœur de n'avoir que des élèves satisfaits qui sont motivés et heureux d'être là.
Melvyn Malherbe
* Il faut pouvoir prouver que tu as réalisé l'intégralité de la formation via le temps passé sur la plateforme, les projets de formation, etc...
** Le remboursement prend environ 10 jours à arriver. C'est Stripe qui gère ça.
Si tu laisses passer cette occasion...
Tu vas continuer de faire partie des développeurs NULS en design.
Tu vas passer à côté d'une occasion de monter en compétences et de te différencier.
Il est compliqué de trouver des développeurs qui ont un œil pour le design.
Car si tu veux devenir freelance…
Ou même salarié…
C'est ce genre de compétences qui va faire la différence.
Avec les projets que tu vas réaliser et l'expérience que tu vas acquérir, tu auras un vrai avantage sur les autres.
Car le design fait partie intégrante du développement front-end.
Par contre, si tu continues à te focaliser "que" sur le code.
Tu ne vas pas te différencier des autres...
Tu manqueras de cette compétence...
Et les gens continueront à ignorer tes sites web.
Et clairement... 400 €, c'est déjà pas assez cher.
Je pourrais facilement tripler le prix.
Tous les bootcamp et autre formation en ligne ignore totalement ce sujet !
Item
Price
Cours sur TailwindCSS
100 €
Cours sur le design
200 €
Tailwind avec React
100 €
Bonus 1 : Ressources Tailwind
50 €
Bonus 2 : Formation complète sur le CSS
100 €
Bonus 3 : Flexbox et les layout
100 €
Bonus 4 : Webinaire 1x par mois
100 €
TOTAL
750
Mais moi...
Je te le fais à 400 €
Le pire là-dedans... c'est que tu peux rejoindre la formation et littéralement m'arnaquer grâce à mes garanties !
Je veux rejoindre NexTailwindFAQ
Ils en parlent mieux que moi...
Plus de développeurs ont rejoint... voici leurs résultats.
NexTailwind
©Copyright 2024-present