WebDesigner Blog

Accédez aux tutos du blog et aux cours Gratuitement

“Sur le web, problèmes et solutions se trouvent toujours entre la chaise et le clavier”

Francis, propriétaire de site eCommerce


Un blog pour apprendre à coder soi-même des pages web

A qui s’adresse ce Blog?

La réponse simple :

A tous celles et ceux qui souhaitent s’initier au Webdesign, ceux qui souhaitent, tester, gouter pour voir si ça peut leur convenir…

La réponse moins simple :

Au travers de ce blog, je souhaite permettre au plus grand nombre d’entre vous de débuter dans le codage de sites internet, de pouvoir “goûter” et “tâter le terrain” afin de déterminer si c’est une voie à suivre pour vous.

Je m’adresserai donc ici prioritairement aux tout débutants, et j’ai envie de dire même aux néophytes complets.

Je vais essayer de proposer de tout, pour satisfaire le plus grand nombre et permettre à tous ceux qui passent de trouver au moins quelque chose qui leur permettent d’avancer un peu.

Que faut-il savoir pour goûter? quels sont les pré-requis?

La réponse simple :

En fait, il n’y en a pas vraiment. Ce qui compte le plus, c’est la motivation, la volonté, et peut être… la capacité d’adaptation. L’anglais, pas indispensable au début, va le devenir progressivement.

La réponse moins simple :

Comme j’ai commencé par le dire, il n’y a pas de bases pré-requises à proprement parler. disons que si vous êtes arrivé ici, c’est que vous les avez.

Celle que vous devez entretenir, cultiver, développer, je dirai que c’est la curiosité, l’envie de réussir, ce qui sous-entends, être capable d’accepter ses échecs, de reconnaitre ses erreurs, puis de les corriger et d’en tirer des leçons pour ne pas les reproduire.

Evidemment, il y a quelques bases évidentes, mais comme je l’ai dis, si vous êtes là c’est que vous les avez :

  • Savoir au moins utiliser le web,
  • Savoir ce qu’est un navigateur et l’utiliser,
  • Savoir faire des recherches sur le Web (mais vous ne savez probablement pas encore comment vous arrivent ces résultats?… vous le saurez bientôt)
  • Savoir lire et écrire, me parait être indispensable bien sûr.

Je dirai que les compétences de bases  nécessaires pour démarrer (bien que ne pas les avoir n’est pas pénalisant), pourraient éventuellement être de savoir utiliser un logiciel de traitement de textes, puisque certaines comparaisons seront faites pour faciliter certaines explication, mais la seule véritable compétence de base à posséder c’est de savoir naviguer sur le web.

Ensuite, selon le niveau que vous visez, il vous faudra acquérir de nouvelles compétences. Par exemple, il vous sera surement nécessaire de comprendre les algorithme (déjà, découvrir ce que c’est les formes que l’on rencontre, comment les utiliser, comment les concevoir), mais rassurez vous, là aussi, vous aurez des solutions proposées.

A partir du moment où vous savez naviguer sur le web et que vous parlez le français, et “si possible l’anglais” vous pouvez vous lancer. (si votre niveau d’anglais est faible, cela risque de rendre les choses un peu plus ardues – mais pas du tout impossibles – car, tout est anglicisé, et les références informatiques et donc, du web, sont toutes rédigées en anglais.).

Plus vous monterez en compétences, plus vous devrez passer par la langue internationale commune : Langlais.

Et qui, en plus, l’anglais est la source des toutes les expressions de codage que l’on utilise (au départ, j’avais mis quasiment, dans le doute, mais, je n’ai pas souvenir d’une forme de langage qui ne soit dérivé de l’anglais). rien que HTML que vous avez déjà surement utilisé, ou au moins vu signifie “Hyper Texte Markup Language” (“langage de balisage d’hypertexte“), en javascript, php, etc. “fonction” s’écrira “function” (et encore!… l’évolution des langages fait que cela aussi change), mais ce sont des exemples qui montrent que l’anglais est la base du Webdeveloppement.

Mais je connais aussi un développeur qui réussi sans parler l’anglais. Il utilise des traducteurs automatiques (bon pour un dépannage, mais il faut s’en méfier, car, il y a beaucoup d’anglicisme (anglais utilisé dans la langue française ou anglais francisé). Donc, s’il n’est pas indispensable au début, apprendre à coder des page web vous amènera à être confronté à l’anglais, c’est inévitable. Au vous de déterminer comment vous y prendre…

 

Le chemin de l’apprentissage du codage est accessible … j’aurais envie de dire à tout le monde, mais ce serait, aussi, démagogique de dire ça… et leurrer du monde.

Ce qui sera plus important que vos compétences de bases, ce seront vos “soft-skills” (compétences transversales), que je résumerai en simplifiant grossièrement, que ce sont l’ensemble des “savoir-être”, de vos aptitudes personnelles, comme :

  • combativité,
  • ténacité,
  • perspicacité,
  • volonté,
  • capacité d’abstraction,
  • rigueur,
  • capacité de concentration,
  • débrouillardise,
  • etc.

Ce ne sont pas réellement des “compétences” au sens technique du terme, mais un ensemble d’aptitudes et de capacités personelles de votre personnalité que vous êtes capable de mobiliser pour les adapter à vos besoin dans le travail. Vous pouvez visionner un cours très intéressant sur le site d’OpenClassrooms (accès gratuit – sur inscription), par contre, méfiez vous de la “poudre aux yeux”  d’OpenClassrooms (l’expression “poudre aux yeux” convient dans la circonstance de cette phrase, mais ne définit pas du tout OpenClassrooms). Nous y reviendront plus tard, et vous en saurez beaucoup sur plus sur ce que je pense et recommande pour OpenClassrooms.

Il est nécessaire d’avoir certaines aptitudes pour se lancer, mais, d’une part, c’est tout de même accessible à énormément de monde, et ne cédez pas à la croyance populaire qui laisse croire que c’est un domaine réservé aux “matheux”. C’est une idée fausse. Il auront des facilité dans l’algorithmie, c’est certains, mais non déterminant. De très nombreux développeurs “non matheux” ont très bien réussit, donc, délaissez les croyances populaire.

D’ailleurs, je pense que si vous entamez un parcours de formations, de manière générale, si vous avez des compétences sûre, conservez les, mais s’il y a des choses que vous croyez savoir mais que vous êtes conscient de pas posséder parfaitement, oubliez tout, et repartez de zéro.

Les préjugés, les certitudes erronées, peuvent conduire à de mauvaises interprétations, ou à passer à coté de points essentiels, juste parce que vous “zapperez” une notion que vous croirez posséder.

Codage Site Internet Custom Administré
Création de site web codé spécifiquement selon vos besoins, pour des sites sans administration en ligne
Création de votre Site Web Administrable
Rendez-vous sur mon site Pro dédié aux prestations de création de sites Web sur csi-dordogne.net
Webdesign : Découvrir les bases du codage du web
“Cours”, tutos, conseils, démonstrations, partages en ligne d'informations pour se lancer dans le WebDesign
Les catégories de premier niveau du blog
Pour tous
Web / Internet
Accédez directement aux articles du blog “généraliste” sur le theme du net, de l’informatique et ce que qui peut impacter les sites web
Accès Gratuit ET libre
Réservé clients
Tutos et support
Client ou futur client? Découvrez comment utiliser vous même votre site et ce que vous pouvez ou pourrez faire et comment.
Accès Gratuit SUR INSCRIPTION
WebDesign
Html, CSS, Js, Sass; VSCode, etc.
Articles, blogs, et tutos vidéos pour les amateurs qui souhaitent découvrir et tester leurs capacités d’apprentissage de codage web
Accès Gratuit SUR INSCRIPTION
OCR DevWeb
Web / Internet
Accédez directement aux articles du blog “généraliste” sur le theme du net, de l’informatique et ce que qui peut impacter les sites web
Accès Gratuit SUR INSCRIPTION

Derniers articles parus

Pour Webdesigner en herbe

Les logiciels indispensables à tout développeurs : les navigateurs

Quasiment tout le monde en est conscient, mais, comme j’ai eu l’occasion d’échanger avec quelques personnes qui m’ont demandé “pourquoi”, je vais faire un petite article bref sur une batterie d’outils indispensables aux développeurs : s’équiper de plusieurs navigateurs. Bien que certains m’aient assuré qu’il existait des moyens de s’en passer, j’ai réalisé quelques tests…

Outils Codage avec aperçu direct : Codez, Visualisez, modifiez, entrainez vous, partagez, trouvez des codes existants pour développer les vôtres

CODEPEN : à la base, c’est quoi? Code pen est un environnement préparé pour créer et tester du code. Basiquement, il est composé de trois fenêtres dans lequel insérer vos lignes de code, et d’une 4é qui affiche le résultat. C’est plutôt pratique pour découvrir le codage, s’entrainer, effectuer des tests. Mais, CODEPEN, c’est ……

Derniers articles parus

PROJET 1-3-4- Navigateur : transformer sa startpage / homepage un outil de veille

C’est quelque chose de très pratique et de fort utile que d’avoir toutes les informations de notre veille technologique à portée de main dés l’ouverture du navigateur. Comme refaire sa page de démarrage (et page des nouveaux onglets)? Vous vous la coderez vous même lorsque vous saurez le faire. Théoriquement, si vous allez au bout,…

PROJET 1-3-3- Veille Technologique par Newsletter

Tout d’abords, parce que c’est un bon moyen de mettre en place facilement et simplement un début de veille technologique pour surveiller les nouveauté d’un site internet. Quels sont les avantages et les inconvénient de cette méthode d’information? Les avantages sont, à mon sens moins nombreux que les inconvénients. Coté avantages : Vous n’avez pas…

PROJET 1-3-2- Veille Technologique par Flux rss

Les flux rss ont un énorme avantage : ils vous fournissent l’information d’un nouveau contenu, lorsque celui-ci devient disponible. Vous n’avez alors pas à chercher par vous même pour aller voir “s’il y a du nouveau”. C’est un excellent moyen pour débuter une veille technologique efficace. En quoi consiste la méthode de Veille Technologique par…

PROJET 1-3-1- Veille Technologique : comment la mettre en place et quoi mettre à l’intérieur?

Avants propos : Sur cette page, je vais citer quelques sources, de manière un peu éparpillées, mais, je vous synthétise tous les liens des outils, sites et toutes les ressources dans le post : “Toutes les ressources pour bien débuter dans le Webdesign”. Sur cette page, je vais vous expliquer : Comment déterminer le type…

PROJET 1-3- Mise en place d’une veille technologique

Avant propos Pour faciliter la rédaction et la compréhension, notez tout de suite que j’appellerai : VTF : la Veille Technologique de Formation pour la différencier de ce que moi, j’appelle : VTR : Veille Technologique de Routine Nous allons tout de suite voir les différences entre ces deux notions – Notez que ce ne…

PROJET 1-2-1- Workplace : Comment poser une question pour obtenir une aide efficace?

pas toujours facile, hein?!… timidité, peur de dire une bêtise, peur de paraitre ridicule de ne pas savoir ou de ne pas trouver… Vous savez peut-être ce que j’en pense. Quelques petites idées pour demander & obtenir rapidement une aide efficace S’appuyer sur la communauté pour trouver des solutions est essentiel pour que tout le…

PROJET 1-2- Workplace : Se présenter à la communauté

Certaines choses que je vais dire ici vont sembler “couler de source à certain(e)s, mais, si vous allez sur Workplace, lire certaines présentation, vous comprendrez pourquoi je rédige ces lignes… EN BAS DE CETTE PAGE, JE VOUS DONNE UNE LISTE DE QUESTIONS QUE VOUS POUVEZ VOUS POSER ET UTILISER LES REPONSES POUR CONCEVOIR VOTRE PRESENTATION.…

Envie de dire quelque chose?