ECMAScript 6: New Features: Overview and Comparison Fiche 8 : Utiliser ARIA - Guide du développeur RGAA 3 Règles d'utilisation de ARIA dans le HTML Privilégier les éléments HTML natifs ARIA propose beaucoup de rôles dont l'objectif sémantique est équivalent à celui des éléments HTML natifs, par exemple role="list", role="img" etc. Par exemple : <span role="heading" aria-level="1">Titre de niveau 1</span> Cette utilisation des rôles heading et aria-level transforme un simple span en un titre de niveau 1 « virtuel » qui requiert l'utilisation d'une technologie d'assistance compatible pour être correctement restitué. Or, la première règle d'ARIA stipule qu'il faut privilégier l'utilisation d'élément HTML natif, sauf exception : If you can use a native HTML element or attribute with the semantics and behaviour you require already built in, instead of re-purposing an element and adding an ARIA role, state or property to make it accessible, then do so. Trois situations qui justifient le recours à ARIA peuvent être envisagées pour créer de toute pièce un élément HTML : <h1 role="button">titre bouton</h1>
Introduction aux Design patterns | Design-patterns.fr Cet article a pour objectif de présenter les Design Patterns. Il expose un historique succinct, la définition et la représentation des Design Patterns, leurs avantages et leurs organisations. Différents termes Tout d’abord, les Design Patterns ont plusieurs noms francisés qui permettent de les désigner. Les plus courants sont ’motif de conception’, ’modèle de conception’ ou encore ’patron de conception’. Historique L’origine des Design Patterns remonte au début des années 70 avec les travaux de l’architecte Christopher Alexander. Dans les années 90, l’idée de Christopher Alexander va être reprise et étendue au domaine de la conception des logiciels. Définition Un Design Pattern est une solution à un problème récurrent dans la conception d’applications orientées objet. Représentation d’un patron de conception Les Design Patterns sont représentés par : Les avantages L’utilisation des Design Patterns offre de nombreux avantages. Organisation des patrons de conception
Coup d'œil sur ECMAScript 6 | Jérémie Ledentu JavaScript est une implémentation de ECMAScript, le langage de script standardisé par la norme ECMA-262. La dernière édition publiée de cette norme est la 5.1, qui est supportée par tous les navigateurs web modernes. L’édition 6, baptisée Harmony, est en cours de préparation. Elle ambitionne d’améliorer notablement le langage et de le rendre plus simple pour écrire des applications complexes. D’ors et déjà, les moteurs Javascript implémentent déjà certaines fonctionnalités (une table de compatibilité se trouve ici). Découvrons maintenant quelques-unes des nouveautés apportées par ES6 (liste non exhaustive)… Classes et héritage Les classes ES6 proposent une syntaxe plus simple et plus légère (un “sucre syntaxique”) pour créer des “classes” : On instancie un objet classiquement : Pour créer une classe qui hérite d’une autre classe : let Vous connaissez le mot clé var, qui permet de définir une variable globale, ou locale à une fonction. const Itérateurs et générateurs Promises Arrow functions Set
Mimo: Learn to Code W3Schools Online Web Tutorials ES2015 Lesson 4: Classes – Zsolt Nagy The concept of prototypes and prototypal inheritance in ES5 are hard to understand for many developers transitioning from another programming language to JavaScript. ES6 classes introduce syntactic sugar to make prototypes look like classical inheritance. For this reason, some people applaud classes, as it makes JavaScript appear more familiar to them. Others seem to have launched a holy war against classes, claiming that the class syntax is flawed. On some level, all opinions have merit. My advice to you is that the market is always right. I personally use classes on a regular basis, and my React-Redux tutorials also make use of the class syntax. Not knowing the class syntax is a disadvantage. Judgement on the class syntax, or offering alternatives are beyond the scope of this section. Prototypal Inheritance in ES5 Let’s start with an example, where we implement a classical inheritance scenario in JavaScript. Rectangle is a constructor function. The ES6 way Let’s see the ES6 version. Super
Accessible Rich Internet Applications (WAI-ARIA) 1.1 1. Introduction§ This section is non-normative. The goals of this specification include: expanding the accessibility information that may be supplied by the author; requiring that supporting host languages provide full keyboard support that may be implemented in a device-independent way, for example, by telephones, handheld devices, e-book readers, and televisions; improving the accessibility of dynamic content generated by scripts; and providing for interoperability with assistive technologies. WAI-ARIA is a technical specification that provides a framework to improve the accessibility and interoperability of web content and applications. This draft currently handles two aspects of roles: user interface functionality and structural relationships. The role taxonomy is designed in part to support the common roles found in platform accessibility APIs. The schema to support this standard has been designed to be extensible so that custom roles can be created by extending base roles. Note 2. 3.
UI Components - Ionic Documentation Developers: ES5 builds are disabled during development to take advantage of 2x faster build times. Please see the example below or our config docs if you would like to develop on a browser that does not fully support ES2017 and custom elements. Note that by default, ES5 builds and polyfills are enabled during production builds. When testing browsers it is recommended to always test in production mode, and ES5 builds should always be enabled during production builds. This is only an experiment and if it slows down app development then we will revert this and enable ES5 builds during dev. Enabling ES5 builds during development: npm run dev --es5 For stencil-component-starter, use: npm start --es5 Enabling full production builds during development: npm run dev --prod npm start --prod Current Browser's Support: Current Browser: Mozilla/5.0 (X11; Linux x86_64; rv:43.0) Gecko/20100101 Firefox/43.0
Exploring ES2018 and ES2019 Get the book About the book “Exploring ES2018 and ES2019”: Covers what’s new in ECMAScript 2018 and ECMAScript 2019. If you want to know more about the rest of JavaScript, consult Axel’s other books. About the author 50 termes de typographie à connaître pour optimiser le contenu de son site Le monde de la typographie est plein de termes spécifiques. Que vous vous essayez à lacréation de votre propre site ou que vous ayez recours à un webdesigner professionnel, connaître ces termes pourrait vous être d’une grande aide. Car derrière une apparence complexe, ces termes révèlent un savoir qui peut vous aider àoptimiser la lisibilité et l’apparence de votre site web. Et comme nous l’avons vu dans un article précédent (19 générateurs de palettes de couleurs pour simplifier le web-design), l’apparence de votre site est capital pourattirer l’œil, inciter un internaute à rester sur votre site, et même à y revenir ultérieurement. Voici donc la liste de50 termes en la matière qu’il peut être utile de connaître : 1. Le crénage représente l’espace entre deux lettre. Le crénage est important sur un site web. 2. L’inter-lettre est donc unespace de taille égale entre toutes les lettres. 3. L’interligne est l’espace entre deux lignes de texte. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17.
How to Check Which Process Is Using Port 8080 or Any Other Port (and Vice Versa) on Windows Hello friends. In this tutorial, you will learn How to check which process/application is using a particular port on Windows How to check which port is being used by a particular process/application on Windows How to Check Which Process/Application Is Using a Particular Port on Windows Step 1 - Find the Process id of the Process Using the Given Port Syntax netstat -aon | findstr<port_number> -a Displays all connections and listening ports. On my system, it displays the following output. netstat -aon | findstr 8080 Here the last column is telling the process id of the process which is using port 8080. Explanation netstat -aon Will give you a list of process Ids which are using given port. findstr 8080 findstr is functionally equivalent to grep command on Linux. Step 2 - Find the Process/Application Name Using the Given Port Using the Process id Found in Step 1 tasklist | findstr <PID> This will give you the application name which is using that port. tasklist | findstr 9260 tasklist | findstr javaw.exe
ES6 en détails : une introduction - Bidouilleux d'Web Ce billet est une traduction de cet article, écrit par Jason Orendorff qui participe au développement du moteur JavaScript de Firefox. Ce billet sera le premier d’une série de traductions, chaque billet décrivant une nouvelle fonctionnalité apportée par ECMAScript 6. Merci à Marine, Mentalo, Lucas et Benjamin pour la traduction :) Bienvenue dans cette série hebdomadaire que sera « ES6 en détails » ! Nous explorerons ECMAScript 6 (ES6), la nouvelle édition, imminente, du langage JavaScript. Quel est le champ d’application d’ECMAScript ? Le langage de programmation JavaScript a été standardisé par l’organisation de standardisation ECMA sous le nom d’ECMAScript (ES). ECMAScript ne définit rien qui concerne HTML ou CSS ni même les API Web telles que le DOM (Document Object Model). Le nouveau standard La semaine dernière (NdT : le 16 avril 2015), la version finale de la spécification de la sixième édition du langage ECMAScript, a été proposée à l’Assemblée Générale ECMA pour relecture.