Ressources pour HTML, CSS et JavaScript
Traduit par
ScribdTranslationsRessources pour HTML, CSS et JavaScript
Traduit par
ScribdTranslationsRessources HTML, CSS et JavaScript
Ce document est disponible à partir [Link]/webdevres.
Pour des informations sur les applications web progressives, [Link]/pwa-ressources.
Outils de navigation
Chrome DevTools
Intégré dans Chrome. Éditez le HTML, le CSS et le JavaScript en direct, ou exécutez le code dans leconsole.
Firefox DéveloppeurTools
Outils de développement Firefox : choisissez Développeur Web dans le menu Outils.
Développeur Microsoft EdgeTools (F12)Tools
Outils de développement pour Internet Explorer.
Opéra Libellule
Outils d'opéra.
Documentation, tutoriels et aide
Code-barres
Des tutoriels simples et à faible bande passante pour HTML, CSS, JavaScript et d'autres langages.
Udacity
Des cours interactifs bien conçus sur de nombreux sujets du web, notamment :
• Introduction à HTML + CSS
• Notions de base en JavaScript
• Introduction aux applications Web progressives
• Images responsives
20 choses que j'ai apprises sur le Web
Introduction douce aux technologies web - dans un joli 'livre' en ligne.
Khan Academy
Super endroit pour commencer avec l'informatique.
Académie du Code
Leçons interactives simples et clairement structurées en HTML, CSS et JavaScript.
Guerres de Code
Apprentissage interactif pour JavaScript et d'autres langages.
Conception Web en 4 Minutes
(Très) brève introduction aux techniques pour commencer sur le web.
JavaScript en 14 minutes
Introduction interactive à JavaScript.
stackoverfl[Link]
Un excellent endroit pour poser (et trouver des réponses de haute qualité à) des questions liées au web. Si vous avez un
question, assurez-vous de faire une recherche d'abord au cas où cela a déjà été demandé.
[Link]
Orientation, analyse et un blog. (Remplace les fondamentaux du web.)
Fundamentaux du Web
Meilleure pratique pour le développement web multi-appareils. (Remplace HTML5 Rocks — et une grande partie de cela
est remplacé par [Link].)
[Link]
(Désuet et principalement porté àFondamentaux du [Link].) Tutoriels, démonstrations et
mises à jour de tout ce qui est (ou était) nouveau en HTML, CSS et JavaScript.
[Link]
J'aime ce site, mais gardez à l'esprit les avertissements à[Link].
MDN
Mozilla Developer Network : démos, tutoriels et documentation de référence localisés en dizaines
des langues et maintenu par des centaines de contributeurs bénévoles et du personnel de Mozilla.
[Link]
Documentation téléchargeable pour les technologies web de base.
[Link]
Unique en son genre, bien écrit, guide et histoire de tout ce qui concerne HTML5.
[Link]
Articles et tutoriels sur HTML, CSS et JavaScript.
Quirksmode
« Pour tous vos caprices de navigateur ». Des articles approfondis sur une variété de sujets.
Sitepoint
Documentation de référence par un éditeur de livres respecté.
MSDN
HTML, CSS, JavaScript et autres documentations de Microsoft.
Astuces CSS
Des articles approfondis sur le CSS.
Smashing Magazine
Conception web multi-appareils, outils et techniques.
Matériel d'apprentissage de l'équipe des documents de développement Chrome
Une mine d'or : des liens vers des ressources, chacune catégorisée et notée.
[Link]
Site créé par le Googler Paul Kinlan pour rechercher une documentation web réputée
[Link]
Effort intersectoriel pour créer une documentation web. Non maintenu, mais a toujours des éléments.
informations utiles.
[Link]/matériaux
Matériel d'atelier sur le concept web introductif.
Feuilles de triche front-end
Compilation de fiches de triche.
Actualités et bulletins d'information
Focus Frontend
Récapitulatif hebdomadaire de ce qui est nouveau pour HTML, CSS et JavaScript.
JavaScript Hebdomadaire
Actualités, articles et vidéos sur JavaScript.
HTML
HTML haute performance
HTML est le langage de base du web, mais souvent négligé. (Auto-promotion éhontée — je
l'a écrit.)
TÊTE : Un guide gratuit sur les éléments <head>
Comprend une discussion sur l'internationalisation et de nombreux liens vers d'autres ressources.
Liste des éléments W3C
Liste complète et à jour des éléments, attributs et événements, avec des exemples.
CSS
Les 30 sélecteurs CSS que vous devez mémoriser
Exemples, démos et compatibilité.
Feuilles de style par défaut du navigateur
Styles par défaut pour les éléments HTML.
JavaScript
[Link]
Tutoriel JavaScript — simple mais détaillé.
JavaScript de base
Article d'introduction bien écrit.
[Link]
Alternatives en JavaScript pur à jQuery et à d'autres fonctions de bibliothèque.
Feuille de triche ES2015+
Excellente vue d'ensemble des nouvelles fonctionnalités JavaScript récentes, dont la plupart sont bien supportées.
dont beaucoup rendent le code plus expressif et compréhensible.
Capacité du navigateur
[Link]
Capacités des navigateurs mobiles et de bureau, avec des liens vers la documentation.
[Link]
Support des fonctionnalités de la plateforme web et exemples.
blink-dev
Vous voulez savoir ce qui arrive sur Chrome ? Blink est le moteur de rendu de Chromium.
[Link]
État et feuille de route d'Internet Explorer.
Statut des fonctionnalités WebKit
Qu'est-ce qui est pris en charge par Safari et qu'est-ce qui est en développement.
Kangax
Tables de compatibilité ECMAScript.
[Link]
Des fonctionnalités que votre navigateur peut réaliser, avec des liens vers des démonstrations et des informations sur le support des navigateurs.
[Link]
Informations sur les fonctionnalités des navigateurs mobiles.
[Link]
Fonctionnalités HTML, CSS et JavaScript : ce qui est en flux, ce qui est instable et ce que vous pouvez y faire.
[Link]
Testez la compatibilité CSS3 de votre navigateur.
Robohornet
Évaluez votre navigateur en utilisant des exemples du monde réel, pas des performances JavaScript brutes.
Données de performance du site Web
Archive HTTP
Nous explorons périodiquement les meilleurs sites du web et enregistrons des informations détaillées sur les données récupérées.
ressources, API et fonctionnalités de la plateforme web utilisées, et traces d'exécution de chaque page. Nous avons ensuite
analysez et examinez ces données pour identifier les tendances - en savoir plus sur notre méthodologie.
Web Almanac : utilisation des bibliothèques et frameworks
Récapitulatif annuel de l'HTTP Archive — notez que cela ne concerne que les pages d'accueil.
Rapport sur l'expérience utilisateur Chrome(CrUX)
Mesures de l'expérience utilisateur sur la façon dont les utilisateurs de Chrome dans le monde réel expérimentent des destinations populaires sur
le web.
Alexa Internet
Les sites web les plus populaires au monde, classés par pays et par catégorie, sur la base des données d'une
barre d'outils/extensions de navigateur. Appartenant à Amazon, à ne pas confondre avec leAmazon Alexa
assistant AI.
Statistiques, archives...
Part de marché de l'utilisation des navigateurs Wikipedia
Comparaison des statistiques provenant de diverses sources.
Statcounter
Graphiques de parts de marché des navigateurs organisés par territoire, plateforme, version du navigateur et d'autres métriques.
App Annie
Analytique et statistiques pour les applications natives.
CapteurToqui
Données de l'application.
Construire pour des milliards
Données et ressources pour les marchés émergents.
Archive HTTP
Tendances dans la technologie web, statistiques intéressantes, performance des sites web.
Machine à remonter le temps
Archive de plus de 400 milliards de pages web.
Éditeurs de code en ligne
JS Bin
Éditez HTML, CSS et JavaScript en direct - puis enregistrez et associez votre travail.
jsFiddle
Plateforme de codage en ligne pour HTML, CSS et JavaScript.
CodePen
Terrain de jeu et vitrine front-end.
Mozilla Thimble
Éditez et publiez des pages web en ligne – des créateurs de Firefox.
Codecademy
Un bon endroit pour les débutants absolus.
Terrain de jeu Google Code
Exemples d'APIs Google et JavaScript.
Hébergement
Créer et héberger un site personnel sur GitHub
Introduction à Git, GitHub, GitHub Pages et Jekyll.
Validateurs, vérificateurs de code, outils...
Validateur HTML W3C
Outil de validation HTML.
HTMLHint
Outil d'analyse HTML.
Validateur CSS W3C
Outil de validation CSS.
CSSLint
Linting CSS, plugins d'éditeur disponibles.
Beautifier CSS
Outil open source pour formater le CSS, provenant des laboratoires Sencha.
ESLint
Utilitaire de linting JavaScript avec des plugins pour des éditeurs tels que Sublime et des outils de construction tels que Gulp
et Grunt.
JSHint
outil de linting JavaScript (semblable àJSLint, mais plus configurable, avec des plugins pour l'éditeur et Grunt
disponible).
JSONLint
Validateur JSON.
JS Beautifier
Open source tool for formatting JavaScript and HTML.
Test
Phare
Outil de test automatisé open source, disponible depuis le panneau d'audit des DevTools Chrome, en tant que
Extension Chrome, ou en tant qu'outil en ligne de commande.
Webpage Test
Test de chargement de page multi-navigateur, depuis des serveurs sur une variété de réseaux et d'emplacements à l'échelle mondiale.
Vitesse de la pageTools
Outil Google pour ‘aider les développeurs à optimiser leurs pages web en appliquant les meilleures pratiques de performance web
pratiques’. Maintenant avec UX et tests mobiles.
[Link]
Outil de test de site open source et personnalisable, disponible en ligne ou à partir de la ligne de commande.
[Link]
Tester et surveiller globalement sur une variété de réseaux cellulaires.
Proxy de Charles
Web debugging proxy: can be used to ajuster la bande passante et la latence.
Contrôle de Trafic Augmenté (CTA)
Ensemble d'applications open source maintenues par Facebook qui peuvent être utilisées pour façonner le trafic et
émuler des conditions de réseau altérées.
jsPerf
Créez, partagez et comparez des cas de test.
Conditionneur de lien réseau
Outil d'émulation de réseau pour OS X et iOS.
Liste de vérification du développeur Web
Liste de contrôle des exigences pour des applications et sites web de haute qualité.
Liste de vérification Front-End
Liste priorisée des tâches et des outils de test.
Bibliothèques, gestionnaires de paquets, frameworks…
Gulp
Outil de construction front-end.
Grogner
Exécuteur de tâches JavaScript.
Mais soyez conscient dePourquoi nous devrions arrêter d'utiliser Grunt et Gulp.
Webpack
Regroupement de modules.
Rollup
Regroupeur de modules.
Yeoman
Des flux de travail modernes pour des applications web modernes.
Bower
Gestionnaire de paquets.
Modernizr
Bibliothèque de détection de fonctionnalités.
Le guide ultime des frameworks JavaScript
Comprehensive list with pros and cons.
jQuery
Bibliothèque JavaScript multiplateforme avec des plugins d'interface utilisateur et de widgets. Mais soyez conscient de
vousn'avezpeut-ê[Link].
Clôture
Optimisation JavaScript, linting et plus.
Sass
Variables CSS, héritage, mixins et plus.
Moins
Bibliothèque CSS multiplateforme.
[Link]
Cadre MVC.
Polyfills HTML5 multiplateforme
Un catalogue de bibliothèques JavaScript pour traiter une variété de fonctionnalités manquantes ou non standard.
Sencha et Ext JS
Frameworks d'applications web HTML5 multi-navigateurs.
Sproutcore
Cadre d'application web.
Autres choses
lorempixel
Images de remplacement gratuites.
Spécifications et normes
W3C
HTML, CSS et tout ça.
WHATWG
La norme HTML vivante.
ECMAScript
JavaScript est un dialecte de cela.
Mises à jour des fournisseurs de navigateurs
Chrome
● @ChromiumDev
● [Link]/web/updates
● [Link]/search/label/web
● [Link]
● [Link]
● [Link]/dev-channel
● [Link]/user/ChromeDevelopers
● [Link]/caracteristiques
● [Link]/a/[Link]/forum/#!forum/blink-dev
Firefox
Safari
Opéra
UC
Enquêtes auprès des développeurs
État de JS
Enquête annuelle sur les attitudes des développeurs.
État du CSS
Enquête annuelle de l'équipe State of JS.
Enquête des développeurs Stack Overflow
Survey of Stack Overflow contributors.
Rapport ADN de MDN Web
Rapport annuel énorme.
Livres
JavaScript : Le Guide Définitif
par David Flanagan
Un livre imprimé réel ! Référence classique, très lisible.
JavaScript Éloquent
par Marijn Haverbeke (en ligne ou imprimé)
Bonne introduction à la programmation, via JavaScript – avec beaucoup de bonnes ressources en ligne (éditables)
exemples.
Ne me fais pas penser
par Steve Krug
Un autre vrai livre ! Près de 20 ans, mais toujours l'un des meilleurs et des plus faciles à lire guides sur
design d'interface.
JavaScript : Les bonnes parties
par Douglas Crockford
Tout ce que fait Crockford est bon – surtout soncours vidéosur JavaScript (diapositivesici).