167 pages trouvées :

Page Étiquettes et résumé
1 Apprendre le Web Beginner, Index, Landing, Learn, Web
Si vous êtes un débutant complet, le développement web peut être un réel défi — notre but est de simplifier suffisamment le sujet pour que vous appreniez facilement, tout en vous fournissant assez de détails pour que vous soyez autonome. Vous devriez vous sentir chez vous, que vous soyez un étudiant apprenant le développement web (de votre propre gré ou dans le cadre de vos études), un enseignant recherchant des supports de cours, un amateur ou quelqu'un qui souhaite simplement comprendre la manière dont fonctionnent le web et ses technologies.
2 Accessibilité ARIA, Accessibilité, Apprendre, CSS, Débutant, HTML, JavaScript
Apprendre le HTML, le CSS et le JavaScript est utile si vous voulez devenir web développeur, mais vos connaissances devront dépasser le simple usage de technologies — vous devrez les utiliser de manière responsable, de la bonne manière, de façon à maximiser l'audience de vos sites web et ne priver personne de leur usage. Pour y parvenir, vous devrez respecter les bonnes pratiques (lesquelles sont démontrées à travers les sujets du HTML, du CSS et du JavaScript), effectuer des tests sur les différents navigateurs et prendre l'accessibilité en considération dès le départ. Dans ce module, nous allons traiter de cette dernière en détail.
3 HTML: un bon basique pour l'accessibilité
You should now be well-versed in writing accessible HTML for most occasions. Our WAI-ARIA basics article will also fill in some gaps in this knowledge, but this article has taken care of the basics. Next up we'll explore CSS and JavaScript, and how accessibility is affected by their good or bad use.
4 Qu'est ce que l'accessibilité?
This article should have given you a useful high level overview of accessibility, shown you why it's important, and looked at how you can fit it into your workflow. You should now also have a thirst to learn about the implementation details that can make sites accessible, and we'll start on that in the next section, looking at why HTML is a good basis for accessibility.
5 CSS Beginner, CSS, CodingScripting, NeedsContent
Alors que HTML définit uniquement la structure du contenu, c'est une autre technologie web majeure, CSS, qui détermine l'apparence de ce contenu.
6 Apprendre à utiliser CSS pour résoudre des problèmes Apprendre, CSS, Débutant
No summary!
7 Créer de belles boîtes Apprendre, CSS, Débutant
Les boîtes CSS sont des blocs de base pour la construction des pages web. Créer des boîtes agréables à regarder est un défi complexe et intéressant. C'est un défi intéressant parce qu'on peut implémenter une idée de concept, de design, grâce à du code qui fonctionne. C'est un défi complexe car CSS possède à la fois plein de contraintes et de libertés. Dans cet article, nous allons voir de quoi il en retourne en dessinant quelques belles boîtes.
8 Mettre en forme du texte Apprendre, CSS, Débutant
La mise en forme du texte est au cœur de CSS. Celui-ci fournit de nombreuses propriétés permettant de modifier l'apparence du texte. En quelque sorte, CSS est le prolongement, sur le Web, de la typographie qui existe depuis plusieurs siècles.
9 personnaliser une liste
Les listes sont des structures très répandues en HTML et les CSS apportent un ensemble complet de propriétés pour leur donner l'apparence que vous voulez. Comprendre comment utiliser et modifier les styles par défaut est une compétence ordinaire dont vous aurez besoin dès que vous utiliserez les listes.
10 Introduction au style de texte CSS, Débutant, Liens, Listes, Mise en page, Module, Polices de caractères, Style, Texte
Avec les bases du langage CSS connues, le prochain sujet CSS sur lequel vous pouvez vous concentrer est le style de texte l'une des actions les plus courantes que vous ferez avec CSS. Ici, nous examinons les principes de base du style de texte, y compris la définition de la police, l'empattement, l'italique, l'espacement des lignes et des lettres, les ombres portées et d'autres fonctions textuelles. Nous terminons le module en examinant l'application de polices personnalisées à votre page, ainsi que les styles de listes et de liens.
11 Initiation à la mise en forme du texte Alignement, CSS, Débutant, Guide, Polices de caractères, Style, Texte
Nous espérons que vous avez aimé jouer avec du texte ! Le prochain article vous donnera tout ce que vous devez savoir sur le style des listes HTML.
12 Style de listes CSS, Débutant, Guide, Listes, Numeros, Puces, Styles, Texte
Les listes se comportent comme la plupart des autres textes, mais il existe des propriétés CSS spécifiques aux listes que vous devez connaître, et quelques bonnes pratiques à prendre en compte. Cet article explique tout.
13 Introduction à CSS Apprendre, CSS, Couleurs, Débutant, Feuilles de styles, Héritage, Introduction, Modules, Propriétés, Site Web, Styles
Dans cette section, vous pourrez apprendre tout ce qu'il y a à savoir sur CSS en partant de zéro. Les différents articles contiendront à la fois des éléments théoriques et des exemples pratiques afin de vous aider à devenir un brillant développeur.
14 La cascade et l'héritage Beginner, CSS, Cascade, CodingScripting, Débutant, Guide, Learn, spécificité
Dans l'article précédent, nous avons vu les différents sélecteurs CSS. Au fur et à mesure de leur utilisation, il pourra arriver que plusieurs règles, plusieurs sélecteurs s'appliquent au même élément. Dans un tel scénario, quelle règle CSS sera appliquée à l'élément ? Pour répondre à cette question, nous aurons besoin de voir les concepts de cascade et d'héritage. Dans cet article, nous traitons de la cascade, du poids des sélecteurs et de la façon dont les propriétés héritent les unes des autres selon les différentes règles.
15 La disposition en CSS Apprendre, CSS
Pour organiser un document en positionnant ses éléments pour que la forme corresponde aux spécifications, on utilisera différentes propriétés CSS afin d'organiser la disposition des élément.
16 La syntaxe CSS Beginner, CSS, Learn
Comme nous l'avons vu dans un article précédent, le but premier du langage CSS est de permettre à un navigateur d'afficher (on parle parfois de peindre ou de rendre) les éléments d'une page avec des couleurs, positions, décorations spécifiques. La syntaxe de ce langage illustre comment fonctionne le langage pour parvenir à ce but. Dans cet article nous allons analyser cette syntaxe afin d'aller plus loin.
17 Le fonctionnement de CSS Beginner, CSS, Learn
CSS permet de créer de belles pages web. Mais qu'en est-il sous le capôt ? Dans cet artice, nous verrons comment CSS fonctionne dans le navigateur et comment il utilise le Document Object Model (DOM). Vous verrez également comment analyser votre document utilisé comme exemple.
18 Le modèle de boîte Beginner, CSS, CodingScripting, Learn
Dans un document HTML, chaque élément est représenté par une boîte rectangulaire. Le calcul de la taille, des propriétés (couleur, arrière-plan, forme du cadre) et de la position des boîtes est le rôle du moteur de rendu. En CSS, chacune de ces boîtes est décrite à partir d'un modèle standard qui permet de décrire le contenu de l'espace occupé par un élément.
19 Les sélecteurs Beginner, CSS, Learn
En CSS, les sélecteurs sont utilisés afin de cibler une partie spécifique d'une page web à mettre en forme. Afin de pouvoir être précis, CSS est très riche en sélecteurs et une grande partie de sa flexibilité dépend de ceux-ci. Dans cet article, nous verrons comment ils fonctionnent et comment ils sont liés à votre code HTML.
20 Valeurs et unités CSS
Nous espérons que vous avez apprécié ce topo sur  les valeurs et les unités CSS. Ne vous inquiétez pas si cela ne vous semble pas tout à fait logique. Vous finirez par vous approprier ces fondamentaux de la syntaxe CSS à mesure que vous avancerez dans votre pratique !
21 La disposition en CSS/CSS layout CSS, Débutant, Floating, Guide, Landing, Layout, Learn, Module, Positionnement, colonne multiple, flexbox, float, grid
À ce stade, nous avons déjà examiné les principes fondamentaux de CSS, comment styler le texte et comment styliser et manipuler les boîtes dans lesquelles se trouve votre contenu. Maintenant, il est temps de regarder comment placer vos boîtes au bon endroit par rapport à la fenêtre, et les uns les autres.Nous avons couvert les prérequis nécessaires afin que nous puissions plonger profondément dans la mise en page CSS, en regardant les différents paramètres d'affichage, les méthodes de mise en page traditionnelles impliquant  les flottants et le positionnement, et les outils de mise en page modernes comme flexbox.
22 Les propriétés CSS et comment s'en servir Beginner, CSS, CodingScripting, NeedsActiveLearning
Séparer le contenu de la mise en forme rend le développement web plus rapide et facile. En définissant la structure du document uniquement dans votre fichier HTML, tandis que les informations de mise en forme sont indiquées pour leur part dans un fichier séparé (appelé feuille de style), vous pouvez mettre à jour la mise en forme de nombreux documents en une seule fois (et en profiter pour économiser des ressources ordinateur en même temps).
23 Mise en forme basique du texte avec CSS Beginner, CSS, CodingScripting, Example, Guide, Learn, NeedsActiveLearning, guide
Depuis sa première mouture, CSS s'est spécialisé dans la mise en forme (autrement dit l'apparence) des sites web, permettant au HTML de se concentrer uniquement sur la structure du document.
24 Style de boîtes Arrières-plans, Bordures, Boîtes, CSS, Débutant, Style, Tableaux
Bonjour et bienvenue dans les styles de boîtes CSS - dans le dernier module, nous avons examiné le contenu de vos boîtes ; dans ce module, nous verrons le style de la boîte elle-même, en manipulant la couleur de fond et les images, les bordures et d'autres parties de la boîte. Nous aborderons également d'autres sujets, de la création de tableaux HTML à l'application d'effets avancés tels que les filtres et les modes de fusion.
25 Utiliser le CSS dans une page web Beginner, CSS, CodingScripting, HTML, NeedsActiveLearning
Il existe deux méthodes permettant d'appliquer du code CSS à vos documents HTML : écrire du CSS directement dans dans le document HTML ou bien appeler un fichier CSS externe à partir du document HTML.
26 Choisir, installer et paramétrer un éditeur de texte Beginner, Composing, Guide, NeedsActiveLearning, Tools, guide
Un site web est, pour une grande partie, composé de fichiers texte. Pour cette raison, afin de développer dans les meilleures conditions, vous devriez choisir votre éditeur de texte soigneusement.
27 Coder et scripter CodingScripting
Cette section vous permettra d'acquérir des compétences pour concevoir des expériences interactives sur le Web grâce au code et aux scripts. Pour faciliter l'apprentissage, nous avons décomposé ce domaine en sous-étapes, détaillées ci-dessous :
28 Commencer avec le Web CSS, Conception, Débutant, Guide, HTML, Index, Theorie, Web, publication
Créer un site web professionnel nécessite beaucoup de travail. C'est pourquoi, si vous débutez, nous vous encourageons à commencer par quelque chose de simple. Vous n'allez pas bâtir un nouveau Facebook dès le départ, mais il n'est pas bien compliqué de mettre en ligne votre propre site web. C'est par là que nous allons démarrer.
29 Gérer les fichiers Création site, Débutant, Fichiers, Guide, HTML, Site Web, Theorie
Lorsque vous travaillez sur votre site web sur votre propre ordinateur, tous les fichiers liés au site devraient être présents dans un dossier dont le contenu reflète la structure des fichiers sur le serveur. Ce dossier peut être n'importe où sur votre ordinateur, l'idéal étant qu'il soit simple à retrouver, par exemple sur votre Bureau ou dans votre dossier personnel, voire à la racine du disque dur.
30 Installation des outils de base Apprendre, Débutant, Navigateurs, Outils, Setup, Web, Éditeurs de texte
Cette liste peut paraître effrayante, mais heureusement vous pouvez vous lancer dans le développement web sans rien savoir de tout cela. Dans cet article nous allons vous présenter le minimum : un éditeur de texte et quelques navigateurs web modernes.
31 Le fonctionnement du Web Apprendre, Client, DNS, Débutant, HTTP, IP, Infrastructure, Serveur, TCP, Web
Ces éléments théoriques ne sont pas strictement nécessaires pour commencer à faire du développement web dans un premier temps. Cependant, ils seront plus qu'utiles pour mieux comprendre comment le Web fonctionne en arrière-plan.
32 Les bases de CSS Apprendre, CSS, Code CSS, Débutant, Styles, Web
De la même façon que HTML, CSS n'est pas vraiment un langage de programmation. C'est un langage de feuille de style, c'est-à-dire qu'il permet d'appliquer des styles sur différents éléments sélectionnés dans un document HTML. Par exemple, on peut sélectionner tous les éléments d'une page HTML qui sont paragraphes et afficher leurs textes en rouge avec ce code CSS :
33 Les bases de JavaScript Apprendre, Code JavaScript, Débutant, JavaScript, Web
JavaScript peut être utilisé pour créer de nombreuses fonctionnalités. Pour commencer, il peut être utilisé pour réaliser des galeries d'images, des transformations pour l'affichage de la page, des réactions à des clics des utilisateurs. Utilisé de façon avancée, JavaScript vous permettra même de créer des jeux vidéo, des graphismes animés en 2D ou en 3D, des applications qui utilisent des bases de données et plus encore !
34 Les bases du HTML Apprendre, Bases HTML, Code HTML, Débutant, HTML, Site Web
HTML n'est pas, à proprement parler, un langage de programmation. C'est un langage de balises utilisé pour fournir la structure et le sens du contenu qu'on souhaite avoir sur un site web. Il se compose de différents éléments qu'on assemble autour des différentes parties du contenu pour lui fournir un sens. Les balises qui entourent un mot ou une image peuvent former un lien hypertexte, mettre le texte en italique, etc. Par exemple, avec la ligne de contenu suivante :
35 Publier votre site web Beginner, CodingScripting, FTP, GitHub, Github, Learn, Web
La publication d'un site web n'est pas un sujet simple. Cela est dû au fait qu'il existe de nombreuses façon pour publier un site. Dans cet article, nous ne documenterons pas toutes les méthodes. En revanche, nous discuterons des avantages et des inconvénients des différentes stratégies. Nous détaillerons ensuite une méthode qui devrait convenir dans la majorité des cas pour un premier projet.
36 Quel sera l'aspect de votre site web ? Apprendre, Composition, Conception, Débutant, Planification, Polices de caractères
Avant de faire quoi que ce soit, vous avez besoin d'idées. Qu'est-ce que votre site web devrait faire ? Un site web peut pratiquement faire tout ce que vous voulez, mais pour votre premier essai, vous devriez rester simple. Nous allons commencer par créer une simple page web avec un en-tête, une image, et quelques paragraphes.
37 Commencez votre projet Web Beginner, Composing, Web, web
Lors du démarrage d'un projet web, beaucoup de gens se concentrent sur l'aspect technique. Bien sûr, vous devez être familier avec la technique, mais ce qui importe vraiment est ce que vous voulez accomplir. Oui, cela semble évident, mais de trop nombreux projets échouent, pas à cause d'un manque de savoir-faire technique, mais à cause d'un manque d'objectifs et de vision.
38 Comment contribuer à la section d'apprentissage de MDN Apprendre, Documentation, Débutant, Guide, contribuer
Sur cette page, vous trouverez tout ce dont vous aurez besoin pour aider à améliorer le contenu pédagogique sur MDN. Vous pouvez contribuer de nombreuses façons, selon le temps que vous avez ou que vous souhaitez y passer, que vous soyez un débutant, un développeur web, ou un enseignant.
39 Comment fonctionnent les cartes à image
Certaines images peuvent être utilisées sous forme de carte cliquable grâce à HTML. Ces cartes sont des images statiques (d'un seul tenant) qui sont découpées avec HTML en différentes zones sur lesquelles on peut cliquer.
40 Comment fonctionnent les e-mails
L'échange de courriers électroniques (e-mails) est peut être la fonctionnalité la plus utilisée sur Internet. Celle-ci permet d'envoyer des messages à n'importe quelle personne qui dispose d'une adresse électronique, qu'elle soit connectée ou non à Internet lorsque le message est envoyée.
41 Comment un site web fonctionne avec une base de données
L'un des aspects les plus intéressants du Web est de pouvoir relier un site web à une base de données afin que les visiteurs puissent utiliser un site pour rechercher des informations. Le Web ne permet pas uniquement de parcourir des données, il permet également d'en collecter. Ainsi, de nombreux sites demandent aux utilisateurs d'enregistrer leur nom et d'autres informations afin que celles-ci soient enregistrées en base de données.
42 Comprendre l'informatique dans le nuage (Cloud) Cloud, Learn, NeedsContent
L'informatique sur le nuage (ou Cloud computing en anglais) est une expression générique qui désigne l'utilisation de services via Internet.
43 Comprendre les URL et leur structure Beginner, Infrastructure, Learn, NeedsActiveLearning, URL
Avec les concepts d'hypertexte et de HTTP, les URL sont une autre pierre angulaire du Web.  Celles-ci sont utilisées par les navigateurs pour accéder aux différentes ressources publiées sur le Web.
44 Comprendre les différences entre une page web, un site web, un serveur web et un moteur de recherche Beginner, Web, beginner, web
Le Web, comme tout autre champ de connaissance, est associé à un vaste vocabulaire technique. Ne vous inquiétez pas, nous n'avons pas l'intention de vous submerger avec tout cela (toutefois, si vous êtes curieux, vous pouvez consulter notre glossaire). Nous nous devons toutefois de clarifier dès maintenant certaines notions de base, car elles reviendront fréquemment dans vos prochaines lectures. Ces notions peuvent parfois être confondues, car elles réfèrent à des fonctions apparentés, mais néanmoins distinctes. Nous approfondirons bientôt ces notions, mais vous pouvez commencer par vous familiariser avec ces définitions simples :
45 Comprendre les noms de domaine Beginner, Domain names, Infrastructure, Learn, Web, beginner
Les noms de domaine jouent un rôle clé dans l'infrastructure d'Internet. Ils fournissent des adresses, humainement compréhensibles pour retrouver des serveurs web connectés sur Internet.
46 Compétences Index
Lorsqu'il s'agit d'apprendre le développement Web, il existe plusieurs compétences, listées par WebMaker dans la littéracie web : une carte destinée aux débutants pour apprendre les bases. Sur MDN, les articles de cette section sont consacrés au développement de sites web et sont destinés à tous publics :
47 Conception d'une page web Beginner, CSS, Design, HTML, NeedsActiveLearning
Nous avons une bonne raison de vous initier à la conception web. Vous commencez avec une page vierge, puis vous devez choisir entre tellement de possibilités… Si vous avez peu d'expérience, la page blanche initiale pourrait vous paraître intimidante. Comme nous avons plus de 25 ans d'expérience dans le domaine, nous allons vous présenter quelques règles générales qui pourront vous aider dans la conception de votre site web.
48 Concevoir un menu de navigation Beginner, Guide, Navigation, beginner, guide, navigation
Concevoir un menu pour une application peut, à première vue, sembler assez simple. En réalité, c'est plutôt difficile à réussir. Une telle conception nécessite de prendre en compte le public auquel le site s'adresse (ses capacités, ses connaissances, etc.) et également la complexité de l'application.
49 Concevoir un site pour tous les types d'utilisateurs Accessibility, Beginner, Design, Mobile, NeedsActiveLearning, beginner
Lors de la construction d'un site, il faut entre autres garder à l'esprit qu'un site doit être accessible à tous, quelles que soient les contraintes de handicap, les contraintes techniques, la culture, le lieu depuis lequel le site est consulté, etc.
50 Confidentialité, intégrité et disponibilité Beginner, Security, Tutorial
En sécurité de l'information, le modèle classique définit trois objectifs : maintenir la confidentialité, l'intégrité et la disponibilité des données. Chacun de ces objectifs porte sur un aspect différent de protection des informations.
51 Contrôles de sécurité Beginner, Security, Tutorial
Il n'y a pas encore de matériau interactif pour cet article. N'hésitez pas à contribuer.
52 De quels logiciels ai-je besoin pour construire un site web ? Beginner, Learn, NeedsActiveLearning, WebMechanics, beginner
La plupart des logiciels nécessaires au développement d'un site web peuvent être téléchargés gratuitement sur Internet. Quelques liens seront fournis au fur et à mesure de l'article. Vous aurez besoin d'outils pour :
53 Design et accessibilité Accessibility, Design
Cette section vous permettra d'acquérir des compétences pour communiquer de façon efficace et universelle sur le Web grâce au design et à l'accessibilité. Pour faciliter l'apprentissage, nous avons décomposé ces domaines en sous-étapes, détaillées ci-dessous :
54 Découvrir les outils de développement des navigateurs Beginner, Browser, CSS, CodingScripting, DevTools, HTML, JavaScript, Learn
Les devtools s'affichent généralement dans une sous-fenêtre du navigateur, de la façon suivante (cela peut varier légèrement) :
55 HTML Beginner, CodingScripting, HTML
Le HTML est la technologie utilisée pour définir la structure d'une page web. Elle consiste en un langage de balises ("markup") permettant de déclarer les éléments constitutifs d'une page. Si vous êtes concerné par la mise en place d'un site web, vous aurez nécessairement à vous y intéresser.
56 Apprendre à utiliser HTML pour résoudre des problèmes CodingScripting, HTML
Une fois les bases acquises, il n'existe pas de voie idéale pour apprendre HTML. Vous pouvez ensuite progresser à votre rythme, en utilisant les balises qui vous sont utiles. HTML n'est qu'un ensemble de balises que vous pouvez utiliser pour structurer votre document et lui ajouter des fonctionnalités supplémentaires. Dans les articles suivants, nous travaillerons sur différents exemples illustrant comment utiliser HTML pour résoudre des problèmes fréquents qu'on rencontre lorsqu'on développe pour le Web. Si vous avez besoin d'explications détaillées sur une balise HTML donnée, n'hésitez pas à consulter notre référence HTML.
57 Afficher du code informatique avec HTML Beginner, Guide, HTML, Learn
HTML a été conçu par des informaticiens et il sert donc particulièrement bien ce domaine. De nombreux éléments HTML sont apparus et/ou ont disparu au cours des années. Ici, nous n'aborderons que ceux qui sont en vigueur actuellement :
58 Ajouter des citations sur une page web Beginner, Guide, HTML, guide
Très souvent, nous évoquons ce qui a été dit ou écrit par d'autres. Nous construisons des arguments logiques à partir de ces textes, notamment en littérature technique, en journalisme ou en philosophie. Étant donné que ce sont les scientifiques qui ont conçu HTML, il existe les mécanismes nécessaires pour faire des citations dans un document HTML.
59 Ajouter des images responsive à une page web Design, Débutant, Graphics, Guide, HTML, Image, Intermediate, Intermédiaire, img, picture, sizes, srcset
Dans cet article, apprenez comment utiliser HTML pour adapter les images de votre site pour différentes tailles d'écran ou différentes résolutions.
60 Ajouter des images vectorielles à une page web Graphics, Guide, HTML, Intermediate, Learn, SVG
SVG est un langage basé sur XML qui permet de décrire des images vectorielles. Commençons par définir ce qu'est une image vectorielle.
61 Ajouter des images à une page web Beginner, Composing, HTML, NeedsActiveLearning, OpenPractices
Les images permettent de faire passer des messages plus simplement et plus directement. Elles attirent l'œil du visiteur lorsqu'il consulte le site. Dans cet articles, nous allons voir comment ajouter, simplement, des images à une page web.
62 Ajouter du contenu Flash dans une page web Accessibility, Advanced, Flash, Guide, HTML, guide
Un plugin est un logiciel qui permet d'accéder à un contenu que le navigateur ne peut pas lire/décoder nativement. Il était une fois, les plugins étaient indispensables sur le Web. Il y a quelques années, installer Adobe Flash Player était un passage obligé pour regarder un film en ligne. À cette époque, on avait également de (trop) nombreuses alertes pour mettre à jour Flash Player ou Java Runtime Environment.
63 Ajouter du contenu audio ou vidéo à une page web Audio, Beginner, Guide, HTML, Video, beginner, guide
Depuis toujours, les développeurs web ont intégré (ou tenté d'intégrer) des vidéos et des sons sur le Web. Après une longue période d'expérimentation, HTML5 offre aujourd'hui la meilleure solution et tire parti de nouvelles API JavaScript .
64 Ajouter une carte de zones cliquables sur une image Guide, HTML, Intermediate, Navigation, guide
Auparavant, les cartes imagées était assez populaires mais, malgré cette popularité, elles posent quelques problèmes en termes de performances et d'accessibilité.
65 Annoter des images et graphiques Accessibility, Beginner, Guide, HTML, Learn
Une figure est une unité de contenu indépendante :
66 Appliquer du CSS à une page web Beginner, CSS, Guide, HTML
Un document HTML bien écrit peut être utilisé quel que soit le contexte de présentation. Il est possible de le consulter visuellement (avec un navigateur), auditivement (avec un lecteur d'écran) ou tactilement (avec un affichage Braille). CSS permet de contrôler l'aspect visuel d'un site web. Le navigateur pourra utiliser une feuille de style CSS par défaut, qui se traduira par une mise en forme générique (voire un peu austère) et il est donc préférable de déclarer une mise en forme propre à votre site web afin que celui-ci soit plus agréable à consulter.
67 Créer un document HTML simple Beginner, Guide, HTML, Learn
Pour créer un site web, on commence par rédiger un document HTML. Les navigateurs actuels sont plutôt tolérants mais pour éviter quelques maux de tête, mieux vaut l'assembler correctement dès le début.
68 Créer un hyperlien Beginner, HTML, Learn, Navigation
Dans cet article, nous verrons comment créer des liens accessibles et utiles  au référencement.
69 Créer une liste d'éléments avec HTML Beginner, Guide, HTML
Comment donc construire une liste avec HTML ? Pour commencer, il faudra répondre à une question : si on mélange les éléments de la liste, est-ce que le sens de la liste change également ?
70 Découper une page web en sections logiques Beginner, DesignAccessibility, HTML, Learn
Les sites web ont chacun leur style mais tous ont tendance à partager des composants communs :
71 Définir des termes avec HTML Beginner, Guide, HTML, Learn
Lorsqu'on souhaite définir un terme, on utilise généralement un dictionnaire ou un glossaire. Les dictionnaires et glossaires permettent d'associer formellement des termes clés avec une ou plusieurs descriptions. Par exemple :
72 Identifier et expliquer des abréviations avec HTML Beginner, HTML, Learn, OpenPractices
Il est nécessaire de s'assurer que l'abréviation puisse être comprise par les visiteurs de la page. Sur le papier, on explicite généralement la première occurence de l'abréviation en utilisant la forme complète et abrégée avant d'utiliser la forme abrégée pour les occurences suivantes :
73 Intégrer une page web au sein d'une autre page web Beginner, Guide, HTML, Learn, Security
Imbriquer des pages entre elles peut sembler étrange voire contre-nature mais cela existe depuis les débuts du Web. Lorsque la bande passante était utilisée par des modems 56k (voire moindre), pour réduire le temps de téléchargement, les pages web étaient fragmentées en morceaux appelés frames, tous intégrées dans un frameset. Malheureusement, les frames ont apporté plus de problèmes que de solutions et le concept de frame/frameset a disparu depuis l'apparition d'AJAX.
74 Mettre en place une hiérarchie de titres Beginner, HTML, Learn
Dans cet article, nous verrons comment ajouter des titres de différents niveaux à un document web afin que les lecteurs puissent identifier le contenu et trouver les réponses à leurs questions plus efficacement.
75 Mettre l'accent sur un contenu ou indiquer qu'un texte est important Beginner, Composing, Guide, HTML, Learn, OpenPractices
Dans cet article, nous verrons comment baliser des passages caractéristiques, selon leur importance, leur pertinence ou un changement de ton.
76 Utiliser JavaScript au sein d'une page web Beginner, HTML, JavaScript, OpenPractices
JavaScript est un langage de programmation principalement utilisé côté client et qui peut également être utilisé côté serveur. Il permet entre autres de rendre les pages web interactives. JavaScript offre une myriade de possibilités.
77 Utiliser les attributs de données Guide, HTML, Web
HTML5 est conçu avec le souci de l'extensibilité pour les données qui doivent être associées avec un élément particulier sans qu'on leur donne une signification spécifique. Les attributs data-* nous permettent de stocker des informations supplémentaires sur les éléments sémantiques standard sans avoir recours à des attributs non-standard ni à des propriétés supplémentaires du DOM, ni à Node.setUserData().
78 Cheatsheet HTML Cheatsheet, HTML, Intermediate, Learn
Lorsqu'on utilise HTML, une antisèche, une page rapide et récapitulative (cheatsheet) peut s'avérer plutôt pratique pour se souvenir rapidement de quelle balise HTML utiliser dans quel cas. MDN possède également une documentation HTML exhaustive ainsi que différents tutoriels HTML détaillés. Toutefois, dans la plupart des cas, il suffit juste d'une rapide vérification afin de pouvoir continuer. Cet article, sous la forme d'une antisèche synthétique, est là pour fournir des exemples de codes concis pour les usages les plus fréquents des éléments les plus utilisés.
79 HTML tableaux Article, CodingScripting, Débutant, Guide, HTML, Landing, Module, Tableaux
Une tâche assez commune en HTML est de structurer des données de manière tabulaire (tableaux), et qui a un nombre d'éléments et d'attributs destinés à cet effet. Couplé avec un peu de CSS pour styliser ces tableaux. HTML rend facile l'affichage des informations dans les tables sur le web comme à l'école avec les emplois du temps par exemple, les statistiques à propos de votre équipe de football ou bien votre dinosaure favori. Ce module vous guide dans ce que vous devez savoir quant à la structure tabulaire des données en utilisant HTML.
80 HTML tableaux avancés et accessibilité
Dans le second article de ce module, nous voyons quelques fonctionnalités plus avancées des tableaux HTML — comme les  titres / résumés et groupement de vos lignes dans l'en-tête du tableau, le corps et ou le pied de page — ainsi que l'accessibilité des tableaux pour les utilisateurs malvoyants.
81 Structure des données des planètes
Dans notre évaluation, nous vous fournissons des données sur les planètes de notre système solaire pour vous permettre de les structurer dans un tableau HTML.
82 Tableaux basiques en HTML
Cet article vous permet de démarrer avec les tableaux HTML, couvrant les bases telles que les lignes et cellules, en-têtes, mais également les cellules composées de mutilples colonnes et lignes, et comment regrouper toutes les cellules dans une colonne pour une question de style.
83 Introduction au HTML CodingScripting, HTML, Introduction to HTML, Landing, Links, Structure, Text, head, semantics
HTML est essentiellement un langage simple, composé d'éléments qu'on peut appliquer à des fragments de texte dans un document pour leur donner un sens différent. Est-ce que ce texte est un paragraphe ? Est-ce que c'est une liste à puces ? Est-ce qu'il fait partie d'un tableau ? Les éléments permettent aussi de fournir une structure et organisent le document en sections logiques (est-ce que le document a un en-tête ? est-il composé de trois colonnes ? possède-t-il un menu de navigation ?) et d'intégrer du contenu comme des images ou des vidéos. Ce guide vise à illustrer ces deux premiers concepts et à présenter les notions fondamentales et les éléments de syntaxe que vous devez connaître pour comprendre HTML.
84 Commencer avec le HTML Apprendre HTML, Balise, Cours HTML, Debutant(2), HTML, HTML Débutant, HTML5, Tuto, Tuto HTML, Tutoriel, Tutoriel html
Dans cet article, nous revenons sur les bases du HTML pour vous accompagner dans vos premiers pas. Nous définissons les éléments, les attributs, et tous les autres termes importants que vous avez pu entendre, et nous vous expliquons comment les employer dans le langage. Nous vous montrons également la structure d'un élément HTML et d'une page HTML typique, et nous vous expliquons le fonctionnement d'autres fonctionnalités de base importantes du langage. Au fur et à mesure de l'article, vous pourrez vous amuser avec le HTML en mettant la main à la pâte.
85 Formatage avancé du texte
That marks the end of our study of HTML text semantics. Bear in mind that what you have seen during this course is not an exhaustive list of HTML text elements — we wanted to try to cover the essentials, and some of the more common ones you will see in the wild, or at least might find interesting. To find way more HTML elements, you can take a look at our HTML element reference (the Inline text semantics section would be a great place to start.) In the next article we will look at the HTML elements you'd use to structure the different parts of an HTML document.
86 Qu'y-a-t-il dans l'en-tête ? Métadonnées en HTML
L'en-tête "head" d'un document HTML est la partie qui ne sera pas affichée dans le navigateur quand la page est chargée. Il contient des informations comme le titre "<title>" de la page, le lien du style  CSS (si vous voulez styliser votre contenu HTML avec le CSS), les liens pour personnaliser les favicons, et autres métadonnées (les informations sur le code, comme l'auteur, les mots-clés qui caractérisent le document). Dans cet article, nous allons couvrir tout ceci et plus, pour vous donner de bonnes bases pour gérer les balises et le code qui devraient figurer dans votre en-tête.
87 Les balises HTML et leur rôle Beginner, CodingScripting, HTML
HTML (HyperText Markup Language) est un langage descriptif utilisé pour structurer le contenu d'une page (ses textes, ses images, ses liens, etc.).
88 Écrire une simple page HTML Beginner, CodingScripting, Guide, HTML, Learn, Web Development
La plus simple des pages web est simplement un fichier HTML valide. Il suffit donc d'un fichier HTML valide, d'un éditeur de texte et d'un navigateur web. Dans cet article, nous verrons comment utiliser quelques balises HTML et comment voir la page dans un navigateur.
89 Index Index, Learn, MDN, Meta, index, meta
40 pages trouvées :
90 Infrastructure Beginner, Infrastructure, beginner
Cette section vous permettra d'acquérir une bonne compréhension de l'infrastructure technique de l'Internet. Les apprentissages à réaliser ont été décortiqués en sous-étapes détaillées ci-dessous :
91 JavaScript Débutant, Développement, JavaScript, Modules, scripts
JavaScript est un langage de programmation qui vous permet de mettre en œuvre des éléments complexes sur des pages Web (une page Web contenant plus que de simples informations statiques). Chaque fois qu'une page affiche des mises à jour de contenu en temps réel, des cartes interactives, des animations graphiques 2D / 3D ou un juke-box vidéo défilant, etc. — vous pouvez parier que JavaScript est probablement impliqué.
92 APIs web utilisées côté client
Lorsque vous écrivez du JavaScript côté client pour des sites Web ou des applications, vous n'irez pas très loin avant d'utiliser des APIs - des interfaces pour manipuler différents aspects du navigateur et du système d'exploitation sur lesquels le site opère, ou même des données provenant d'autres sites web ou services. Dans ce module, nous allons explorer ce que sont les APIs, et comment utiliser certaines des APIs les plus courantes que vous rencontrerez souvent dans votre travail de développement.
93 Introduction aux APIs web
Tout d'abord, nous commencerons par regarder les API depuis un haut niveau - que sont-elles, comment fonctionnent-elles, comment les utilisez-vous dans votre code, et comment sont-elles structurées? Nous verrons également quelles sont les différentes classes principales d'APIs et quel type d'utilisation elles ont.
94 Introduction aux objets JavaScript Apprendre, Article, Auto-évaluation, Débutant, Guide, JavaScript, Objets, Tutoriel
En JavaScript, la plupart des choses sont des objets, des éléments du cœur de JavaScript,  comme les chaînes de caractères et les tableaux, les interfaces de programmation (APIs) des navigateurs construites sur la base de JavaScript .Vous  pouvez même créer vos propres objets pour encapsuler des fonctions liées et des variables au sein de paquets  efficaces, et se comportant comme de pratiques conteneurs de données. Il est important de comprendre la nature orientée objet du JavaScript  si vous souhaitez aller loin dans votre connaissance du langage, aussi, avons-nous fourni ce module afin de vous aider. Ici, nous enseignons la théorie de l’objet et sa syntaxe en détail , ensuite, ce sera à vous de voir comment vous souhaitez créer vos propres objets.
95 L'héritage au sein de JavaScript Héritage, Prototype
This article has covered the remainder of the core OOJS theory and syntax that we think you should know now. At this point you should understand JavaScript object and OOP basics, prototypes and prototypal inheritance, how to create classes (constructors) and object instances, add features to classes, and create subclasses that inherit from other classes.
96 Le JavaScript orienté objet pour débutants Apprendre, Débutant, Guide, JavaScript, OOJS, OOP, POO
Après avoir parcouru les fondamentaux, nous allons aborder en détail le JavaScript orienté objet (JSOO). Cet article présente une approche simple de la programmation orientée objet (POO) et détaille comment JavaScript émule des classes objet au travers des méthodes constructeur et comment  instancier ces objets.
97 Les bases de JavaScript, orienté objet API, Apprendre, Débutant, JavaScript, Objet, Syntaxe, this
Dans ce premier article sur les objets JavaScript, nous verrons la syntaxe des objets JavaScript ainsi que quelques fonctionnalités JavaScript déjà aperçues dans les cours précédents, rappelant que beaucoup de fonctionnalités que vous utilisez sont en fait des objets.
98 Manipuler des données JSON
In this article, we've given you a simple guide to using JSON in your programs, including how to create and parse JSON, and how to access data locked inside it. In the next article, we'll begin looking at object-oriented JavaScript.
99 Prototypes Objet Constructeur, JavaScript, Prototype
Les prototypes sont un mécanisme au sein de JavaScript qui permettent aux objets JavaScript d'hériter des propriétés d'autres objets. Les prototypes implémentent un héritage différent de celui rencontré dans les langages de programmation objets habituels. Dans cet article, nous allons aborder ces différences, nous allons aussi voir comment la chaîne de prototypage fonctionne. Nous verrons aussi comment les propriétés prototypes peuvent être utilisées afin d'ajouter des méthodes à des constructeurs existants.
100 JavaScript les blocs Auto-évaluation, Boucles, Débutant, Fonctions, Guide, Modules, conditions, évènements
Dans ce module nous allons continuer à voir l'ensemble des fonctionnalités clefs du JavaScript en nous concentrant plus particulièrement sur les structures (ou blocs) les plus répandues telles que les conditions, les boucles, les fonctions et les événements. Nous avons déjà vu ces notions dans le cours mais sans nous y attarder, nous allons donc les détailler.
101 Construire vos propres fonctions Apprentissage, Article, Débutant, Fonctions, Guide, I10n, JavaScript, Paramètres, Scripting, Tutoriel
Nous avons traité essentiellement de la théorie dans l'article précédent, celui-ci fournira une expérience pratique  — ici vous allez mettre en pratique ces connaissances en construisant vos propres fonctions. Tout au long, nous expliquerons également quelques détails supplémentaires concernant les fonctions.
102 Les boucles dans le code
Les langages de programmation sont très utiles pour effectuer des tâches répétitives, allant de calculs basiques à à peu près n'importe quelle autre situation où vous avez un certain nombre d'actions similaires à répéter. Ici, nous allons étudier les structures de boucle disponible dans JavaScript qui répondent à un tel besoin.
103 Premiers pas en JavaScript Article, Auto-évaluation, Chaînes de caractères, Débutant, Guide, JavaScript, Module, Nombres, Opérateurs, Tableaux, Variables
Avant d'entamer ce module, vous n'avez besoin d'aucune connaissance préalable en JavaScript, mais vous devriez être familier avec HTML et CSS. Nous vous conseillons de lire les modules suivants avant d'aller plus loin :
104 Générateur d'histoires absurdes
Dans cette évaluation, vous aurez pour tâche d'utiliser les connaissances que vous avez apprises dans les articles de ce module et de les appliquer dans le but de créer une appli ludique qui génère des histoires absurdes au hasard. Amusez-vous bien !
105 Gérer du texte — les chaînes de caractères en JavaScript
Concentrons nous maintenant sur les chaînes de caractères - c'est le nom donné à un bout de texte en programmation. Dans cet article, nous aborderons les aspects les plus communs des chaînes de caractères que vous devez vraiment connaître quand vous apprenez JavaScript, comme créer une chaîne de caractères, échapper des guillemets dans une chaîne ou encore concaténer des chaînes.
106 Les tableaux
In the final article of this module, we'll look at arrays — a neat way of storing a list of data items under a single variable name. Here we look at why this is useful, then explore how to create an array, retrieve, add, and remove items stored in an array, and more besides.
107 Mathématiques de base en JavaScript — nombres et opérateurs
In this article we have covered the fundamental information you need to know about numbers in JavaScript, for now. You'll see numbers used again and again, all the way through your JavaScript learning, so it's a good idea to get this out of the way now. If you are one of those people that doesn't enjoy math, you can take comfort in the fact that this chapter was pretty short.
108 Méthodes utiles pour les chaînes de caractères
Now we've looked at the very basics of strings, let's move up a gear and start thinking about what useful operations we can do on strings with built-in methods, such as finding the length of a text string, joining and splitting strings, substituting one character in a string for another, and more.
109 Notre premier code JavaScript Apprendre, Article, CodingScripting, Débutant, Fonctions, JavaScript, Objets, Opérateurs, Variables, structures conditionnelles
Maintenant que vous avez appris des éléments théoriques sur le JavaScript, et ce que vous pouvez faire avec, nous allons vous donner un cours intensif sur les fonctionnalités basiques du JavaScript avec un tutoriel entièrement pratique. Vous allez construire un simple jeu, étape par étape, consistant à deviner un nombre, nommé "Guess the number".
110 Qu'est-ce qui n'a pas fonctionné ? Déboguer du code JavaScript
So there we have it, the basics of figuring out errors in simple JavaScript programs. It won't always be that simple to work out what's wrong in your code, but at least this will save you a few hours of sleep and allow you to progress a bit faster when things don't turn out right earlier on in your learning journey.
111 Qu’est-ce que le JavaScript?
JavaScript est un langage de programmation qui permet d’implémenter des mécanismes complexes sur une page web. À chaque fois qu’une page web fait plus que simplement afficher du contenu statique — afficher du contenu mis à jour à des temps déterminés, des cartes interactives, des animations 2D/3D, des menus vidéo défilants, etc. — JavaScript a de bonnes chances d’être impliqué. C’est la troisième couche des technologies standards du web, les deux premières (HTML et CSS) étant couvertes bien plus en détail dans d’autres parties de la Learning Area.
112 Stocker les informations dont vous avez besoin — les variables
By now you should know a reasonable amount about JavaScript variables and how to create them. In the next article we'll focus on numbers in more detail, looking at how to do basic math in JavaScript.
113 La sécurité sur le Web Guide, Intermediate, NeedsExample, Privacy, Security
Ce domaine de compétences porte sur la sécurité sur le Web, sujet qui est un sous-ensemble de la sécurité informatique. Les articles de cette section ont pour but de
114 Le fonctionnement de l'Internet Beginner, Internet, WebMechanics, beginner
L'Internet est l'épine dorsale du Web : il s'agit de l'infrastructure technique qui sous-tend le Web. De façon simple, l'Internet est un vaste réseau d'ordinateurs qui communiquent les uns avec les autres.
115 Le fonctionnement des liens sur le Web Beginner, Infrastructure, Navigation, NeedsActiveLearning
Comme on peut le voir avec ces trois piliers, tout ce qui tourne autour du Web consiste en des documents et à la façon d'y accéder. Le but originel du Web était de fournir un moyen simple et efficace pour lire et naviguer entre différents documents textuels. Depuis, le Web a évolué et permet désormais d'accéder à des images, des vidéos, des données binaires. Toutefois, ces améliorations n'ont pas bouleversé ces trois piliers qui restent toujours d'actualité.
116 Les vulnérabilités Beginner, Learn, Security
Une vulnérabilité est une faiblesse d'un système qui peut être exploitée de façon négative pour compromettre la confidentialité, l'intégrité ou la disponibilité d'un système et/ou de des données. Il existe de nombreuses méthodes pour catégoriser les vulnérabilités. Dans cet article, nous les classerons dans trois grands groupes : les erreurs logicielles, les erreurs de configuration des systèmes de sécurité et la mauvaise utilisation d'une fonctionnalité d'un logiciel. Ces catégories sont décrites ci-après.
117 Mettre en place un environnement de travail Beginner, CodingScripting, Guide, Learn
En développement web, mieux vaut tester son site localement avant de le publier aux yeux du monde entier. Pour effectuer des tests sur votre ordinateur, vous pouvez installer un serveur local. Dans cet article nous verrons comment faire et comment organiser une hiérarchie de fichiers afin que ceux-ci soit organisés, même si le projet devient plus volumineux.
118 Mécanismes du Web Beginner, WebMechanics, beginner
Cette section traite de l'organisation du Web. Nous avons décomposé les apprentissages à réaliser en sous-étapes détaillées ci-dessous :
119 Ouvrir un fichier dans un navigateur web Beginner, CodingScripting, NeedsActiveLearning, WebMechanics
Pour ouvrir un fichier dans votre navigateur web, il existe deux méthode :
120 Programmation de Sites Web côté serveur Beginner, CodingScripting, Intro, Landing, Learn, NeedsTranslation, Server, Server-side programming, Topic, TopicStub
The Dynamic Websites  Server-side programming topic is a series of modules that show how to create dynamic websites; websites that deliver customised information in response to HTTP requests. The modules provide a generic introduction to server-side programming, along with specific beginner-level guides on how to use the Django (Python) and Express (Node.js/JavaScript) web frameworks to create basic applications.
121 Django Web Framework (Python) Débutant
Django is an extremely popular and fully featured server-side web framework, written in Python. The module shows you why Django is one of the most popular web server frameworks, how to set up a development environment, and how to get started with using it to create your own web applications.
122 Django Tutorial Part 9: Working with forms
Creating and handling forms can be a complicated process! Django makes it much easier by providing programmatic mechanisms to declare, render and validate forms. Furthermore, Django provides generic form editing views that can do almost all the work to define pages that can create, edit, and delete records associated with a single model instance.
123 Express Web Framework (Node.js/JavaScript)
Express est une infrastructure d'application (framework), écrit en JavaScript et hébergée dans l'environnement d'exécution node.js. Cette section explique certains de ses principaux avantages, comment configurer votre environnement de développement et comment effectuer des tâches courantes de développement et de déploiement.
124 Server-side website programming first steps Beginner, CodingScripting, Guide, Intro, Landing, Learn, NeedsTranslation, Server-side programming, TopicStub
In this, our server-side programming module, we answer a few fundamental questions about server-side programming — "what is it?", "how does it differ from client-side programming?", and "why is it so useful?". We then provide an overview of some of the most popular server-side web frameworks , along with guidance on how to select the most suitable framework for creating your first site. Lastly we provide a high-level introductory article about web server security.
125 La sécurité d'un site Web Débutant, Guide, Sécurité, Sécurité Web
This article has explained the concept of web security and some of the more common threats that your website should attempt to protect against. Most importantly, you should understand that a web application cannot trust any data from the web browser! All user data should be sanitized before it is displayed, or used in SQL queries or file system calls.
126 Publier sur le Web : combien ça coûte ? Beginner, Learn, WebMechanics
Lorsqu'on lance un site web, on peut très bien ne rien payer ou, au contraire, dépenser de façon astronomique. Dans cet article, nous verrons les coûts associés à chaque étape et ce à quoi s'attendre en fonction de ce qu'on paye (ou qu'on ne paye pas).
127 Python CodingScripting, Learn, NeedsContent, Python
Python est un langage de script générique, largement utilisé sur de nombreuses plateformes (entre autres : Windows, Linux et Mac OS X). Python permet de mettre en oeuvre et d'intégrer des systèmes efficacement et encourage les développeurs à travailler sans utiliser de code préparé (boilerplate).
128 Hello world CodingScripting, Learn, Python
Et voilà ! Avec cette simple ligne, nous pouvons déjà en apprendre beaucoup sur Python.
129 Installer Python sur son ordinateur Beginner, CodingScripting, Learn, NeedsContent, Python
Vous pouvez télécharger la dernière version de Python depuis cette page. Une fois le téléchargement terminé, vous pouvez lancer l'application depuis Finder.
130 Introduction à l'interpréteur CodingScripting, Learn, Python
Python peut être utilisé de deux façons : en mode interactif et en mode non-interactif. Lorsque l'interpréteur est appelé sans option dans la ligne de commande, il se lance alors en mode interactif. Cela signifie que vous pouvez saisir des commandes Python qui seront exécutées immédiatement. Ce mode interactif est particulièrement utile pour tester des fragments de code et expérimenter avec le langage.
131 Introduction à la programmation orientée objet avec Python Classes, Inheritance, Learn, OOP, Python, Tutorial
Ce tutoriel est une introduction aux concepts de la programmation orientée objet. Il fournit des explications concises, illustrées avec des exemples de code en Python.
132 Les boucles CodingScripting, Learn, Python
No summary!
133 Les structures conditionnelles CodingScripting, Learn, Python
Si les programmes étaient exécutés en suivant les instructions une à une, de la première à la dernière, sans pouvoir revenir sur leurs pas, ils ne permettraient pas de faire grand chose. C'est pour cette raison qu'il existe des structures de code (appelées structures conditionnelles) qui permettent aux instructions d'emprunter différents chemins. Prenons l'exemple d'une programme de calcul très simple qui permet à un utilisateur de choisir l'opération mathématique à effectuer.
134 Les variables CodingScripting, Learn, Python
En Python, les noms de variables doivent commencer avec une lettre (majuscule ou minuscule) ou un tiret bas et ne peuvent être composés que de lettres (majuscules ou minuscules), de tirets bas et/ou de chiffres. Les exemples suivants sont donc des noms de variables valides :
135 Listes CodingScripting, Learn, Python
Quand on souhaite manipuler des données, il est nécessaire d'utiliser des structures pour stocker plusieurs valeurs. Python ne fait pas exception à la règle et possède plusieurs structures de données. Dans cet article, nous allons aborder les listes, une structure simple qui existe également dans de nombreux autres langages. Une liste permet de stocker plusieurs valeurs, éventuellement des valeurs de différents types (on peut donc avoir une liste avec des entiers, une liste avec des entiers et des chaînes de caractères voire avoir une liste de listes). Pour écrire une liste, on écrit ses éléments, séparés par des virgules, le tout encadrés par des crochets.
136 Qu'est-ce qu'un serveur web ? Beginner, Infrastructure, Learn
Au niveau le plus simple, à chaque fois qu'un navigateur a besoin d'un fichier hébergé sur un serveur web, le navigateur demande (on dit qu'il envoie une requête) le fichier via HTTP. Quand la requête atteint le bon serveur web (matériel), le serveur HTTP (logiciel) renvoie le document demandé, également grâce à HTTP.
137 Qu'est-ce que l'accessibilité ? Accessibility, Beginner, Intro, NeedsActiveLearning, Web, beginner, intro, web
Que ce soit en raison de limitations physiques ou techniques, il peut arriver que les visiteurs de votre site web ne peuvent l'utiliser comme vous le pensiez. Dans cet article, vous trouverez quelques principes généraux à propos de l'accessibilité, ainsi que quelques règles que nous expliquerons.
138 Que faut-il pour que les gens voient mon site web ? Beginner, Marketing, Promotion
Concevoir, développer et mettre un site en ligne est une expérience à part entière mais ce n'est pas tout. Une fois que le site a été créé, il faut que les gens et les moteurs de recherche sachent qu'il existe sur Internet. Dans cet article, nous verrons comment inviter les gens à visiter votre site web. Certains sujets avancés comme l'optimisation du référencement, les micro-données et autres sont exclus de cet article. Dans tous les cas et avant de lire ces points, soyez conscient que la méthode la plus efficace et la plus durable consiste avant tout à proposer un contenu de qualité sur votre site.
139 Questions fréquentes Learn, Web, WebMechanics
Cette section de la zone d'apprentissage est là pour fournir des réponses aux questions fréquentes qui peuvent survenir et qui ne concernent pas nécesserairement l'apprentissage du code (par exemple les articles sur HTML ou CSS.) Ces articles sont conçus pour être lu de manière indépendante.
140 Comment configurer un serveur de test local ?
Durant la plupart de l'entainement, nous vous disons simplement d'ouvrir vos exemples directement dans votre navigateur — vous pouvez le faire en double cliquant le fichier HTML, en déposant celui-ci dans la fenêtre de votre navigateur, ou en faisant Fichier > Ouvrir... et naviguer jusqu'au fichier HTML, etc... Il y a beaucoup de manières d'y arriver.
141 Rédiger pour le Web Composing
L'acquisition de compétences en rédaction web vous permet de créer et gérer du contenu Web. Afin de faciliter votre apprentissage, nous avons décomposé ce domaine en sous-étapes détaillées.
142 SSL et TLS Security, Tutorial
Les protocoles Secure Sockets Layer (SSL) (ou Couche de sockets sécurisée) et Transport Layer Security (TLS) (ou Couche de transport sécurisée) sont des protocoles universellement acceptés pour l'établissement de communications authentifiées et chiffrées entre des clients d'une part et des serveurs d'autre part. L'authentification liée au serveur et celle liée au client utilisent toutes les deux SSL/TLS.
143 Serveurs Web et pare-feu - Sécurité maximale contre les attaques DMZ, FTP, Firewall, Internet, LAN, Pare-feu, Réseau local, Sécurité, serveur web
Si vous avez, ou envisagez de connecter des serveurs web à votre réseau, vous devrez prendre en considération ce que cela implique en terme de sécurité. Tout réseau qui dispose d'une connexion Internet est exposé au risque d'être compromis. Il y a plusieurs étapes qu'il est possible de suivre pour sécuriser votre LAN (Local Area Network, ou réseau local), la seule vraie solution consistant à bloquer tout trafic entrant sur votre LAN et de restreindre le trafic sortant.
144 Sécurité TCP/IP Beginner, Networking, Security, Tutorial
TCP/IP est très largement utilisé afin de transmettre les communications sur le réseau. Les communications TCP/IP se composent de quatre couches qui fonctionnent ensemble. Lorsqu'un utilisateur souhaite transférer des données sur un/des réseau(x), les données sont passées de la couche la plus haute à la couche la plus basse et chaque couche ajouter des informations. À chaque niveau, l'unité logique qui est manipulée est généralement composées d'un en-tête et d'une charge utile. La charge utile correspond à l'information passée depuis la couche précédente. L'en-tête contient des informations spécifiques à la couche courante (telles que les adresses utilisées). Au niveau de la couche applicative, la charge utile correspond aux données transmises. La couche la plus basse envoie les différentes données via le réseau physique. Une fois arrivée à destination, les données repassent vers les couches les plus hautes. En résumé, les données produites par une couche sont encapsulées dans un conteneur plus grand dans la couche inférieure. Les quatres couches qui permettent à TCP/IP de fonctionner sont présentées ci-après, de la plus haute à la plus basse :
145 Tester le bon fonctionnement de votre site web Beginner, Document, Guide, NeedsActiveLearning, Web, Web Development, WebMechanics
Vous avez donc publié votre site web en ligne. Bien. Mais êtes-vous sûr-e que celui-ci fonctionne correctement ?
146 Threats Beginner, Learn, Security, Tutorial
Une menace correspond à toute circonstance ou événement qui peut impacter négativement des données ou des systèmes à cause d'un accès non-autorisé, d'une destruction (partielle ou totale), d'une divulgation ou de la modification d'informations. Cela peut aussi être un déni de service. Les menaces peuvent impliquer des acteurs intentionnels (par exemple un attaquant qui souhaite accéder à des informations sur un serveur) ou accidentels  (par exemple un administrateur qui oublie de désactiver le compte d'un ancien employé).  Les menaces peuvent être locales (un employé mécontent par exemple) ou éloignées (un attaquant à distance sur un autre continent).
147 Transférer des fichiers vers un serveur web Beginner, NeedsActiveLearning, WebMechanics
Maintenant que vous avez construit une page web, vous voulez peut être la mettre en ligne grâce à un serveur web. Dans cet article, nous verrons comment faire en utilisant FTP.
148 Tutoriels Index, NeedsTranslation, TopicStub
No summary!
149 Comment construire un site web Beginner, Index, NeedsContent
Lorsqu'il s'agit d'apprendre la conception et le développement web, beaucoup souhaitent construire leur site web le plus rapidement possible. Pour faciliter votre progression, nous avons organisé et listé ici les connaissances minimales à acquérir.
150 Les bases de la sécurité informatique Beginner, Landing, Learn, Security
Comprendre les bases de la sécurité informatique vous permettra de réaliser l'importance et le rôle de la sécurité au cours du développement d'un projet. Cela vous aidera à éviter d'utiliser des logiciels superflus qui seraient dangereux et qui permettraient à des attaquants d'exploiter des faiblesses à des fins malhonnêtes. Protégez-vous et vos utilisateurs en mettant en pratique les concepts de bases liés à la sécurité.
151 Utiliser les pages GitHub Débutant, GitHub, Guide, Web, git
GitHub est un outil très populaire et important à l'heure actuelle. Git est un logiciel de gestion de version reconnu, utilisé par de nombreuses entreprises. GitHub possède notamment une fonctionnalité : les pages GitHub. Celles-ci vous permettent de publier un site web sur Internet.
152 WebGL Débutant, WebGL
Lorsqu'il s'agit de décrire WebGL (et la technologie parente qu'est OpenGL), on dit souvent que c'est une technologie qui permet de dessiner des graphiques en 3D et d'appliquer des effets visuels (lumières, textures, ombres, etc) sur ces graphiques. Cela correspond probablement à l'usage principal qui en est fait.
153 WebGL par l'exemple Apprendre, Débutant, Graphisme, WebGL
Les exemples de cette section sont triés par ordre de difficulté croissante. Plutôt que de les présenter sous la forme d'une longue liste, ils sont également répartis selon différentes catégories. Un sujet peut être abordé dans plusieurs exemples afin de couvrir des notions simples, intermédiaires ou avancées.
154 Appliquer des couleurs Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
Dans cet article, on voit comment appliquer une couleur unie dans le contexte de rendu.
155 Appliquer des découpes simples Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
Dans cet article, on illustre comment dessiner des rectangles et des carrés grâce à des opérations de découpe simple (scissoring).
156 Appliquer une couleur à la souris Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
Dans cet article, on voit comment combiner les interactions de l'utilisateur et les opérations graphiques. Plus précisément, dans cet exemple, chaque clic de l'utilisateur déclenchera l'application d'une couleur aléatoire dans le contexte de rendu.
157 Créer une animation avec découpe et applique Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
Dans cet article, on voit comment créer des animations grâce à des opérations de découpe et d'applique.
158 Créer une animation colorée Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
Dans cet exemple, on crée une animation avec des couleurs en appliquant chaque seconde une couleur aléatoire dans le contexte de rendu WebGL.
159 Détecter WebGL Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
Dans cet exemple, on voit comment détecter un contexte de rendu WebGL et afficher le résultat à l'utilisateur.
160 Générer des textures avec du code Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
Dans cet article, on illustre simplement comment générer des textures procédurales avec des fragments de shaders.
161 Hello GLSL Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
Dans cet article, on décrit un programme de manipulation de shaders qui dessine un carré de couleur.
162 Introduction aux attributs de vertex Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
Avec cet exemple, on voit comment combiner la programmation des shaders et les interactions utilisateurs grâce aux attributs des vertex.
163 Les textures vidéos Apprendre, Avancé, Exemple, Graphisme, Tutoriel, WebGL
Cet exemple illustre comment utiliser des fichiers vidéos comme textures.
164 Masque de couleur Apprendre, Débutant, Exemple, Graphisme, Tutoriel, WebGL
No summary!
165 Modèle 1 Apprendre, Débutant, Exemple, Tutoriel, WebGL
Dans cet article, on décrit les fragments de code qui seront réutilisés pour les exemples suivants (où ils seront masqués pour une meilleur lisibilité). Parmi ce code, on définit une fonction JavaScript utilitaire qui permet de simplifier l'initialisation de WebGL.
166 Tailles de canvas et WebGL Apprendre, Débutant, Exemple, Tutoriel, WebGL

Étiquettes et contributeurs liés au document

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