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 ces challenges HTML.
- Référence des balises HTML sur le MDN
- Rérérence complète des balises HTML et de comment Firefox et les autres navigateurs les supportent.
- 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 is the easiest way to learn programming with JavaScript. Interactive, fun and collaborative.
- Démarrer avec JavaScript
- Présentation de Javascript et de son utilisation
- Programming - The real fundamental (WebPlatform.org)
- Introduction à JavaScript, ses possibilités, les meilleurs pratiques, pour l'apprecier, et plus.
- 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.
Niveau intermediaire
- Re-introduction au JavaScript
- Summary of the JavaScript programming language designed for mid-level developers.
- Eloquent JavaScript
- Guide JavaScript complet avec intermediate and advanced methodologies.
- Les Design Patterns essentiels en Javascript (Addy Osmani)
- Les design patterns de base pour JavaScript.
- The JavaScript programming language (YUI Blog)
- Douglas Crockford explores the language as it stands and how it got there.
- Introduction à JavaScript orienté objet
- Apprendre la modélisation objet dans Javascript.
Niveau avancé
- 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.
|
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.
- 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)
- 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.
|