• Aller au contenu
  • Aller au menu
  • Aller à la recherche

CPU ⬜ Carré Petit Utile

CPU

Carré, Petit, Utile : Le programme radio des gens du numérique.
Tous les Jeudi à 11h sur Radio <FMR>

  • Programmes
  • Interviewes
  • Chroniques
  • Chercher
  • Suivez-nous !
  • CPU
  • ⬜
  • Chroniques
  • ›
  • Lexique
  • ›
  • Lexique : Le web côté navigateur
  • ← précédent
  • ⬜
  • suivant →

Lexique : Le web côté navigateur

jeudi 28 février 2019. Chroniques › Lexique

  • design
  • développement
  • logiciel
  • organisation
  • protocole
  • standard
  • vocabulaire
  • web

Extrait de l'émission l'émission CPU release Ex0103 : Web, State of the Art 2019.

Nous allons reprendre quelques bases du web :

HTML
Le HTML, Hyper Text Markup Language, est le langage descriptif à la base d'une page web. Il comporte le texte découpé en blocs et zones, les hyperliens, les métadonnées et les adresses d'éléments d'affichages tels que les images, les musiques et vidéos. Toute page web commence par un document HTML.
Sur notre site CPU.pm, une page HTML d'une émission contient le texte, les liens de documentation, la référence au sonore de cette émission, ainsi que l'image, la CSS et le Javascript.
CSS
Une CSS, Cascaded Style Sheet, est un langage de configuration qui va styler un site web en associant des éléments décrits dans le HTML avec un aspect ou un comportement. Par exemple, il peut décréter que tous les liens seront en bleu, les liens déjà visités seront en violet, à l'exception des liens dans le menu qui seront en blanc et en gras.
Sur notre site CPU.pm, la CSS défini comment chaque partie de la page est placé en fonction de la largeur affichable, où trouver la police de caractère et les couleurs de chaque segment.
Javascript
Le javascript est un langage de programmation ajoutant ou modifiant l'interactivité d'une page web [quand exécuté dans un navigateur web]. Ce programme va transformer un document HTML statique en application dynamique, comme Gmail ou tous les jeux. Un javascript peut servir à faire tourner un joli diaporama, ou surveiller vos faits et gestes pour des raisons publicitaires.
Sur notre site wcode>CPU.pm, le javascript sert à construire notre lecteur audio et à transformer tout lien à un chapitre d'une émission en calant le son vers le moment du sonore correspondant.
URL
L'URL, Uniform Resource Locator, est une adresse unique et universelle. Elle permet à une page web d'indiquer où sont les ressources comme les images ou les CSS. Elle comporte une adresse absolue indiquant le nom du serveur hébergeant la ressource, le chemin de sous-répertoire où est la ressource sur ce serveur, et le nom de la ressource. L'URL peut décrire le protocole réseau à utiliser, le nom d'utilisateur à déclarer, ou la partie de la ressource à afficher. C'est une analogie au chemin d'un fichier dans un ordinateur, on peut la comparer à une adresse postale ou d' e-mail.
L'URL donné pour visiter une page web est en général son document HTML de base.
W3C
Le W3C, World Wide Web Consortium, est une organisation internationale fondée en 1994 par Tim Berners-Lee. Ce consortium contrôle les standards définissant le web, comme les langages HTML, SVG et CSS, l'accessibilité ou des efforts de sécurisation. Le W3C est composé d'environ 480 membres, principalement des chercheurs, des représentants d'industriels et des groupes professionnels. Ces personnes sont regroupées en groupes de travail qui rédigent des standards ouverts et gratuits. Il est possible, en tant que professionnel éclairé, d'aider à leur conception et l'évaluation. Le consensus est ce qui garanti que le web peut se consulter avec tous les navigateurs web.
Navigateur
Un navigateur web est un logiciel client qui permet de consulter le web et... de naviguer évidemment. Le tout premier navigateur fut WorldWideWeb, écrit par Tim Berlers-Lee, puis vint Mosaic, le premier à afficher des images, dont descendirent Netscape et Internet Explorer. De nos jours, dans l'ombre de Chrome, nous trouvons Safari, Firefox, Edge, Brave et Opera.
Moteur de rendu
Un moteur de rendu est la partie d'un navigateur web qui interprète et affiche un document HTML, enrichi du CSS et du Javascript. De nos jours, le moteur de rendu blink (de Google) est le plus courant, webkit (qu'on retrouve chez Safari) est son ancêtre ; face à eux le gecko de Mozilla est en ré-écriture massive via le projet servo/quantum. Edge, le navigateur de Microsoft a annoncé abandonner son moteur maison pour utiliser le blink de Google.
Extension
Une extension est un greffon logiciel qui permet d'étendre le fonctionnement d'un navigateur web. Actuellement, Les extensions les plus populaires sont des bloqueurs de pubs comme AdBlock Plus ou uBlock Origin. D'autres permettent d'annoter des pages, ou d'améliorer la lisibilité pour les malvoyants.
XUL
Le XUL (prononcé /zool/, XML-based User interface Language) est un langage XML qui permettait de concevoir l'interface de logiciels comme Netscape, Firefox, Thunderbird et Blue Griffon. Mozilla foundation a abandonné le Xul pour des raisons de performance, et ré-écrit ses interfaces en HTML.
Framework
Un framework est un ensemble de bibliothèques, et parfois d'utilitaires, permettant de créer un logiciel, dans un cadre fixé. Ce sont des fondations sur lesquelles vont des pièces pré fabriquées. Dans le web côté navigateur, on parle de framework en langage javascript (tels AngularJS, ReactJS et Vue.js), mais il existe des kits CSS qui se définissent comme framework d'aspects (comme Bootstrap, Foundation et Material.io).
Un framework permet théoriquement d'accélérer le temps de développement, mais il peut devenir une plaie à entretenir ou handicaper un projet par sa rigidité.
Polyfill
Un polyfill est une bibliothèque javascript qui permet d'ajouter pour un site web des fonctionnements en général décrits par un standard du W3C, mais des fonctionnement trop frais pour avoir été implémenté dans tous les navigateurs web. Les polyfills sont les petites roues qu'on pourra enlever quelques années plus tard, quand tous les navigateurs sauront faire du vélo auront implémenté la fonction manquante.

Texte : DaScritch. Illustration : cc-0 MaxPixel

Pièces jointes

  • 0103-CPU-Lexique-WebNavigateur(28-02-19).mp3

Aucun commentaire

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées. Votre e-mail ne sera pas affiché.

Menu

Catégories

  • Programmes
  • Interviewes
  • Chroniques
    • Enfant du futur immédiat
    • Ainsi naquit
    • Artefact du passé
    • Feedback
    • Histoire
    • How to
    • La mascotte
    • Le Gourou
    • Lexique
    • Plantage
    • Standard
    • Archéologie du Futur
    • Légende
    • Paillasse du design
  • Hors micro
  • Teaser

Séries

  • Arrière-guichet
  • Au service informatique de Sa Majesté
  • Bio is the new Black
  • Bulletin de santé d´Internet 2017
  • Crie si tu sais…
  • Cryptoparty
  • Elles codent
  • Futurs alternatifs
  • Histoires de la cryptographie
  • Killed By App
  • Langages machine
  • lost and found
  • Made in Japan 日本製
  • Parce que c’est Notre Projet Souverain
  • Quelque chose de totalement différent
  • Radio numérique
  • Read That Funky Manual !
  • Situation critique
  • Webmasters

Toutes les séries

Mots-clés

  • communication
  • communauté
  • design
  • politique
  • infrastructure
  • développement
  • matériel
  • organisation
  • sécurité
  • éducation
  • électronique
  • logiciel
  • standard
  • éthique
  • prototypage
  • humour
  • maker
  • marketing
  • situation de crise
  • vie privée

Tous les mots-clés

Menu extra

Suivez-nous !

  • 🎵 Podcast des émissions
  • 🎧 …pour Android
  • 🎧 …via Apple Podcast
  • 🎧 …via Google Podcast
  • 🎧 …en newsletter
  • Comment faire

Réseaux sociaux

  • Twitter @CPUprogramme
  • @cpu@Mastodon.tetaneutral.net
  • LinkedIn company/cpuprogramme
  • Facebook /programmecpu
  • Nous écrire par e-mail

Développeurs

  • Da Scritch
  • Enflammée
  • Fs0c131y
  • Gabriel
  • Infested Grunt
  • Vicla
  • Solarus
  • Philippe Martorell
  • Megami Yume
  • Chris O'Brien
  • Élise Rigot
  • René Speranza
  • Toute l'équipe

Producteurs

  • Radio <FMR>
  • Silicium
  • Ça Fait Écho
  • Régie publicitaire

Code source (github)

  • CPU-Audio web component
  • Thème Dotclear "CPU-15"
  • CPU podcaster
  • Youtube future playlist

Pages juridiques

  • Documentation du programme
  • Licence de l'émission et des sonores
  • Politique de confidentialité 🍪
  • Mentions légales

Interviewes et chroniques en licence CC-BY-NC ⬜ Émissions © DaScritch et l'équipe pour Radio <FMR> ⬜ Propulsé par Dotclear