mozilla

Tutoriels

Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

Les liens présents sur cette page mènent à un grand nombre de tutoriaux et d'outils pédagagiques. Que vous soyez débutant ou expérimenté, vous pourrez trouver ici de précieuses ressources sur les meilleurs pratiques du développement web. Ces ressources sont écrites par des entreprises visionnaires et des développeurs qui ont adoptés des normes ouvertes et de bonnes pratiques en web qui fournissent ou autorisent la traduction de ces informations, au travers de licences libres tel que celle de Creative Commons.

HTML Tutoriaux

Introduction

Introdution à HTML (WebPlatform.org)
Qu'est-ce que le HTML ? À quoi sert-il ? Cet article présente les principaux éléments qui composent une page HTML.
Basic structure of a web page (SitePoint)
Learn how HTML elements come together to form this great puzzle.
Basic HTML elements (SitePoint)
Description of different types of elements used for writing an HTML document.
HTML Beginner's Guide (HTML Dog)
Tutorial and exercises to assist you in learning the basics.
HTML Challenges (Wikiversity)
Use these HTML challenges to sharpen your skills.
MDN reference HTML elements
Complete reference HTML elements and how Firefox and other web browsers support.
CodeAvengers (CodeAvengers.com)
Avengers Code, a fun introduction to the development of web applications and games with HTML, CSS and JavaScript.

Advanced level

Tips to quickly load your HTML pages
Optimize your pages for a reactive site and a reduced load on your web server.
Dive into HTML5 (Mark Pilgrim)
Discover a selection of the features of HTML5, the latest version of the HTML specification.
Tutorials HTML5 (HTML5 Rocks)
Let us guide you through the maze of HTML5.
HTML5 semantics (A List Apart)
Learn markup that makes sense and is backward compatible and will be compatible in the future.
Canvas tutorial
Learn to draw graphics using scripting through the canvas element.
HTML5 Doctor
Use HTML5 now.
The joys of audio with HTML5 (Elated)
Introducing HTML5 audio element to include sound in your web pages with ease. Many examples of usage identified therein.

JAVASCRIPT TUTORIALS

Basic Level

Codecademy (Codecademy)
Codecademy is the easiest way to learn programming with JavaScript. Interactive, fun and collaborative.
Start with JavaScript
What is JavaScript and how can it help you?
Programming - The real fundamental (WebPlatform.org)
Introduction to JavaScript, its possibilities, best practices, to enjoy it, and more.
JavaScript Best Practices (WebPlatform.org)
Check out some of the obvious (but not only) best practices to write JavaScript.
CodeAvengers (CodeAvengers.com)
Avengers Code, a fun introduction to the development of web applications and games with HTML, CSS and JavaScript.

INTERIM Level

Re-introduction to JavaScript
Summary of the JavaScript programming language designed for mid-level developers.
Eloquent JavaScript
Complete Guide JavaScript intermediate and advanced methodologies.
Essential JavaScript Design Patterns (Addy Osmani)
Introduction to basic design patterns JavaScript.
The JavaScript programming language (YUI Blog)
Douglas Crockford explores the language as it stands and how it got there.
Introduction to object oriented JavaScript
Learn more about the JavaScript object model.

Advanced level

Learning of advanced JavaScript (John Resig)
JavaScript Guide forward by John Resig.
Introduction to JavaScript DOM (Elated)
What the Document Object Model, and why is it useful? This article will give you a small glimpse of the power of JavaScript functionality.
An Inconvenient API: The Theory of the DOM (YUI Blog)
Douglas Crockford explains the "Document Object Model" (DOM).
Advanced JavaScript (YUI Blog)
Douglas Crockford observes the code patterns from which the JavaScript programmers can choose in creating their applications.
JavaScript Garden
Documentation of the strangest features of Javascript.
Which JavaScript framework to choose? (StackOverflow)
Tips for choosing the Javascript framework.
Non-blocking JavaScript Downloads (YUI Blog)
Tips to increase page load speed using JavaScript.
JavaScript Guide
A guide explaining in detail the operation of JavaScript and regularly updated. It is intended for all learning levels of the neophyte to the most advanced users.

CSS Tutorials

Beginner level

CSS To start
This tutorial will introduce you to Cascading Style Sheets (CSS). It will guide you through the CSS features, using concrete examples that you can try for yourself on your own computer.
CSS Basics
What is the CSS, learning from its use, key selectors and properties
CSS Basics (WebPlatform.org)
What is the CSS, how to apply it in HTML and looks like the basic syntax of CSS.
Selectors CSS classes  (Wikiversity)
What is a class in CSS?
External CSS  (Wikiversity)
Use CSS to an external stylesheet.
Add a touch of style  (W3C)
Realizing this beginner's guide to learn how to put CSS in your pages.
Frequently asked questions about CSS
Questions and answers for beginners.
CodeAvengers (CodeAvengers.com)
Avengers Code is an effective and fun way to learn to code web applications and games with HTML, CSS and JavaScript.

Intermediate level

CSS Reference
Complete CSS reference with support details of Firefox and other browsers.
CSS Challenges (Wikiversity)
Practice your skills in CSS, and see where you need the most practice.
Intermediate concepts in CSS  (HTML.net)
Group, pseudo-classes, and more.
CSS positioning bases  (A List Apart)
Using positioning to meet the standards, the layout without tables.
Progressive Enhancement with CSS (A List Apart)
The gradual improvement of your web pages with CSS.
Fluid Grids (A List Apart)
Creating models that smoothly resize with of the browser window while using a typographic grid.

Advanced level

applying a rotation deflect measure , and  translation using CSS .
CSS3 in less than 5 minutes (Addy Osmani)
A short introduction to the hearts of innovations introduced by CSS3.
Use of CSS transformations
Apply rotation deflect measure , and the  translation using CSS .
CSS transitions
CSS transitions, CSS3 included in job specifications, to control the animation when changing CSS properties. This adjusts progressive visual transition of the related property.
Understanding CSS3 transitions (A List Apart)
Start using CSS3 transitions carefully choosing what situation use.
Quick guide to implement Web Fonts with @ font-face (HTML5 Rocks)
The function @ font-face CSS3 proposed among modules allows you to use custom fonts on the web; and this in an accessible, flexible and extensible.

 

Étiquettes et contributeurs liés au document

Étiquettes : 
Dernière mise à jour par : badgohan,