Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 321 (25 juin - 1er 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 127: articles sur BeerJS, graphiques sur Internet, polices en SVG, cadres disparaissants, modules ES2015 +, je ne clique pas sur la raison pour laquelle CSS est ainsi.
• Podcast Frontend Weekend # 59 - Dmitry Manannikov sur l'histoire du déménagement au Danemark, la création d'une startup au Chili et BreakfastJS
• Devschacht Podcast: Night Front End # 39 - Bloody Entepraise vs Startup Atmosphere
• Podcast «Frontend Youth (18+)» # 54 Want speed - écrivez sur les pros
• Podcast «CSSSR», News 512 - Numéro 12 (06.25 - 01.07)
• "TOUT VOTRE HTML" # 55: "Vue.js + Nuxt Stream Catalog"
• Dev.Tube - le meilleur agrégateur vidéo pour les développeurs
• Conférence DUMP 2018: vidéo de tous les rapports et présentations
• YGLF 2018 Kyiv , toutes les vidéos de la conférence

Développement Web

• 11 meilleures ressources en anglais pour les concepteurs de mise en page
• Comment WebAssembly accélère l'avenir du développement Web
• Comment rendre vos applications Web adaptées aux mobiles
• La mise en cache Web expliquée par le processus d'achat de lait au supermarché
• Sortie de Foundation 6.5.0 (RC 1) avec de nombreuses corrections de bugs et améliorations

• Performances:
  • Google PageSpeed ​​Insights contient des données sur la vitesse de chargement de l'ensemble du site
  • Statut sur le web: les meilleures stratégies d'optimisation d'image
  • Amélioration des performances de chargement des pages: Pingdom, YSlow et GTmetrix
  • Présentation de la méthodologie de performance RAIL
  

• Outils:
  • Gestionnaire de paquets de fils - instructions d'utilisation
  • lepto - automatisation de l'édition, l'optimisation et l'analyse des images à l'aide de l'interface CLI et web
  

• Accessibilité:
  • Fournir un travail de site rapide dans le cadre du pipeline de développement
  • «Accessibilité des interfaces» - Dmitry Batogov au SRI
  • Inspecteur d'accessibilité dans les outils de développement Firefox
  • Créer des interfaces accessibles est facile
  

• Effets:
  • Menu créatif créé dans le cadre du CodePen Challenge
  • Curseur à trois panneaux avec animations de transition
  • Rabbit Ear est une bibliothèque pour la création créative d'origami.
  • tenori-off.glitch.me - Séquenceur de musique JavaScript de Monica Dinculescu. La sélection de batterie utilise le Machine Learning
  

CSS

• Stable, déclaratif, contextuel (un nouveau regard sur les points forts du CSS)
• Comment je me suis débarrassé de 250 Ko de CSS morts en utilisant PurgeCSS
• Dessin d'images à l'aide de dégradés CSS
• Pixels vs Ems: les utilisateurs modifient la taille de la police
• Comment et pourquoi nous effectuons des tests unitaires pour notre Sass
• Où est CSS4? Quand sortira-t-il?
• Comment prototyper rapidement des applications à l'aide de la grille CSS et des variables CSS
• Qu'est-ce que l'unité «ch» en CSS?
• Guide de la grille CSS pour les nuls

Javascript

• L'histoire de React Native sur Airbnb. Gabriel Peal traduit par Andrey Melikhov: Partie 1: React Native dans Airbnb , Partie 2: Technologie , Partie 3: Créer une équipe mobile multiplateforme , Partie 4: Prendre une décision sur React Native , Partie 5: Quelle est la prochaine étape avec le développement mobile
• Nouvelle version de .getInstance: Map & WeakMap
• Introduction pratique à Async-Await ES2017
• Création d'AR / VR avec Javascript et HTML
• Utiliser JavaScript dans les industries
• Nouveau livre: Développement Web JavaScript Full Stack - A à Z

• Théorie:
  • Fonctionnement de JS: classes et héritage, transpilation dans Babel et TypeScript
  • JavaScript pour les concepteurs - un recueil structuré d'extraits d'informations créé par Mikhail Koloskov dans le cadre de l'étude de JS
  • Guide minimal pour les décorateurs ECMAScript
  • Classes et interfaces en TypeScript
  • Apprenez ces concepts JavaScript de base en quelques minutes.
  • Sait-il comment muter? Une liste de 30 méthodes pour travailler avec des tableaux en JavaScript a indiqué s'ils mutent un tableau existant ou en retournent un nouveau
  • Cool Things ES6 - grosse grosse flèche
  

• Réagissez:
  • Un nouveau contexte de React ou de la vie sans douleur et passe-partout
  • Lition écrite en React.js
  • Création d'un blog statique à l'aide de Gatsby, CosmicJS et React
  • Comment utiliser les limites d'erreur dans React 16
  • Combiner React, D3 et leurs écosystèmes
  • Nouvelles fonctionnalités et correctifs que nous avons reçus avec la dernière version de React
  

• VueJS:
  • Comment écrire des composants Vue qui interagissent bien
  • Vue + TypeScript: une combinaison dans votre éditeur de code
  • Modèles de composants dynamiques avec Vue.js
  

• Angulaire:
  • 5 meilleurs cours pour apprendre Angular en 2018
  • Angulaire - trucs et astuces
  • Architecture de grands projets d'entreprise sur Angular
  

• Libs et plugins:
  • gio.js - bibliothèque JS pour créer des infographies de globe en trois dimensions à l'aide de Three.js
  • face-api.js - API JavaScript pour reconnaître les visages dans un navigateur à l'aide de tensorflow.js
  • docz - la documentation n'a jamais été aussi simple
  

Navigateurs

• Firefox vérifiera les mots de passe compromis en utilisant la méthode d'anonymisation k
• Sortie de Firefox 61
• Version Opera 54 disponible avec numérotation rapide mise à jour et nouvelles fonctionnalités de récupération
• Un mode pour les ordinateurs faibles est apparu dans le navigateur Yandex
• Prise en charge de Tor intégrée dans le navigateur Brave
• Mozilla ajoute une fonctionnalité «Avoir une fuite» dans Firefox
• Firefox 61 - Quantum of Solstice
• Améliorations des performances JavaScript et WebAssembly dans EdgeHTML 17

Divertissant

• Qu'est-il arrivé au Punto Switcher
• JetBrains a publié les résultats d'une enquête annuelle auprès des programmeurs
• 49 questions posées lors d'entretiens chez Apple
• Infrastructure du projet Gentoo piraté sur GitHub
• Google investit 22 millions de dollars dans KaiOS, fork de Firefox OS
• Google a créé une IA qui colore les vidéos en noir et blanc d'une seule photo
• Facebook a changé d'avis et a levé l'interdiction de la publicité des crypto-monnaies six mois après son introduction
• Guide pour connecter les paiements aux robots Telegram.

Nous nous excusons pour toute faute de frappe ou lien rompu / dupliqué. Si vous remarquez un problème - veuillez écrire dans un e-mail personnel, nous essayons de le résoudre rapidement.

Résumé de la semaine dernière
Matériel préparé par dersmoll et alekskorovin