C’est Mike,
Aujourd’hui je voudrais en finir avec la perte de temps sur les feuilles de styles CSS (Cascading Style Sheets) !
Si tu connais le HTML tu sais très bien que c’est généralement associé avec du CSS.
On a tous connu cette joie le jour où l’on a compris comment mettre un FOND ROUGE 😁
Comment changer la Police 😁
Comment mettre une Marge 😁
On s’est tous dit : « Mais WTF le CSS c’est facile ! «
Personnellement je n’ai jamais creusé le CSS plus que ça.
Pourquoi faire ?
Après tout il n’y a rien de compliqué la dedans !
En plus je suis développeur back (tu sais le mec qui te fournis des API et qui s’en tape de tes problèmes de padding sur le front😁)
Jusqu’a ma première mission en Freelance où il y avait marqué « Développeur FullStack ».
En gros tu fais du Back (des API) et du Front (des écrans avec du CSS)
Première semaine tout se déroule comme prévu : Je code du back comme un barbare sur une stack que je maitrise (Java / Spring / Hibernate)
Deuxième semaine j’attaque les écrans : Facile non ?
Le CSS c’est facile non ?
On me demande d’être : « force de proposition » (entends par là qu’ils ne savent pas encore ce qu’ils veulent 😊) et de proposer quelque chose.
je commence donc à coder ma page HTML, un simple tableau avec des colonnes et des boutons etc… et là panique :
IMPOSSIBLE de RENDRE quelque chose de « potable ».
je perds un temps fou sur des conneries :
- La page n’a pas de gueule (on dirait les sites des années 90)
- Une scrollbar se met à droite et décale mon tableau.
- Le site ne s’affiche pas correctement sur mobile.
- On me sors que sous IE ça ne fonctionne pas.
Et la meilleure c’est quand le chef de projet me demande : « Tu nous avais pas dit que tu étais développeur FullStack ? »
Bref tu l’auras compris, pas terrible comme première experience en CSS.
Pendant longtemps j’ai préféré me voiler la face.
Le CSS ? C’est pour les débutants pas pour moi …
Le CSS ? C’est pour les dev front pas pour moi …
Le CSS ? C’est pour les intégrateurs pas pour moi …
Je sais pas quel est ton niveau en CSS mais si tu as le même problème que j’ai eu, je te comprends !
On pense qu’il faut accumuler toute la connaissance sur CSS.
Connaitre toutes les propriétés
Connaitre toutes les versions
MAIS C’EST FAUX ! Le problème ce n’est pas qu’il faut connaitre le plus de propriété CSS possible.
Le problème quand on débute c’est que l’on ne connait pas la règle des 80 / 20 (Principe de Pareto).
Quelques exemples (Wikipedia):
- gestion des ventes : 80 % des ventes est réalisé grâce à 20 % des références présentées ;
- gestion client : 80 % du CA est réalisé par 20 % des clients ;
- services : 80 % des réclamations proviennent de 20 % des clients ;
- gestion de projet : 80 % d’accomplissement d’une mise au point nécessite 20 % de l’effort ;
- gestion de la production : 20 % des produits représentent 80 % du CA.
Bref tu l’aura compris le CSS c’est pareil
20% des bonnes connaissances produisent 80% des résultats.
Ce dont tu as vraiment besoin si tu es comme moi quand j’ai commencé c’est de connaitre ces 20% !
Ces 20% qui m’ont sauvé la vie de développeur Front End sont regroupés dans une nouvelle formation que je viens de mettre en ligne.
Dès la fin de cette formation tu auras tous les outils et les bonnes bases sur le CSS Moderne pour les entreprises.
Tu ne passeras plus pour un débutant si l’on te demande par exemple de faire : une page contenant un tableau triable responsive compatible sur tous les navigateurs.
A plus long terme, sur tes missions Freelance, tu ne gaspilleras plus ton temps sur des détails lié au CSS.
Par contre c’est réservé aux gens qui comptent passer à l’action !
Ma formation n’est pas une série Netflix.
Tu ne sors pas les POP Corn et tu m’écoutes parler
TU DOIS APPLIQUER LES TECHNIQUES pour te les approprier !
Clique ici pour y accéder : school.frenchmike.com/css-pour-les-non-web-designers
AU PROGRAMME
Une formation intense ! découpée en 9 modules !
- Intro
- On revoit les bases
- Les erreurs des débutants
- Prise en main de Flexbox
- On fait un site en Flexbox
- Les Frameworks Front End
- Prise en main de Boostrap 4
- Prise en main de Materialize
- Les projets en CSS
En plus !
- La version AUDIO de cette formation
- Un Accès privé au Slack des développeurs Web (Un espace d’échange et d’entraide spécialement conçu pour les développeur )
💪 MODULE 1 : INTRO
- Présentation de la formation
- Pourquoi cette formation ?
- Le Plan
💻 MODULE 2 : LES BASES
- Pourquoi apprendre la CSS ?
- tu es débutant ? ce n’est pas grave on reprends les bases.
- Quels outils pour coder en CSS ?
- Comment créer un Style ?
- Où placer son code ?
- Les propriétés de bases
- Structure d’une page web
- L’ordre d’imbrication des conteneurs
- Les sélecteurs de bases
⚒️ MODULE 3 : LES ERREURS DE DEBUTANTS
- Comment ne pas passer pour un débutant.
- Les balises à ne surtout pas utiliser !
- La structuration
⌨️ MODULE 4 : FLEXBOX
- Pourquoi utiliser Flexbox ?
- Quand utiliser Flexbox ?
- La distribution
- L’alignement
- La réorganisation
- La responsivité
💻 MODULE 5 : SITE EN FLEXBOX
- On va créer une structure de site en partant de zéro !
- Un site web en 10 minutes.
- Un site résponsive, adapté à toutes les tailles d’écran.
📈 MODULE 6 : LES FRAMEWORKS FRONT-END
- Qu’est ce qu’un Framework Front-end
- Les avantages et les inconvénients
- Les Frameworks les plus courants en Freelance
⌨️ MODULE 7 : BOOSTRAP 4
- On va mettre en place rapidement Boostrap 4
- La philosophie Bootstrap
- On va voir les système de Grid
- Les composants les plus utilisés
⌨️ MODULE : MATERIALIZE
- On va mettre en place rapidement Materialize
- La philosophie Materialize
- On va voir les système de Grid
- Les composants les plus utilisés
🎁 MODULE 8 : LES PROJETS EN CSS
- Bonus !
Télécharger tout maintenant : school.frenchmike.com/css-pour-les-non-web-designers
Oui c’est un gros sujet.
J’ai rassemblé dans cette formations tout ce que j’aurai aimé avoir comme connaissances et compétences quand j’ai débuté.
L’objectif de cette formation : éliminer ce problème le plus vite possible.
Tu n’imagine pas à quelle point je suis heureux aujourd’hui de ne plus rester bloqué sur des problèmes de CSS.
Imagine quand tu ne perdras plus des heures sur des « Conneries » et que tu pourras enfin te concentrer sur des vrais problématiques de codeurs.
Imagine quand tu n’auras plus cette boule au ventre lors de tes futurs missions en CSS.
Tout est là, à –70% jusqu’à dimanche : school.frenchmike.com/css-pour-les-non-web-designers
Tu n’as pas besoin de connaitre le CSS pour accéder à cette formation.
Si tu connais déjà un peu le CSS, ces techniques t’aiderons à passer rapidement un CAP.
La formation est courte et efficace. L’objectif n’est pas de te transformer en singe savant. C’est d’avoir des RÉSULTATS.
À tout de suite dans la formation : school.frenchmike.com/css-pour-les-non-web-designers
Mike
PS : Dans la formation, je t’explique chaque étape le plus précisément possible. Je ne le FAIS PAS à ta place. Rien ne remplace l’ACTION.
Je compte sur toi.
