Cette traduction est en cours.

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.

Tutoriaux HTML

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.
Structure de base d'une page web (SitePoint)
Apprendre comment les éléments HTML s'assemblent pour former une page web.
Balises HTML de base (SitePoint)
Description des différents types d'éléments utilisés pour les documents HTML.
Guide HTML pour débutant (HTML Dog)
Articles et exercices pour apprendre les bases.
Challenges HTML (Wikiversity)
Améliorer ses compétences avec des challenges HTML.
Référence des balises HTML sur le MDN
Référence complète des balises HTML et leur support par Firefox et les autres navigateurs.
CodeAvengers (CodeAvengers.com)
Une introduction au développement d'application ou de jeux web avec HTML, CSS et JavaScript.

Niveau intermediaire

Astuces pour accélerer les pages HTML
Optimiser les pages pour un site plus réactif et réduire la charge du serveur web.
Plonger dans HTML5 (Mark Pilgrim)
Découverte des fonctionnalités d'HTML5, la dernière version de la spécification HTML.
Tutoriel HTML5 (HTML5 Rocks)
Laissez-nous vous guider dans le labyrinthe HTML5.
La sémantique HTML5
Apprendre les balises HTML, leur usage actuels et leur équivalent passé et à venir.
Tutoriel sur les Canvas
Apprendre à dessiner des éléments en utilisant les canvas.
HTML5 Doctor
Utiliser HTML5 maintenant.
Intégration audio avec HTML5
Introduction de la balise HTML5 audio pour inclure facilement du son sur votre page web. L'article comprend plusieurs exemples d'utilisation.

Tutoriaux Javascript

Introduction

Codecademy (Codecademy)
Codecademy est le moyen le plus simple pour apprendre le développement avec JavaScript. Interactif, amusant et collaboratif.
Démarrer avec JavaScript
Présentation de Javascript et de son utilisation
Programming - The real fundamental (WebPlatform.org)
Introduction à JavaScript, ses possibilités, les bonnes pratiques, pour l'apprecier, et davantage.
JavaScript Best Practices (WebPlatform.org)
Consultez les bonnes pratiques les plus courantes, mais pas seulement, pour écrire du JavaScript.
CodeAvengers (CodeAvengers.com)
Avengers Code est une introduction amusante au développement d'applications web et aux jeux avec HTML, CSS et JavaScript.

Niveau intermediaire

Ré-introduction au JavaScript
Résumé de JavaScript destiné aux développeurs intermédiaires.
Eloquent JavaScript
Guide JavaScript complet comprenant des pratiques de niveau intermédiaire et avancé.
Les Design Patterns essentiels en Javascript (Addy Osmani)
Les design patterns de base pour JavaScript.
The JavaScript programming language (YUI Blog)
Douglas Crockford étudie la position actuelle de JavaScript et son avenir.
Introduction à JavaScript orienté objet
Apprendre la modélisation objet dans Javascript.

Niveau avancé

Learning of advanced JavaScript (John Resig)
Guide JavaScript par John Resig.
Introduction au JavaScript DOM (Elated)
Qu'est-ce que le Document Object Model, et pourquoi il est utile? Cette article vous donnera un petit aperçu de la puissance de cette fonctionnalité de JavaScript.
An Inconvenient API: The Theory of the DOM (YUI Blog)
Douglas Crockford explique le "Document Object Model" (DOM).
Advanced JavaScript (YUI Blog)
Douglas Crockford étudie les modèles que les développeurs peuvent choisir pour la création de leur application.
JavaScript Garden
Documentation des fonctionnalités étranges de Javascript.
Which JavaScript framework to choose? (StackOverflow)
Conseil pour le choix d'un framework Javascript.
Non-blocking JavaScript Downloads (YUI Blog)
Conseil pour accèlerer le chargement des pages avec JavaScript.
JavaScript Guide
Un guide régulièrement mis à jour qui explique dans le détail les opérations de JavaScript. Il est destiné à tous les niveaux, du néophyte aux utilisateurs plus avancés.

Tutoriaux CSS

Introduction

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.

Niveau intermediaire

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.

Niveau avancé

CSS3 in less than 5 minutes (Addy Osmani)
Une courte introduction du coeur des innovations apportées par CSS3.
Use of CSS transformations
Appliquer la rotation, le détournement, la mesure et la translation d'élement avec CSS .
CSS transitions
CSS3 inclue dans sa spécification de contrôler l'animation lors du changement d'une propriété CSS. Ceci ajuste progressivement la transition visuelle de la proprieté liée.
Understanding CSS3 transitions (A List Apart)
Débutez avec les transitions CSS et apprenez à choisir attentivement dans quelle situation les utiliser.
Quick guide to implement Web Fonts with @ font-face (HTML5 Rocks)
La fonction @font-face de CSS3 proposée parmi les modules vous permet l'utilisation de polices de caractère personnelles sur le web, de manière flexible et accessible.

 

Étiquettes et contributeurs liés au document

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