Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 322 (2 - 8 juillet 2018)

Nous portons à votre attention une sélection avec des liens vers de nouveaux matériaux de la zone frontend et autour d'elle.

Médias | Développement Web | CSS | Javascript | Navigateurs | Divertissant

---

Médias

• Podcast "Web Standards", numéro 128: React est juste JS, imbriqué dans CSS, système d'indentation, captcha inaccessible, oubliez les grilles dans IE, concepteur de mise en page contre visivig.
• Podcast Frontend Weekend # 60 - Dmitry Rozhkov sur la création de Senior Software Vlogger, l'hivernage en Thaïlande et la vie à Hambourg
• Devschacht Podcast: Night Front End # 40 - GPC, Dépression, WSD et Patreon
• Podcast Frontend Youth (18+) # 55 Vous voulez être un développeur React cool - écoutez ici!
• Podcast CSSSR: Nouvelles 512 - Numéro 13 (07/02 - 08/07)

Développement Web

• La mise en cache Web comme exemple d'achat de lait dans un magasin
• Site mobile ou mise en page adaptative: ce qui est mieux du point de vue du référencement
• Comment et pourquoi tester la mise en page
• Publii - un nouveau CMS statique avec GUI pour créer des sites sûrs, rapides et élégants
• Internet est complexe (mais il ne doit pas nécessairement en être ainsi) . Guide de développement Web complet

• Performances:
  • Google: le moteur de recherche Speed ​​Update sera lancé en juillet 2018 , Google Speed ​​Update prendra en compte les améliorations même mineures de la vitesse de téléchargement
  • Audit des performances: immersion profonde dans les outils de développement Firefox
  • Amélioration des performances: redimensionnez les images à la demande
  • Optimisation de la vitesse du site Web avec Chrome DevTools . Blog des développeurs Google mis à jour
  • Composants dépendants de la connexion . Utilisez l'API Network Information pour vous adapter à différentes vitesses: img pour 2G / 3G, vidéo pour 4G
  • Réduire le chargement JavaScript utile avec Tree Shaking
  

• Accessibilité:
  • stylelint-a11y - plugin pour stylelint avec les règles a11y
  • Carrousel abordable utilisant ARIA
  • Puissance et danger WAI-ARIA: plus d'informations sur la reconnaissance vocale
  

• Web spectaculaire:
  • Generative WorldCup . Expérimentez avec l'API World Championship Statistics pour générer des modèles abstraits pour chaque jeu
  • Présentation des GaspTools d'Ueno : un outil d'animation simple
  • div qui semble différent dans tous les navigateurs
  • Souris fantôme suivant le curseur
  
  

CSS

• GitHub se transforme ... GitHub se transforme ... en un élégant Windows 95
• Travail efficace sur les normes - partie 1: environnement opérationnel , partie 2: la voie difficile du compromis
• Guide pour l'intégration et la stylisation des systèmes d'icônes - sprites SVG, caractères SVG et polices d'icônes
• Astuces CSS pour révolutionner vos mises en page
• Placer du texte dans un conteneur
• Clearfix: une leçon sur l'évolution du développement web
• Fonctionnement de CSS: création de couches avec z-index

• Grille CSS:
  • CSS Grid Level 2: et Subgrid Came
  • Grille CSS dans IE: découvrir les idées fausses sur IE Grid
  • CSS Grid dans IE: CSS Grid et le nouvel autoprefixeur
  • Grille CSS dans IE: émulation d'une grille de placement automatique avec des lacunes
  

Javascript

• Bases de JavaScript pour les débutants
• Développer votre propre framework et la croissance professionnelle d'un programmeur JS
• Quand (et pourquoi) devez-vous utiliser les fonctions fléchées ES6
• 15 méthodes d'éléments HTML dont vous n'avez peut-être jamais entendu parler
• Pourquoi GraphQL: avantages, inconvénients et alternatives
• Variables JavaScript, let et const expliquées dans l'histoire

• Réagissez:
  • 16 React Tools pour les développeurs d'interfaces
  • Les erreurs les plus courantes dans votre code React que vous faites (éventuellement)
  • Tutoriel React simple (au moins 99% ES2015).
  • React est juste JavaScript
  • Les bases de React Without NPM. Sans webpack. Sans Redux. Apprenez les bases de React en créant une fractale animée directement dans le sandbox de votre navigateur.
  • 5 pratiques populaires que vous pouvez arrêter d'utiliser dans React
  • Qu'est-ce que Redux: Guide du concepteur
  • react-scrollbar-custom - le meilleur composant React pour créer des barres de défilement personnalisées
  

• VueJS:
  • Chaîne de langue russe de. communauté vuetify.js sur discord
  • Vue Test Utils and Jest: comment écrire des tests unitaires simples pour le frontend
  • Comment utiliser le routage dans Vue.js pour améliorer l'expérience utilisateur
  • Création d'une application mobile à l'aide de Capacitor et Vue.js
  • Le manuel Vue: une introduction détaillée à Vue.js
  • Authentification Vue et gestion des itinéraires avec Vue-router
  • Meilleurs modèles d'administration pour Vue.js en 2018
  

• Angulaire:
  • Feuille de route du développeur angulaire . Un projet dont le but est de rassembler les concepts les plus élémentaires / importants que toute personne qui veut apprendre à devenir un développeur angulaire doit apprendre
  • Composants Web dans Angular et AngularJS
  • Solutions de composants dynamiques en angulaire
  

• Libs et plugins:
  • berger - une bibliothèque pour créer un assistant visuel sur les éléments du site
  • Rete.js - Cadre de programmation visuelle JavaScript
  • itty.bitty - un outil pour créer des liens contenant de petits sites
  

Navigateurs

• Captures d'écran: menu principal de Microsoft Edge mis à jour
• Google et Mozilla ont supprimé le module complémentaire de navigateur de Stylish, qui espionnait les utilisateurs, des répertoires
• Comparaison des performances de diverses implémentations WebAssembly
• Comment utiliser Microsoft Edge pour lire des livres électroniques
• Spectre a réussi à contourner la protection du navigateur contre la vulnérabilité

Divertissant

• La blockchain est-elle un mot à la mode ou quelque chose de sérieux?
• Pourquoi beaucoup veulent devenir manager et ce n'est pas toujours une bonne idée
• Dans le module complémentaire de navigateur Stylish, un code a été révélé pour envoyer l'historique des visites
• La renaissance de la virtualité et de la réalité augmentée
• Évaluation du langage de programmation TIOBE en juillet: TypeScript continue de gagner en popularité
• Introduction visuelle à l'apprentissage automatique

PS: la semaine prochaine il n'y aura pas de résumé, de vacances et tout ça.

← Digeste de la semaine dernière
Matériel préparé par dersmoll et alekskorovin