mozilla

Comparaison de révisions

Tutoriels

Change Revisions

Révision 434711 :

Révision 434711 par Nesseria le

Révision 436391 :

Révision 436391 par naar le

Titre :
Tutoriels
Tutoriels
Identifiant d'URL :
Web/Tutoriels
Web/Tutoriels
Contenu :

Revision 434711
Revision 436391
nn7    <div class="warning">
8      Cette page a besoin d'être traduite. Votre aide est la bien
 >venue
9    </div>
n8      The links on this page lead to a variety of tutorials and tn11      Les liens sur cette page vous orienteront vers une variété 
>raining materials. Whether you are just starting out, learning th>de tutoriels et de ressources complémentaires. Que vous soyez par
>e basics, or are an old hand at web development, you can find hel>fait débutant ou vieux gourou du développement web, vous trouvere
>pful resources here for best practices. These resources are creat>z ici de précieuses ressources concernant les meilleures pratique
>ed by forward-thinking companies and web developers who have embr>s. Celles-ci sont rédigées par des entreprises et des développeur
>aced open standards and best practices for web development and th>s web qui ont adopté les standards ouverts au sein de leurs proje
>at provide or allow translations, through an open content license>ts et fournissent ou autorisent les versions traduites grâce aux 
> such as Creative Commons.>licences ouvertes telles que les Creative Commons.
n15              HTML tutorialsn18              TUTORIELS HTML
n18              Introductory leveln21              Niveau basique
19            </h3>
20            <dl>22            </h3>
21              <dt>23            <dl>
22                <a href="http://docs.webplatform.org/wiki/guides/
>the_basics_of_html" rel="external">The Basics of HTML</a> (WebPla 
>tform.org) 
23              </dt>24              <dt>
24              <dd>25                <a href="http://docs.webplatform.org/wiki/guides/
 >the_basics_of_html" rel="external">Les bases du HTML</a> (WebPlat
 >form.org)
25                What HTML is, what it does, its history in brief,
> and what the structure of an HTML document looks like. The artic 
>les that follow this one look at each individual part of HTML in  
>much greater depth. 
26              </dd>
27              <dt>26              </dt>
28                <a href="http://reference.sitepoint.com/html/page
>-structure" rel="external">Basic Structure of a Web Page</a> (Sit 
>ePoint) 
29              </dt>
30              <dd>
31                Learn how HTML elements fit together into the big
>ger picture. 
32              </dd>27              <dd>
33              <dt>28                Qu'est-ce que HTML, que fait-il, résumé de son hi
 >stoire et structure d'un document type. Les articles qui suivent 
 >explorent plus en profondeur chaque composantes de HTML.
34                <a href="http://reference.sitepoint.com/html/elem
>ents" rel="external">Fundamental HTML Elements</a> (SitePoint) 
35              </dt>
36              <dd>29              </dd>
37                Describes the different types of elements you can
> use to write an HTML document. 
38              </dd>
39              <dt>
40                <a href="http://htmldog.com/guides/htmlbeginner/"
> rel="external">HTML Beginner Tutorial</a> (HTML Dog) 
41              </dt>30              <dt>
42              <dd>31                <a href="http://reference.sitepoint.com/html/page
 >-structure" rel="external">Structure basique d'une page web</a> (
 >SitePoint)
43                A tutorial and exercises that take you through th
>e basics. 
44              </dd>
45              <dt>32              </dt>
46                <a href="http://wikiversity.org/wiki/Web_Design/H
>TML_Challenges" rel="external">HTML Challenges</a> (Wikiversity) 
47              </dt>
48              <dd>
49                Use these challenges to hone your HTML skills (fo
>r example, "Should I use an &lt;h2&gt; element or a &lt;strong&gt 
>; element?"), focusing on meaningful mark-up. 
50              </dd>33              <dd>
51              <dt>34                Apprenez comment les éléments HTML s'assemblent p
 >our former ce grand puzzle.
52                <a href="https://developer.mozilla.org/en-US/docs
>/HTML/Element">MDN HTML Element Reference</a> 
53              </dt>
54              <dd>35              </dd>
55                A comprehensive reference for HTML elements, and 36              <dt>
>how Firefox and other browsers support them. 
37                <a href="http://reference.sitepoint.com/html/elem
 >ents" rel="external">Éléments HTML fondamentaux</a> (SitePoint)
38              </dt>
39              <dd>
40                Description des différents types d'éléments utili
 >sables pour la rédaction d'un document HTML.
41              </dd>
42              <dt>
43                <a href="http://htmldog.com/guides/htmlbeginner/"
 > rel="external">Guide HTML du débutant</a> (HTML Dog)
44              </dt>
45              <dd>
46                Tutoriel et exercices pour vous accompagner dans 
 >l'apprentissage des bases.
47              </dd>
48              <dt>
49                <a href="http://wikiversity.org/wiki/Web_Design/H
 >TML_Challenges" rel="external">Challenges HTML</a> (Wikiversity)
50              </dt>
51              <dd>
52                Utilisez ces challenges pour aiguiser vos compéte
 >nces en HTML.
53              </dd>
54              <dt>
55                <a href="https://developer.mozilla.org/en-US/docs
 >/HTML/Element">Référence MDN des éléments HTML</a>
56              </dt>
57              <dd>
58                Référence complète des éléments HTML et de la faç
 >on dont Firefox et les autres navigateurs web les supportent.
n61                Code Avengers is the fun effective way to learn tn64                Code Avengers, une amusante initiation au dévelop
>o code web apps and games with HTML, CSS and JavaScript.>pement d'applications web et de jeux avec HTML, CSS et JavaScript
 >.
n65              Advanced leveln68              Niveau avancé
66            </h3>
67            <dl>69            </h3>
68              <dt>70            <dl>
69                <a href="https://developer.mozilla.org/en-US/docs
>/Tips_for_Authoring_Fast-loading_HTML_Pages">Tips for Authoring F 
>ast-loading HTML Pages</a> 
70              </dt>71              <dt>
71              <dd>72                <a href="https://developer.mozilla.org/en-US/docs
 >/Tips_for_Authoring_Fast-loading_HTML_Pages">Astuces pour charger
 > rapidement vos pages HTML</a>
72                Optimize web pages to provide a more responsive s
>ite for visitors and reduce the load on your web server and Inter 
>net connection. 
73              </dd>
74              <dt>73              </dt>
75                <a href="http://diveintohtml5.info/" rel="externa
>l">Dive into HTML5</a> (Mark Pilgrim) 
76              </dt>
77              <dd>
78                Learn about a selection of features of HTML5, the
> newest version of the HTML specification. 
79              </dd>74              <dd>
80              <dt>75                Optimisez vos pages pour un site réactif et une c
 >harge réduite de votre serveur web.
81                <a href="http://www.html5rocks.com/tutorials/" re
>l="external">HTML5 Tutorials</a> (HTML5 Rocks) 
82              </dt>
83              <dd>76              </dd>
84                Take a guided tour through code that uses HTML5 f
>eatures. 
85              </dd>77              <dt>
78                <a href="http://diveintohtml5.info/" rel="externa
 >l">Plongez dans into HTML5</a> (Mark Pilgrim)
86              <dt>79              </dt>
80              <dd>
81                Découvrez une sélection des fonctionnalités de HT
 >ML5, dernière version de la spécification HTML.
82              </dd>
83              <dt>
84                <a href="http://www.html5rocks.com/tutorials/" re
 >l="external">Tutoriels HTML5</a> (HTML5 Rocks)
85              </dt>
86              <dd>
87                Laissez-vous guider dans les méandres de HTML5.
88              </dd>
89              <dt>
87                <a href="http://www.alistapart.com/articles/seman90                <a href="http://www.alistapart.com/articles/seman
>ticsinhtml5/" rel="external">Semantics in HTML5</a> (A List Apart>ticsinhtml5/" rel="external">Sémantique dans HTML5</a> (A List Ap
>)>art)
n93                <a href="https://developer.mozilla.org/en-US/docsn96                <a href="https://developer.mozilla.org/en-US/docs
>/Canvas_tutorial">Canvas Tutorial</a>>/Canvas_tutorial">Tutoriel Canvas</a>
94              </dt>
95              <dd>
96                Learn how to draw graphics using scripting using 
>the canvas element. 
97              </dd>
98              <dt>97              </dt>
99                <a href="http://html5doctor.com/" rel="external">
>HTML5 Doctor</a> 
100              </dt>
101              <dd>
102                Articles about using HTML5 right now.
103              </dd>98              <dd>
104              <dt>99                Apprenez à dessiner des éléments graphiques à l'a
 >ide de scripts grâce à l'élément canvas.
105                <a href="http://www.elated.com/articles/html5-aud
>io/" rel="external">The Joy of HTML5 Audio</a> (Elated) 
106              </dt>
107              <dd>100              </dd>
108                Learn how to use the HTML audio element to embed 101              <dt>
>sounds in your web pages easily. Lots of code examples are includ 
>ed in the tutorial. 
102                <a href="http://html5doctor.com/" rel="external">
 >Docteur HTML5</a>
103              </dt>
104              <dd>
105                Utilisez HTML5 dès maintenant.
106              </dd>
107              <dt>
108                <a href="http://www.elated.com/articles/html5-aud
 >io/" rel="external">Les joies de l'audio avec HTML5</a> (Elated)
109              </dt>
110              <dd>
111                Présentation de l'élément HTML5 audio pour inclur
 >e du son dans vos pages web avec facilité. Beaucoup d'exemples d'
 >utilisation y sont recensés.
n114              Javascript tutorialsn117              TUTORIELS JAVASCRIPT
n117              Introductory leveln120              Niveau basique
n124                Codecademy is the easiest way to learn how to codn127                Codecademy est la manière la plus facile d'appren
>e JavaScript. It's interactive, fun, and you can do it with your >dre la programmation avec JavaScript. Interactif, amusant et coll
>friends.>aboratif.
125              </dd>
126              <dt>
127                <a href="https://developer.mozilla.org/en-US/docs
>/JavaScript/Getting_Started">Getting Started with JavaScript</a> 
128              </dt>
129              <dd>128              </dd>
130                What is JavaScript and how can it help you?
131              </dd>
132              <dt>
133                <a href="http://docs.webplatform.org/wiki/concept
>s/programming/programming_basics" rel="external">Programming – Th 
>e Real Basics</a> (WebPlatform.org) 
134              </dt>129              <dt>
135              <dd>130                <a href="https://developer.mozilla.org/en-US/docs
 >/JavaScript/Getting_Started">Démarrer avec JavaScript</a>
136                Basic fundamentals of programming. Following arti
>cles introduce what you can do with JavaScript, best practices fo 
>r using it, and more. 
137              </dd>
138              <dt>131              </dt>
139                <a href="http://dev.opera.com/articles/view/javas
>cript-best-practices/" rel="external">JavaScript Best Practices</ 
>a> <a href="http://docs.webplatform.org/wiki/tutorials/javascript 
>_best_practices" title="http://docs.webplatform.org/wiki/tutorial 
>s/javascript_best_practices"></a>(WebPlatform.org) 
140              </dt>132              <dd>
133                Qu'est-ce que JavaScript et comment peut-il vous 
 >aider ?
141              <dd>134              </dd>
142                Learn about some of the obvious and (not so) obvi135              <dt>
>ous best practices when writing JavaScript. 
136                <a href="http://docs.webplatform.org/wiki/concept
 >s/programming/programming_basics" rel="external">Programmation – 
 >Les vrais fondamentaux</a> (WebPlatform.org)
137              </dt>
138              <dd>
139                Introduction à JavaScript, ses possiblités, les m
 >eilleurs pratiques pour en profiter pleinement, et plus encore.
140              </dd>
141              <dt>
142                <a href="http://dev.opera.com/articles/view/javas
 >cript-best-practices/" rel="external">Meilleurs pratiques JavaScr
 >ipt</a> <a href="http://docs.webplatform.org/wiki/tutorials/javas
 >cript_best_practices" title="http://docs.webplatform.org/wiki/tut
 >orials/javascript_best_practices"></a>(WebPlatform.org)
143              </dt>
144              <dd>
145                Découvrez quelques-unes des évidentes (mais pas q
 >ue) meilleures pratiques pour écrire du JavaScript.
n148                Code Avengers is the fun effective way to learn tn151                Code Avengers, une amusante initiation au dévelop
>o code web apps and games with HTML, CSS and JavaScript.>pement d'applications web et de jeux avec HTML, CSS et JavaScript
 >.
n152              Intermediate leveln155              Niveau intermédaire
153            </h3>
154            <dl>156            </h3>
155              <dt>157            <dl>
158              <dt>
156                <a href="https://developer.mozilla.org/en-US/docs159                <a href="https://developer.mozilla.org/en-US/docs
>/A_re-introduction_to_JavaScript">Re-introduction to JavaScript>/A_re-introduction_to_JavaScript">Ré-introduction à JavaScript</a
></a>>>
157              </dt>
158              <dd>
159                A recap of the JavaScript programming language ai
>med at intermediate-level developers. 
160              </dd>
161              <dt>160              </dt>
162                <a href="http://eloquentjavascript.net/contents.h
>tml" rel="external">Eloquent JavaScript</a> 
163              </dt>
164              <dd>
165                A comprehensive guide to intermediate and advance
>d JavaScript methodologies. 
166              </dd>161              <dd>
167              <dt>162                Récapitulatif du language de programmation JavaSc
 >ript destiné aux développeurs de niveau intermédiaire.
168                <a href="http://www.addyosmani.com/resources/esse
>ntialjsdesignpatterns/book/" rel="external">Essential JavaScript  
>Design Patterns</a> (Addy Osmani) 
169              </dt>
170              <dd>163              </dd>
171                An introduction to essential JavaScript design pa
>tterns. 
172              </dd>
173              <dt>
174                <a href="http://www.yuiblog.com/blog/2007/01/24/v
>ideo-crockford-tjpl/" rel="external">The JavaScript Programming L 
>anguage</a> (YUI Blog) 
175              </dt>164              <dt>
176              <dd>165                <a href="http://eloquentjavascript.net/contents.h
 >tml" rel="external">JavaScript éloquent</a>
177                Douglas Crockford explores the language as it is 
>today, and how it came to be. 
178              </dd>
179              <dt>166              </dt>
180                <a href="https://developer.mozilla.org/en-US/docs
>/Introduction_to_Object-Oriented_JavaScript">Introduction to Obje 
>ct-oriented JavaScript</a> 
181              </dt>167              <dd>
168                Guide complet des méthodologies JavaScript interm
 >édiaires et avancées.
182              <dd>169              </dd>
183                Learn about the JavaScript object model.170              <dt>
171                <a href="http://www.addyosmani.com/resources/esse
 >ntialjsdesignpatterns/book/" rel="external">Patrons de conception
 > essentiels de JavaScript</a> (Addy Osmani)
172              </dt>
173              <dd>
174                Introduction aux patrons de conception essentiels
 > de JavaScript.
175              </dd>
176              <dt>
177                <a href="http://www.yuiblog.com/blog/2007/01/24/v
 >ideo-crockford-tjpl/" rel="external">Le language de programmation
 > JavaScript</a> (YUI Blog)
178              </dt>
179              <dd>
180                Douglas Crockford explore le language dans sa for
 >me actuelle et comment il en est arrivé là.
181              </dd>
182              <dt>
183                <a href="https://developer.mozilla.org/en-US/docs
 >/Introduction_to_Object-Oriented_JavaScript">Introduction à l'ori
 >enté objet JavaScript</a>
184              </dt>
185              <dd>
186                Apprenez-en plus sur le modèle objet de JavaScrip
 >t.
t187              Advanced levelt190              Niveau avancé
188            </h3>
189            <dl>191            </h3>
190              <dt>192            <dl>
191                <a href="http://ejohn.org/apps/learn/" rel="exter
>nal">Learning Advanced JavaScript</a> (John Resig) 
192              </dt>193              <dt>
193              <dd>194                <a href="http://ejohn.org/apps/learn/" rel="exter
 >nal">Apprentissage du&nbsp;</a><a href="http://ejohn.org/apps/lea
 >rn/" rel="external">JavaScript</a> <a href="http://ejohn.org/apps
 >/learn/" rel="external">avancé&nbsp;</a> (John Resig)
194                John Resig's guide to advanced JavaScript.
195              </dd>
196              <dt>195              </dt>
197                <a href="http://www.elated.com/articles/javascrip
>t-dom-intro/" rel="external">Introducing the JavaScript DOM</a> ( 
>Elated) 
198              </dt>196              <dd>
197                Guide du JavaScript avancé par John Resig.
199              <dd>198              </dd>
200                What is the Document Object Model, and why is it 199              <dt>
>useful? This article gives you a gentle introduction to this powe 
>rful JavaScript feature. 
200                <a href="http://www.elated.com/articles/javascrip
 >t-dom-intro/" rel="external">Introduction au DOM JavaScript</a> (
 >Elated)
201              </dt>
202              <dd>
203                Qu'est-ce que le modèle objet de document, et en 
 >quoi est-il utile ? Cet article vous donnera un léger aperçu de l
 >a puissance des fonctionnalités de JavaScript.

Retour à l'historique