Une démarche de conception en plusieurs étapes…

Pour la petite histoire, je crée des sites internet depuis 2009, j’ai donc une certaine expérience du web, mais jusqu’en 2020 (ce n’est pas si vieux que ça!), j’étais entièrement autodidacte, et je travaillais exclusivement avec les CMS WordPress et Prestashop (et en cas de besoin, selon les souhaits du client, j’y ai toujours recours).

Mais, j’ai pris conscience ces dernières années, de la rapide évolution dans langage de codage et que si j’attendais encore pour m’y mettre, j’aurais encore plus de mal à suivre.

Étant autodidacte, je pensais avoir certains “trous” dans mes compétences, et j’ai donc décider de me former à l’écriture de code.

Une entrée en formation “Développeur web” fracassante!… c’est le cas de le dire!!!…

Mon objectif était double en réalité :

• Combler mes lacunes éventuelles, en apprenant auprès de professionnels ce qui pouvait me manquer.
• Apprendre à écrire moi même du code pour pouvoir sortir des standards que j’avais l’habitude d’utiliser et pouvoir proposer des script 100% custom à mes clients.

J’ai donc suivi une formation de “Développeur Web” et si vous lisez mes posts à ce sujet dans le blog, vous constaterez que non seulement, c’est ne s’est pas très bien passé (comme ce fût aussi le cas pour bon nombre de mes… co-stagiaire (?…). Il m’a fallu beaucoup de temps pour comprendre que cette formation pouvaient parfaitement convenir à certaines personnes, et beaucoup moins à d’autres, car leur méthode est extrêmement difficile à assimiler, et que je faisais parti des gens qui n’étaient pas … compatibles (!) avec cette méthode. Mais une fois entamée, pas de retour en arrière possible, surtout quand on réalise cela au beau milieu de la formation!

Et même un fois la méthode assimilée, tout n’est pas toujours simple si l’on ne prends pas le temps de s’attarder sur certains points essentiels (mais non mentionnés comme tel en début de formation…).

Cette formation donne un accès Workplace (Facebook privé) où tous les stagiaires peuvent échanger, se poser des questions, demander de l’aide ou en apporter.

Mais comme tous les réseaux sociaux, les post s’enterrent dans les fils d’actualités, et à moins que le stagiaire en difficulté ne fasse la recherche (s’il en fait une! souvent, les débutants commettent l’erreur de poser directement – sans avoir pris le temps de se demander comment poser correctement une question –  une question qui a été posée des dizaines de fois et dont les réponses sont déjà accessibles), qui le mènera précisément sur la réponse, ce sont régulièrement les mêmes posts, les mêmes questions et difficultés qui reviennent.

Et si j’ai ma petite fierté personnelle (quel orgueil!!!) d’avoir pris du temps pour aider les autres, j’ai tout de même perdu du temps en répétant toujours les mêmes conseils.

Alors, j’ai décidé de faire ce petit site pour leur venir en aide et expliquer les points qui posent problème à tout le monde.

Et puis…

Et puis, j’ai été très frustré qu’on m’ait  induit en erreur en me disant qu’il y avait des tutos vidéos dans les cours, alors qu’en réalité, il n’y en a pas du tout.

Les seules choses de ce style que l’on y trouve, et qui s’en rapprocheraient, ce sont des webinaires, … destructurés et pour le peut que j’ai vu… disons que ça ne m’a pas du tout donnée envie d’en regarder d’autres, mais plutôt de faire, comme tout ce qu’il faut faire pendant cette formation : aller chercher ailleurs, enfin bref… je me suis dit que je pouvais alors essayer de faire moi même des tutos pour expliquer tout ce que j’avais compris de la formation, et tout faire pour transmettre mes connaissances acquises à ceux qui pouvaient en avoir besoin avant ou pendant la formation.

Et, donc, pourquoi pas… aller un peu plus loin en donnant un point de vue complémentaire et décalé sur les thématiques abordées afin d’élargir les possibilités!…

Et puis, seconde étape de ma réflexion pour la conception de ce site…

J’ai fini par me demander à qui je souhaitais vraiment m’adresser dans ce site?

Oui, c’est tout à fait l’objet de ce site : permettre la découverte du WebDesign.

Le Web regorge de sites proposants des tutos pour apprendre le Webdesign, mais tous ne sont pas de la même qualité.

Quand certains Développeurs Web semblent aller un peu au hasard et tentent de proposer des tutos – pas toujours de bonne qualité –  d’autres d’autres le font de manière très professionnelle, … mais payante (ce qui peut convenir parfaitement à certains, mais pas à tous), et enfin, il y a ceux qui le font pour le plaisir de partager et d’apprendre aux autres, mais ce que quasiment tout ont en commun, c’est la méthode.

Je ne remets pas nécessairement en cause la méthode, car, ils souhaitent proposer des parcours de formations complets et “PRO”, mais, globalement, presque tous, le font de manière très … académique. Ce qui fait qu’en dehors de la qualité même des explications, de la capacité du développeur à utiliser les bons mots pour se faire comprendre, tous les cours sont plus ou moins structurés de la même manière et selon la même approche.

Evidemment, il y a des moments, où il n’y a qu’une seule manière d’apporter la connaissance, mais dans beaucoup de cas, il peut y avoir des méthodes différentes, et qui peuvent se révéler aussi, parfois, complémentaires.

J’ai, moi même, regardé plusieurs tutos HTML. Ils étaient différents et m’ont tous apporté quelque chose.

Il faut savoir rester ouvert, su par dessus tout, ne jamais croire que l’on sait tout.

Celui qui croit tout savoir sera nécessairement confronté à l’échec un jour, et je mettrai ma main au feu qu’il sera difficile de trouver une solution.

• Il n’y à aucune honte à ne pas savoir.
• Il n’y a aucune honte à faire des erreurs.
• Mais il est ridicules d’affirmer savoir quelque chose que ne sait pas ou de dire que l’on maitrise une notion alors qu’on en est capable de partiellement.
• Et par contre, il est honteux de ne pas reconnaitre ses erreurs et de ne pas chercher à se corriger.

Certains Développeurs, proposent même des tutos pour apprendre à coder des pages web en suivant les méthodes que l’on trouve déjà … sur MDN (Mozilla Developper… si vous ne connaissez pas, vous verrez celà un peu plus loin, si vous creusez ce site), et j’ai vu énormément de tutos qui semblent plutôt être là pour que le développeur montre son savoir et ses compétences plutôt que de vraiment essayer d’apprendre aux débutants, ce qui donne des tutos parfois destinés à un public déjà formé aux forment de langages et expressions du Web, ou d’autre encore que j’ai vu qui vont tellement vite dans leurs tutos qu’ils en oublient la base, la raison d’être : transmettre un savoir.

Transmettre un savoir demande du temps et des explications, et ce n’est pas en proposant des vidéos de code mal ou rapidement énoncées que l’on peut qualifier ces “vidéos de tutos” ni “de formation”.

Je ne vous ferai pas perdre de temps en “réinventant l’eau chaude”, mais, même si je serai contraint, parfois de procéder comme ils le font tous, plus ou moins de manière académique, parce que, comme je l’ai dit, certaines chose ne peuvent s’apprendre qu’ainsi, dans mes cours, tutos, vidéos, je vais tout de même essayer de toujours me mettre à la place des débutants. Quelles questions se posent-ils? quelles peuvent être leur difficultés? (ne riez pas! ce n’est pas quelque chose de facile!).

Que les choses soient claires : même si je vais essayer de vous en apporter toujours plus, vous ne ressortirez pas d’ici avec le niveau développeur Web Bac+2… mais vous aurez toutes les bases pour y parvenir le plus facilement/rapidement possible!

Certains puristes critiqueront probablement mes tutos, j’en suis sûr, mais je veux être clair sur un point : ce que je vais essayer de faire ici, ce n’est pas de vous former à devenir des Webdesigner, mais je vais essayer de vous transmettre toutes les bases qu’il faut maitriser pour se lancer dans le Webdesign. Et pour cela, je vais vous mettre à disposition de nombreuses sources ressources, lien, outils, etc. pour apprendre le Webdesign.

J’essayerai d’aller le plus loin possible, bien sûr, mais mon objectif principal est de permettre au plus grand nombre d’apprendre et de découvrir que c’est à la portée de beaucoup de personnes qu’il n’y parait au départ, et que certains qui pensaient voir “un mur” dans le WebDesign, ne verront finalement qu’une “simple colline”.

Donc, si vous êtes un puriste ou quelqu’un de déjà initié, soyez averti : il m’arrivera d’utiliser des formulations peu académiques, et, je dirai même, en certaines occasion, totalement décalées, mais encore une fois, le but est de faire comprendre les choses. Pour moi, à partir du moment où la personne à compris comment fonctionnait telle ou telle notion, à quoi servait telle ou telle balise, comment on se servait de telle ou telle fonction, mon but sera atteint. Et si les “bon mots”, ou les “bonnes formulations” ne sont pas maitrisée, ça n’a rien de grave, ça viendra plus tard. Le plus important est de pouvoir l’utiliser correctement dans du code. Point.

Une fois que vous aurez acquis et maitriserez les bases, vous pourrez alors monter en puissance progressivement et vous intéresser à des blogs et tutos d’autres développeurs chevronnés (ou carrément entrer en formation), dont vous serez alors en mesure de tout comprendre, parce que vous aurez déjà la maitrise de la base.

Mais j’essayerai de faire un effort pour utilise les bons mots tout de même… en essayant de les expliquer avec des images ou des comparaisons… parfois surprenantes, mais très parlante.

Tout ce travail me prend du temps, et à l’heure où je rédige ces lignes, je n’ai pas encore achevé les scénarii des tutos que je vais proposer, donc, autant vous dire que je n’ai pas encore commencé à les tourner et qu’elles ne sont donc loin d’être mise en ligne!

Concevoir des cours et surtout sous forme de tutos vidéos, est un gros travail, et je me suis dit que si je ne m’adressais qu’aux stagiaires d’OpenClassrooms, ça limiterait beaucoup l’intérêt du site et son utilité.

Or, si je fait ce site, c’est pour permettre au plus grand nombre d’apprendre (et aussi, accessoirement, pour, égoïstement, satisfaire mon besoin de me sentir utile aux autres…).

Le soucis étant que, je ne peux pas partager  avec des personnes qui ne suivent pas au moins l’une des formations OpenClassrooms concernées par ces tutos, des documents qu’OpenClassrooms propose dans le cadre de leur formation. Les tutos basés sur des données OpenClassrooms sont donc exclusivement réservés aux stagiaires d’OCR.

Mais du coup, j’ai décidé de scénariser mes tutos autrement … de manière à ce que certains puissent s’adresser à tout le monde, et d’autres exclusivement aux stagiaires OCR, ainsi, je pourrai proposer à tout le monde de bénéficier de sources complètes. Sachant que les stagiaires OCR auront accès à l’intégralité du blog, ils pourront piocher ce qui leur convient dans les deux catégories du blog.

Mais que ceux qui se posent la question soient rassurés, les informations seront bien délivrées, c’est juste que dans le cas des stagiaire OCR, je vais suivre l’ordre d’utilisation des compétences selon les projets qui sont à réaliser pendant la formation.

Je ne fais pas ce site d’apprentissage du codage pour l’argent.

La preuve en est que dans mes pages, je vais vous proposer mes tutos, mais je vais aussi vous fournir de très nombreux liens vers des tutos d’autres développeurs qui ont fait du travail remarquable et qu’il serait anormal de ne pas proposer. si je faisais cela pour l’argent, je vous dirai de ne regarder que les miens et je vous ferai payer.

Non, je ne le fais pas ça pour l’argent, je le fais, parce que je sais ce que c’est que d’être dans la galère et de ne pouvoir avancer dans une voie qui nous intéresse, ou de se retrouver bêtement coincé à cause d’un grain de sable. Je le fais parce que j’aime transmettre, partager, pouvoir me dire que j’ai été utile à quelqu’un.

Je fais donc ceci, à titre “gracieux”, et si certains veulent se joindre à moi pour aider à transmettre du savoir, on peut tout à fait envisager de collaborer, je ne suis fermé à rien, tant que ça va dans le bon sens et reste dans l’idée de partager le savoir.

Je vous demanderai aussi parfois une certaine indulgence. parce que je suis comme tout le monde, et je dois vivre et m’occuper de mes clients. Il y a donc des fois ou je devrai peut-être aller vite (même si je vais tout faire pour prendre mon temps afin de bien expliquer les notions à acquérir).

Si certaines choses vous manquent, si vous avez des questions particulière, ou des suggestions de tutos à me soumettre, je peux essayer de prendre du temps, et vous trouverez donc, sur le site, des moyens pour me joindre.

GRATUIT … MAIS…

Gratuit, oui, mais pas libre.

Je veux garder le contrôle sur le contenu affiché et ne pas permettre que mon travail soit utilisé partout par le biais d’iframe, qui, de surcroit, peut engendrer des failles de sécurité.

Ainsi, si l’accès à tous les tutos, même ceux destinés aux stagiaires OpenClassoorms sont gratuits, pour y accéder, il sera nécessaire de remplir un formulaire d’inscription et de vous connecter à chaque fois que vous voudrez accéder au blog

Si vous n’êtes pas encore stagiaire OpenClassrooms,

je vous encourage fortement à lire (ou visualiser certaines vidéos) que je propose dans le blog, parce que si les formations OpenClassrooms (en tout cas, pour celle que je connais) ne sont pas nécessairement de mauvaise qualité, la méthode d’apprentissage et les techniques d’apprentissage sont difficiles à appréhender, et souvent, source de frustration et … d’échec. Mieux vaut prendre les renseignement avant que trop tard.

• Si vous parvenez à vous y faire, alors vous aurez toutes vos chances.
• Si vous n’y arrivez pas, vous risquez de galérer comme un grand nombre de déçus, et peut-être… de courir droit à l’échec… et/ou de devoir payer plus pour finir votre formation (mais, payer de votre poche cette fois).

Pour en savoir plus, consultez mes articles consacrés à mon expérience chez OpenClassrooms qui vous donneront un aperçu de ce qui peut vous attendre, et de ce à quoi vous devez vous attendre durant votre formation développeur Web ou Développeur JavaReact puisque la seconde englobe la première dans son intégralité.

Et si vous comptez vous lancer dans l’une de ces formation, je vous recommande alors de consulter toutes les vidéos tuto (et écris) afin de démarrer votre formation du mieux possible.

Si vous êtes déjà stagiaire OpenClassrooms, et que vous êtes ici,

c’est probablement le signe que vous faîtes parti de la catégorie de personnes avec qui j’ai beaucoup discuté sur Workplace et/ou par mail, et qui m’ont dit ne pas y arriver.

Oui, c’est vrai, les cours sont très limités et vous devez aller cherchez toutes les notions à apprendre sur le web, et vous êtes obligé de trouver de l’aide pour avancer dans la formation Développeur Web d’OpenClassrooms, mais c’est justement pour ça que j’ai décidé de faire ce site à la base.

Selon que vous arrivez ici au début de votre formation ou à la fin, son efficacité et son utilité ne seront pas du tout les mêmes. Plus vous arrivez tôt, et mieux c’est, car vous pourrez mieux prendre en main votre formation, et augmenter vos chances de réussite.

Comment est structurée l’aide apportée et quels contenus pourrez vous trouver ici?

• Des “cours”* vidéos et écrits,
• Des tutos* vidéos et écrits,
• Des listes de ressources : liens vers les sites qui vous aideront pendant votre formation, liste de liens, conseils divers pour bien avancer dans la formation,
• Des explications de certains cours que je sais avoir posé des problèmes à certains…ou compléments de cours car certains cours sont extrêmement pertinent et bien faits, mais parfois incomplet (comme tout les cours OCR qui sont un tremplin que VOUS devez choisir d’utiliser ou pas)
• Des listes de logiciels et d’extension de navigateur et VS Code,
• Des liens vers des sites de développeurs chevronnés,
• Une landing page : une page d’accueil que vous pouvez mettre sur votre navigateur en page d’ouverture. J’y placerai des liens directs vers les ressources, des flux de blogs externe sur le codage qui pourront vous aider… enfin bref… la page d’accueil que tout bon webmaster se doit d’avoir (mais celle-ci conviendra pour les débutants uniquement) quand vous serez monté en puissance, vous coderez la vôtre vous même selon votre propre besoin. Parce que cette landing page n’est pas exclusive aux développeur Web en formation chez OpenClassrooms, elle est destinée à tous les apprentis en herbe qui s’inscriront sur le site, et même accessible à tous, puisqu’elle sera publique. A vous de choisir de l’utiliser ou non, selon vos souhaits.
• Peut-être un jour des script à télécharger… je ne me suis pas encore décidé sur ce point…

Alors, par essence, je suis contre la triche (sans compter qu’ils changent régulièrement les projets, ce que je vous dirai donc, aura peut-être changé sur la forme, mais le fond, les notions à connaître et à maitriser resteront plus ou moins les mêmes.

C’est pourquoi, dans mes tutos, je couvrirai autant que possible en vidéo, ce que vous avez par écris dans vos cours, afin de vous permettre d’économiser du temps de lecture, puisque tout est à lire (à moins qu’il n’évoluent enfin et proposent de vrais cours et tutos vidéos?… comme moi, et plein d’autres stagiaires l’ont réclamé!…

Je vais donc vous proposer des vidéos tutos de cours sur les connaissances, mais je vais le faire en respectant le plan de projets à réaliser.

Quand j’ai eu besoin d’aide, j’ai trouvé de nombreuses sources différentes, mais pas toujours évidentes à suivre car elles ne couvraient pas l’ensemble des notions à voir.

C’est pourquoi, j’ai décidé de structures le contenus des vidéos, mais aussi le programme, l’organisation des vidéos que je vous soumets en fonction de ce que vous aurez à réaliser dans vos projets.

Je ne vous donnerai pas de réponse directe, mais je vous expliquerai un ensemble de notions à maitriser qui pourront vous aider à réaliser votre projet. Ensuite, charge à vous de faire le tri et de choisir les meilleures options pour coder votre projet.

Des vidéos tutos et de cours… oui(!) mais pas seulement!!!

En effet, les vidéos de cours et de tuto c’est bien, mais d’une part, je ne couvrirai pas l’ensemble de la formation (à l’heure d’aujourd’hui, je n’ai pas prévu de dépasser le projet 4 et peut-être le tout début du P5 consacré au JavaScript.

Je fais ce choix pour plusieurs raisons :

• La première, c’est que mon objectif est de vous permettre de prendre votre formation en main de pouvoir la démarrer dans les meilleures conditions possible. Arrivé au P5, vous devriez avoir assez d’expérience pour commencer à pouvoir vous débrouiller seul.
• La deuxième raison, est purement matérielle, quand on aborde le javascript, ca commence à devenir complexe, et les possibilités qu’apporte le Javascript sont tellement vastes que je n’ai pour le moment aucune trame de tuto à pouvoir proposer.
• La troisième raison, et, surement la plus contraignante de toutes, c’est que j’ai, moi-même arrêté la formation au P5n donc, même si je me réfère aux cours incomplets d’OpenClassrooms, les vidéos n’auront pas énormément d’intérêt. en outre, même si je continue à apprendre seul (pas le choix!) le javascript, je n’ai pas encore les compétences suffisante pour réaliser des tutos, et encore moins pour venir en aide, je vais donc, pour le moment, rester dans ma zone de bonne maîtrise, et me consacrer au 4 premiers projets, ce qui est déjà pas mal.
• Et puis qui sait, avec le temps, peut-être aurai-je pu acquérir assez de compétences pour proposer plus de contenu?! Mais, à l’heure d’aujourd’hui, ce n’est pas encore prévu.

• Des “cours”* vidéos et écrits,
• Des tutos* vidéos et écrits,
• Des listes de ressources,
• Des exercices, des mises en situation,
• Des listes de logiciels et d’extension de navigateur et VS Code,
• Des liens vers des sites de développeurs chevronnés,
• Des liens vers des sites proposant du contenu adapté aux débutants,
• Des liens vers des sites d’entrainement,
• Des conseils et recommandations pour apprendre mais aussi pour vous entrainer,
• Une landing page : une page d’accueil que vous pouvez mettre sur votre navigateur en page d’ouverture. J’y placerai des liens directs vers les ressources, des flux de blogs externe sur le WebDesign, qui pourront vous aider… enfin bref… la page d’accueil que tout bon webmaster se doit d’avoir (mais celle-ci conviendra pour les débutants uniquement) quand vous serez monté en compétence, vous coderez la vôtre, vous même, selon VOS propres besoins. Parce que cette landing page n’est pas exclusive aux développeur Web, elle est destinée à tous les apprentis en herbe qui s’inscriront sur le site, et même accessible à tous, puisqu’elle sera publique. A vous de choisir de l’utiliser ou non, selon vos souhaits.
• Peut-être un jour des script à télécharger… je ne me suis pas encore décidé sur ce point…
• Et si je trouve d’autres idées, ou si vous avez des suggestions, n’hésitez pas, je suis ouvert, et selon mon temps et mes compétences…

Je peux vous proposer, sous certaines conditions, notamment, celle que j’ai évoquées plus haut, vous proposer un accès pour que vous puissiez proposer vos propres cours à adresser aux autres.

A partir du moment où l’esprit de ce site est respecté, c’est envisageable.

Mais attention tout de même, sachez que le script de ce site est protégé par une fonctionnalité qui fait que tous les liens sortant sont en “nofollow”.