Vous avez été nombreux à me demander des liens ou des astuces pour se former sur le Web au développement ou au Graphisme. L'apprentissage en Autodidacte n'est pas une chose facile et il n'existe pas un site qui vous permettra de devenir un pro en quelques mois. Voici donc un petit guide sur les phases d'apprentissage basé sur mon expérience.
Phase 1 : Tutoriels
C'est partie, vous voulez commencer et apprendre un nouveau language/logiciel et vous n'y connaissez absolument rien ? Pour commencer, les tutoriels écrits ou vidéos représentent un très bon choix car ils vous permettront, en réalisant des petits projets, d'apprendre un peu les rudiments. Niveau tutoriel il existe un très grand nombre de site :
- Grafikart (Développement Web)
- Le réseau Envato
- VideoCopilot (After Effect)
- GotoAndLearn (ActionScript3,FLEX,AIR)
- Le Site du Zero (Développement,Programmation)
- Alsacréation (Développement Web)
- etc...
Comme vous l'aurez remarqué il y a pas mal de site Anglais donc la maitrise de cette langue est primordiale (surtout pour le développement Web et la programmation)...
Phase 2 : Google
Cela fait un moment que vous faites des tutoriels et vous souhaitez commencer un vrai projet, un truc personnel. Les tutoriels montrent alors leurs limites vu qu'ils ne permettent que de réaliser des choses précise. Le principe de cette phase d'apprentissage est le suivant
- Je cherche à réaliser quelque chose que je ne sais pas faire
- J'essaie d'adapter ce que j'ai vu en tutoriel
- Je rencontre un problème nouveau
- Je cherche des solutions sur google aux problèmes que je rencontre (si je trouve pas en français je cherche en Anglais)
- Je trouve la solution
- J'apprend
Donc comme vous l'avez compris ici votre professeur va être google, mais il est important d'apprendre à communiquer avec lui donc lors de vos recherches éviter de rechercher une phrase complète et recherchez plutôt des mots clef. Prenons un exemple, vous voulez apprendre à récupérer un flux RSS en Javascript avec jQuery donc là il ne faites surtout pas une recherche du type "Récupérer un flux RSS en Javascript avec jQuery", gardez l'essentiel et si vous ne trouvez pas passez en anglais : "get feed RSS jQuery". Une personne à forcément eu le même problème que vous donc vous trouverez souvent des réponses à vos questions si vous les formulez bien à Google...
Cette démarche est donc longue et assez pénible mais c'est un premier pas nécessaire qui vous permettra ensuite d'être autonome dans vos réalisations.
Phase 3 : API, Doc, IRC et expérimentation
Vous êtes maintenant un pro et vous avez un peu d'expérience. Maintenant vous êtes donc maintenant autonome mais alors comment évoluer et apprendre plus ?
Une bonne manière d'apprendre lorsqu'on maitrise bien c'est de s'inspirer et de chercher à comprendre ce qui nous entoure. Par exemple essayer de comprendre en analysant les sources comment fonctionne certains script ou, pour les graphistes, essayer de comprendre comment sont réaliser certains travaux.
Pour les développeurs :
Il est nécessaire à ce stade là d'être capable d'aller chercher l'informations à sa source. Pour cela vous devrez apprendre à lire les API et les documentations fournies avec les scripts/langages que vous utilisez. La programmation orienté objet à rendu cette recherche beaucoup plus simple en organisant les informations par types de variables. Par exemple, si vous chercher une fonction permettant de passer une chaine de caractère en Majuscule vous allez vous concentrer sur la doc de l'objet String.
Malgré ça vous allez aussi rencontrer des problèmes totalement insoluble (en apparence
) et IRC devient alors votre sauveur. En effet, il existe par exemple un channel IRC CakePHP qui vous permettra de communiquer avec les habitués du framework ou avec les créateurs du framework.
Pour les Graphistes :
L'expérimentation reste le meilleur moyen de découvrir. C'est en essayant de combiner des effets/outils que vous découvrirez des nouvelles techniques pour vos créations.
Phase 4 : Partager
Maintenant que vous vous êtes bien formé, partager vos connaissances avec les prochains qui, comme vous, essaieront d'apprendre par eux même...
Felipe (21 avril 2010 à 10 h 26 min)
Hello,
non Alsacreations.com ne s'écrit pas Alsacréation (même si http://www.alsacreation.com est euh à visiter une fois
- et à recharger une dizaine de fois)
LuciferX (20 mars 2010 à 3 h 50 min)
Pour toutes les ressources indispensables, n'hésitez pas non plus à visiter: http://photoshoplist.ke0.eu/ressources.html
chokri (3 mars 2010 à 2 h 43 min)
Salut a tous,
J'aimerai bien dire que ma base dans le développement web été l'institut !!! mais le prob c'est qu'on apprend juste l'essentiel. Donc jme suis partie avec les tutos du Jonathan (ça jdoi pas l'ignorer xD surtout qu'il m'a trop aider ^^!) après jme suis mis a chercher et chercher sur google afin de m'améliorer.
Faut jamais oublier qu'il nous faut un diplôme pour travailler dans une boite de développement et ça ski n'est pas dispo en Web ! Donc a mon avis faut penser a en avoir d'abords.
Graphiste Shane (1 mars 2010 à 23 h 35 min)
article qui sera utile pour tous ceux qui cherchent à se former...quel beau métier webdesigner
Fabrice (24 février 2010 à 22 h 19 min)
Salut à tous,
Il y a beaucoup de sites qui aident à se former, en voici quelques uns, en vrac :
http://www.smashingmagazine.com
http://jqueryfordesigners.com
http://css-tricks.com
http://www.lynda.com (payant mais extrèmement riche et très bien foutu)
http://www.alistapart.com
http://css.maxdesign.com.au
J'en oublie surement beaucoup.
Les livres de la collection http://www.manning.com
A mon avis, peu de sites (et livres) en Français arrivent à la cheville des anglo-saxons... je me demande bien pourquoi.
Fabrice
shizuka (22 février 2010 à 18 h 52 min)
Dans la phase1 je rajouterai bien aussi les sites suivants qui sont vraiment intéressants:
- http://www.babylon-design.com/site/
- http://www.adobe.com/fr/designcenter/video_workshop/?id=vid0237 pour la suite CS3
- http://tv.adobe.com/fr/ pour la suite CS4
pour ne garder que des sites en français.
Mais c'est pas toujours évident d'apprendre comme ça
madeinbaiona (22 février 2010 à 11 h 57 min)
Hi Monsieur Grafikart,
Je veux déjà te féliciter pour la qualité de tes tutos ert de ton blog.
En ce qui concerne l'autoformation, il m'arrive souvent de ne pas savoir par où commencer. Il est dommage, sur Grafikart par exemple, de ne pas avoir le niveau du tuto (débutants, confirmés...) ainsi que les prérequis afin de suivre correctement la formation.
Je sais je fais encore mon difficile
et encore merci pour tout ton boulot.
LuciferX (21 février 2010 à 2 h 25 min)
Salut à tous, si ca peut aider à se former (principalement au graphisme), il y a à peut prêt 4 ans, j'ai eu l'idée de rassembler toutes sortes de bons liens dans une barre d'outils pour les utilisateurs de Firefox et d'Internet Explorer, c'est ainsi qu'avec le temps la toolbar est devenue une vraie mine d'or pour finalement évoluer en un outil indispensable.
Pour plus d'infos, n'hésitez pas à visiter http://photoshoplist.ke0.eu/
Ly3s (20 février 2010 à 18 h 15 min)
@Badbart : tu m'a fait scroller 800px de plus :@ Mais t'a pas taure XD
@Grafikart : merci
Badbart (20 février 2010 à 12 h 32 min)
@Entuaka
Ho la non, je penser a un truc VACHEMENT plus complet, avec copier/coller du message d'erreur (souvent php), l'utilisation des " " et peut être même des + dans google.
Un truc vachement dur pour le commun des mortels en somme ...
Le truc que je ne capte vraiment pas, c'est que posté un message sur Grafikart c'est assez long :
-Ouvrir Google Chrome
-Favori Grafikart
-Trouver le Tuto du problème.
-Faire un scrolling de malade pour ceux qui ne savent pas cliquer sur le lien qui amène direct en bas
-Tape le message "Bug bug help me" et envoyé
-Attendre 1h-20jours, le temps que quelqu'un veuille bien répondre.
(- Au bout de 3jours, pleurer pck les sources ne sont pas dispo gratos pour ce tuto)
-Copier/Coller directement la réponse (pck c plus facile que de chercher à comprendre)
-Reprendre sa production sans avoir rien appris.
Avec Google :
-Lancer Chrome, page d'accueil Google comme beaucoup.
-Coller son message d'erreur et rechercher
-Réponse dans les 10 premiers résultats de Google.
-Comprendre et apprendre de son erreur.
-Corrigé et reprendre sa production.
Je passerai bien sur les commentaires de ceux qui ne connaissent même pas les bases :
"Je ne comprends pas le contenu de ma variable veux pas s'afficher. Voici mon code pour que vous m'aidiez :
$prout = 5;
echo '$prout' ;
J'ai copié EXACTEMENT comme le tuto, je ne vois pas pourquoi ca marche pas, $prout s'affiche au lieu de marqué 5."
C'est mon petit coup de gueule, parce que je viens moins souvent sur ce site, qui est une super source à idée GRATUIT, à cause de certains commentaires. Trop sont désintéressé pour qu'on se donne la peine de répondre en plus.
(Dsl pour ce gros bloc)
Entuaka (20 février 2010 à 2 h 46 min)
@badbart
http://bit.ly/bibtVC comme ça ?
Remus (19 février 2010 à 20 h 37 min)
Petite question : pour tout ce qui est conduite de projet web, tu tes formé sur le web ou à l'école ?
cerise (19 février 2010 à 20 h 26 min)
Je pense que essentiel est dit merci grafikart ....... mais en ce qui concerne les recherches sur google je suis tout a fait d'accord avec Badbart l'idée n'est pas à négliger
DevAddict (19 février 2010 à 18 h 56 min)
Bien joué pour le visuel
Et pas mal pour l'article sa en aidera plus d'un.
masterchaf (19 février 2010 à 18 h 37 min)
Sympa comme article, merci pour les liens After Effect que je ne connaissais pas
Je vais faire le perfectionniste, mais le smiley dans l'article est mal intégré. Le fond n'est pas transparent et la couleur n'est pas la même que le background du site ^^ Ok je chipote mais ton site respire vraiment les choses bien faites que ce serait dommage de laisser un petit smiley tout gâcher
Charlouf (19 février 2010 à 16 h 08 min)
En faite je viens de relire le titre de l'article
.Vous pouvez oublier mon précèdent commentaire.
Charlouf (19 février 2010 à 15 h 58 min)
Très bonne idée cet article pour les débutants qui peuvent se sentir seul au début de leurs apprentissages.Néanmoins j'aurais aussi ajouté les livres.En effet il existe de nombreux bouquins vraiment bien foutus.Voici d'ailleurs pour ceux que ça intéresse une liste de livres pour le php: http://php.developpez.com/livres/
Grafikart (19 février 2010 à 15 h 35 min)
@Badbart : J'y ai déjà pensé et j'y pense de plus en plus parce que ya vraiment des commentaire qu'on pourrait éviter...
Badbart (19 février 2010 à 15 h 05 min)
Remarque tu devrais peut être faire un tuto sur "comment se servir de Google", ça éviterait 30% des commentaires sur tes vidéos.
Mais bon, après il y aura tjour les questions des gens qui ne comprennent pas se qu'ils tapent du type : "Comment on met 'ca' en bleu, pck dans la vidéo c'est en vert et moi je veux du bleu."
Baptiste (19 février 2010 à 14 h 32 min)
Merci, c'est un article bien pratique! en plus j'aime beaucoup ton image de tête! c'est quelle écriture??
merci!
@+
herve (19 février 2010 à 14 h 02 min)
moi je suis passé du html d'il y a 10-15 ans au xhtml+css quasiment que grâce à ton site. Merci encore
spykrew07 (19 février 2010 à 13 h 32 min)
Merci pour ce petit article qui sera utile pour tous ceux qui cherchent à se former ! Dans ta liste Phase 1, tu pourrai ajouter Alsacreations, Webdesigner Depot, Abduzeedo qui sont aussi très bon pour apprendre de nouvelles choses.
Owny (19 février 2010 à 13 h 31 min)
Pas mal! En effet ça résume bien un bon apprentissage qui reste assez autonome =D