MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Vos résultats de recherche

    Tutoriels

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

    Cette page a besoin d'être traduite. Votre aide est la bienvenue

    Les liens sur cette page vous orienteront vers une variété de tutoriels et de ressources complémentaires. Que vous soyez parfait débutant ou vieux gourou du développement web, vous trouverez ici de précieuses ressources concernant les meilleures pratiques. Celles-ci sont rédigées par des entreprises et des développeurs web qui ont adopté les standards ouverts au sein de leurs projets et fournissent ou autorisent les versions traduites grâce aux licences ouvertes telles que les Creative Commons.

    TUTORIELS HTML

    Niveau basique

    Les bases du HTML (WebPlatform.org)
    Qu'est-ce que HTML, que fait-il, résumé de son histoire et structure d'un document type. Les articles qui suivent explorent plus en profondeur chaque composante de HTML.
    Structure basique d'une page web (SitePoint)
    Apprenez comment les éléments HTML s'assemblent pour former ce grand puzzle.
    Éléments HTML fondamentaux (SitePoint)
    Description des différents types d'éléments utilisables pour la rédaction d'un document HTML.
    Guide HTML du débutant (HTML Dog)
    Tutoriel et exercices pour vous accompagner dans l'apprentissage des bases.
    Challenges HTML (Wikiversity)
    Utilisez ces challenges pour aiguiser vos compétences en HTML.
    Référence MDN des éléments HTML
    Référence complète des éléments HTML et de la façon dont Firefox et les autres navigateurs web les supportent.
    CodeAvengers (CodeAvengers.com)
    Code Avengers, une amusante initiation au développement d'applications web et de jeux avec HTML, CSS et JavaScript.

    Niveau avancé

    Astuces pour charger rapidement vos pages HTML
    Optimisez vos pages pour un site réactif et une charge réduite de votre serveur web.
    Plongez dans HTML5 (Mark Pilgrim)
    Découvrez une sélection des fonctionnalités de HTML5, dernière version de la spécification HTML.
    Tutoriels HTML5 (HTML5 Rocks)
    Laissez-vous guider dans les méandres de HTML5.
    Sémantique dans HTML5 (A List Apart)
    Learn meaningful mark-up that is extensible and backwards- and forwards-compatible.
    Tutoriel Canvas
    Apprenez à dessiner des éléments graphiques à l'aide de scripts grâce à l'élément canvas.
    Docteur HTML5
    Utilisez HTML5 dès maintenant.
    Les joies de l'audio avec HTML5 (Elated)
    Présentation de l'élément HTML5 audio pour inclure du son dans vos pages web avec facilité. Beaucoup d'exemples d'utilisation y sont recensés.

    TUTORIELS JAVASCRIPT

    Niveau basique

    Codecademy (Codecademy)
    Codecademy est la manière la plus facile d'apprendre la programmation avec JavaScript. Interactif, amusant et collaboratif.
    Démarrer avec JavaScript
    Qu'est-ce que JavaScript et comment peut-il vous aider ?
    Programmation – Les vrais fondamentaux (WebPlatform.org)
    Introduction à JavaScript, ses possiblités, les meilleures pratiques pour en profiter pleinement, et plus encore.
    Meilleurs pratiques JavaScript (WebPlatform.org)
    Découvrez quelques-unes des évidentes (mais pas que) meilleures pratiques pour écrire du JavaScript.
    CodeAvengers (CodeAvengers.com)
    Code Avengers, une amusante initiation au développement d'applications web et de jeux avec HTML, CSS et JavaScript.

    Niveau intermédaire

    Ré-introduction à JavaScript
    Récapitulatif du language de programmation JavaScript destiné aux développeurs de niveau intermédiaire.
    JavaScript éloquent
    Guide complet des méthodologies JavaScript intermédiaires et avancées.
    Patrons de conception essentiels de JavaScript (Addy Osmani)
    Introduction aux patrons de conception essentiels de JavaScript.
    Le language de programmation JavaScript (YUI Blog)
    Douglas Crockford explore le language dans sa forme actuelle et comment il en est arrivé là.
    Introduction à l'orienté objet JavaScript
    Apprenez-en plus sur le modèle objet de JavaScript.

    Niveau avancé

    Apprentissage du JavaScript avancé (John Resig)
    Guide du JavaScript avancé par John Resig.
    Introduction au DOM JavaScript (Elated)
    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 la puissance des fonctionnalités de JavaScript.
    An Inconvenient API: The Theory of the DOM (YUI Blog)
    Douglas Crockford vous explique le "Document Object Model" (DOM).
    Advanced JavaScript (YUI Blog)
    Douglas Crockford looks closely at code patterns from which JavaScript programmers can choose in authoring their applications.
    JavaScript Garden
    Documentation des fonctionnalités les plus étranges de Javascript.
    Quel framework JavaScript choisir ? (StackOverflow)
    Conseils pour bien choisir son framework Javascript.
    Non-blocking JavaScript Downloads (YUI Blog)
    Astuces pour augmenter la vitesse de chargement des pages utilisant du JavaScript.
    Guide JavaScript
    Un guide expliquant de façon détaillée le fonctionnement de JavaScript et régulièrement mis à jour. Il est destiné à tous les niveaux d'apprentissage du néophyte aux utilisateurs les plus avancés.

    Tutoriels CSS

    Niveau débutant

    CSS Pour débuter
    Ce tutoriel vous présentera Cascading Style Sheets (CSS). Il vous guidera au travers des particularités de CSS, à partir d'exemples concrets que vous pourrez tester par vous même sur votre propre ordinateur.
    CSS Les bases (WebPlatform.org)
    Qu'est-ce-que le CSS, comment l'appliquer au code HTML et à quoi ressemble la syntaxe de base du CSS.
    Sélecteurs de classes CSS (Wikiversity)
    Qu'est-ce-qu'une classe en CSS?
    CSS externe (Wikiversity)
    Utiliser CSS avec une feuille de style externe.
    Ajouter une touche de style (W3C)
    Réaliser ce guide du débutant pour apprendre à mettre du style CSS dans vos pages.
    Questions fréquentes sur les CSS
    Questions et réponses pour les débutants.
    CodeAvengers (CodeAvengers.com)
    Code Avengers est un moyen efficace et amusant d'apprendre à coder des applications web et des jeux avec HTML, CSS et JavaScript.

    Niveau intermédiaire

    CSS Référence
    Référence complète de CSS, avec les détails du support de Firefox et des autres navigateurs internet.
    CSS Challenges (Wikiversity)
    Exercez vos compétences en CSS, et vous verrez où vous avez le plus besoin de pratiquer.
    Concepts intermédiaires en CSS (HTML.net)
    Groupement, pseudo-classes, et plus.
    Bases du positionnement en CSS (A List Apart)
    Utilisation de positionnement pour respecter les standards, la mise en page sans table.
    Progressive Enhancement with CSS (A List Apart)
    L'amélioration progressive de vos pages web avec CSS.
    Fluid Grids (A List Apart)
    Création de modèles qui se redimensionnent de manière fluide avec la fenêtre du navigateur, tout en utilisant une grille typographique.

    Niveau avancé

    appliquer une rotationdéviermesurer, et la traduction en utilisant le CSS.
    CSS3 en moins de 5 minutes (Addy Osmani)
    Une courte introduction aux coeurs des nouveautés introduites par CSS3.
    Usage des transformations en CSS
    Appliquer une rotationdéviermesurer, et la traduction en utilisant le CSS.
    Les transitions en CSS
    CSS transitions, part of the draft CSS3 specification, provide a way to animate changes to CSS properties, instead of having the changes take effect instantly.
    Comprendre les transitions en CSS3 (A List Apart)
    Commencez à utiliser les transitions CSS3 en choisissant soigneusement dans quelle situation les utiliser.
    Guide rapide pour implémenter les Web Fonts avec @font-face (HTML5 Rocks)
    The @font-face feature from CSS3 allows you to use custom typefaces on the web in an accessible, manipulable, and scalable way.

     

    Étiquettes et contributeurs liés au document

    Dernière mise à jour par : nelsonkam,