Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 354 (25 février - 3 mars 2019)

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 163: Mathématiques en CSS, vitesse et surcharge, le nouveau codec vidéo AV1, JavaScript et SEO, les robots ne nous remplaceront pas.
• Podcast Devshahta: # 71: Comment TypeScript change notre façon de penser (Partie 2)
• CSSSR Podcast News 512 - Numéro 40 (25/02 - 03/03)
• Sur mitap! # 1: enregistrement des rapports . Documents de la première réunion dans un format en ligne organisé par HTML Academy
• Blog vidéo de Vadim Makeev: «15. Vivre avec des réponses "
• Tournoi: «Le meilleur long métrage JS de 2018» (PARTIE 4 - FINALE!)

Développement Web

• Qualité du code . Déchiffrer le rapport d'Ivan Botanov avec Frontend Conf, où il parle de lisibilité, de dénomination, de déclarativité, de style de code et de la relation entre June et lead
• Disposition de test? Facile
• Portfolio Portfolio, Part 1: Animation, Microinteractions et SVG
• Générateurs de sites statiques: guide du débutant

• Performances:
  • Google: la vitesse de téléchargement mobile devrait être une priorité constante
  • Pour l'illusion d'un chargement de page rapide: règles de création d'un écran squelettique sur les sites et applications
  • Un peu de performance . Un nouvel article de Roman Komarov sur les détails de l'optimisation de son site - liens de préchargement, polices, navigation progressive, etc.
  • Servir des images réactives
  

• Accessibilité:
  • Quand un bouton n'est-il pas un bouton?
  • La disponibilité n'est pas un «problème de réaction»
  • Guide d'accessibilité Web - Une collection organisée de conseils, astuces et directives pour l'accessibilité Web.
  • Pratiques de disponibilité pour les composants du sélecteur de dates
  • Analyse d'accessibilité de la page d'accueil de 1 000 000 de sites
  • Utiliser l'intelligence artificielle pour créer un texte alternatif sur les images
  

• Animation:
  • Effets de filtrage SVG. Partie 7. Avant
  • Effets de filtre SVG: continuer
  • Effet de traînée de texte
  

CSS

• Comment fonctionne @supports
• Conception réactive et propriétés CSS personnalisées: définition de variables et de points d'arrêt
• Modèle CSS mental . Nouvel article PPK dans lequel il essaie d'expliquer la philosophie CSS aux développeurs Javascript
• Le groupe de travail CSS a convenu d'ajouter de nombreuses fonctions mathématiques, y compris acos (), asin (), atan (), hypot (), sqrt () et bien d'autres
• Briser les boîtes avec la fragmentation CSS . Le dernier article de Rachel Andrew sur la nouvelle spécification CSS
• Recréer l'effet de dégradé de Facebook Messenger à l'aide de CSS
• Un aperçu détaillé des principes des sélecteurs CSS + aide-mémoire
• Propriétés CSS moins connues dans les GIF
• 8 petites vidéos sur l'éditeur de chemin de forme dans Firefox
• Les propriétés personnalisées CSS gagneront-elles des boucles Sass?
• Regardez, pas de requêtes médiatiques! Mises en page réactives à l'aide de la grille CSS

Javascript

• Wolfensteiny 3D - reverse engineering 251 octets de JavaScript
• Google lance une série de vidéos SEO pour JavaScript
• FunES # 9: une énigme . Astuces JavaScript
• Versions: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• Comment écrire des applications JavaScript simples et modernes à l'aide de Webpack et des technologies Web avancées
• Comprendre les problèmes de performances avec les données JSON polymorphes

• Théorie:
  • 5 conseils pour écrire des constructions conditionnelles en JavaScript
  • 12 concepts JavaScript à connaître
  • Guide complet du cycle JavaScript
  • Quelle est la séquence de mots clés la plus longue en Javascript?
  • Guide de rappel complet
  

• Réagissez:
  • Création de composants efficace avec système stylisé
  • Nous sommes passés à Next.js pour traiter notre page d'accueil 7,5 fois plus rapidement.
  • Amélioration des performances des composants fonctionnels React avec React.memo ()
  • Comment la règle d'or des composants React peut vous aider à écrire un meilleur code
  • Écriture de tests pour les applications React à l'aide de Jest et Enzyme
  • Explication Redux en 1 minute
  • 8 raisons d'utiliser des composants de style
  

• VueJS:
  • Améliorer la productivité du développement avec Vue - Partie 2
  • Vue.js Application Performance Optimization, Partie 1: Introduction à l'optimisation des performances et au chargement différé
  • Glisser dans et hors de Vue.js. Un article détaillé sur l'un des avantages de Vue - intégration progressive facile avec d'autres JS
  • Création de directives personnalisées dans Vue.js
  • Un autre exemple d'un composant abstrait dans Vue.js
  

• Angulaire:
  • MVC dans le monde angulaire
  • Annonce de Angular Loadable (ngx-loadable ~ 2.2kB)
  • Comment transférer des fichiers et des données entre un client sur Angular et un backend sur Node.js
  

• Libs et plugins:
  • FrenchKiss.js est une bibliothèque d'internationalisation ultra-rapide et légère qui fonctionne à la fois dans le navigateur et dans NodeJS
  • terser - Analyseur JavaScript et boîte à outils mangler / compresseur pour ES6 +.
  • cnbuilder - Encore un autre générateur de chaîne de nom de classe
  • Zero Server: framework web de configuration zéro
  • npmf: extrait rapidement les informations sur le package npm directement sur le terminal
  

Navigateurs

• La vulnérabilité 0Day dans Chrome est utilisée pour voler des données
• Dans Firefox 67, la page about: compat apparaît et les onglets sont déchargés lorsqu'il n'y a pas assez de mémoire
• Google accélère Chrome avec la nouvelle fonctionnalité de mise en cache des pages ouvertes
• Dans Firefox, un mode image dans l'image et un gestionnaire de modules complémentaires repensé apparaîtront
• Chrome n'est plus nécessaire

Divertissant

• Google a ouvert l'enregistrement de domaine dans la zone .dev pour tout le monde
• Un réseau de neurones a appris à simuler des voix
• «Le système de notation sociale chinois sensationnel dans la pratique est loin des nouvelles technologies»
• Les événements les plus significatifs de l'industrie de l'intelligence artificielle en 2018
• Reconnaissez-vous le code du langage de programmation pour «Hello, World!» - test de langues exotiques
• Mozilla a publié les données vocales Common Voice
• Linus Torvalds ne pense pas que les serveurs de l'architecture ARM remplaceront x86. «Vendre un modèle 64 bits - idiotie»
• Les nouveaux langages de programmation tuent tranquillement notre connexion avec la réalité
A.

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.

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