Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 365 (13-19 mai 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

---

Médias

• Web Standards Podcast , 176. Web Development Podcasts, News from Google I / O and Microsoft Build
• Make Me Beautiful Podcast Issue No. 17 - Vous n'avez pas besoin de SPA, de Google News et de Microsoft échoue
• Podcast Frontend Youth (18+) # 93 Grumbling Front End
• Podcast CSSSR : Nouvelles 512 - Overclock de mai
• Podcast CSSSR : Nouvelles 512 - Numéro spécial de mai
• Podcast «Devshahta / Night Frontend» # 80: versions mobiles correctes et contenu sur Facebook
• Repozitorro # 14 : Il existe différents projets, mais cela ...
• "TOUT VOTRE HTML" # s3e2: "Physique avec Cannon.js"
• Vidéo de SmashingConf SF 2019
• Web à Google I / O 2019 , 24 vidéos

Développement Web

• Photos sur le web 2019
• Tendances des technologies de développement Web 2019
• Composants SVG pour l'IoT et les appareils (partie 2)
• Introduction à JAMstack: architecture Web moderne
• Pourquoi le développement avec JAMstack est cool
• Tout ce que vous vouliez savoir sur le mode d'entrée
• Pug Newbie Guide
• Comprendre un périphérique JPEG

• Performances:
  • Utilisation de WebAssembly 20x Web Application Accelerated
  • Meilleure priorisation HTTP / 2 pour l'accélération Web
  • Immersion profonde dans le chargement paresseux natif d'images et de cadres
  • Rapport de réunion du comité consultatif du CHA
  • Optimisation d'image: comprendre l'impact exact sur le score de performance de Google pour l'améliorer en 2019
  • Le «pli» (la zone d'écran initiale du site) est-il toujours important dans la culture de défilement du site moderne?
  • 3Pweb est un visualiseur en ligne qui montre combien de temps il faut en moyenne pour exécuter des scripts tiers
  

• Outils:
  • Fonctionnalités des outils de développement Chrome que vous ne connaissiez pas (PARTIE 1)
  • Développement à distance à l'aide de VS Code
  • Débogage JavaScript plus rapide et plus intelligent dans Firefox DevTools
  

• Accessibilité:
  • Une nouvelle (et facile) façon de mettre en œuvre l'accessibilité pour le contenu caché
  • Statut de disponibilité: GAAD 2019
  • Présentation de Microsoft Web Template Studio pour le développement de la pile complète
  

• Animation:
  • Intégration de bibliothèques d'animation tierces dans le projet
  • Comment créer un graphique à secteurs sur SVG
  

CSS

• Sélecteur: () sera-t-il disponible pour l'enregistrement?
• Ceci est un piège-ezoid: les formes CSS ne sont pas ce que vous attendez
• Animations de lignes et de colonnes de grille CSS
• Sous-grille . Nouvel article sur les documents de développement MDN
• Analyse CSS: le moyen le plus rapide de vérifier et de copier CSS
• La fonction CSS pour limiter le texte multiligne aux points de suspension a été implémentée dans Firefox
• Débogage de grille CSS: Partie 2: Qu'est-ce que Fr (action)?
• Google Fonts prend désormais en charge l'affichage des polices!
• Des règles CSS pour vous faciliter la vie
• Grille de fenêtre chinoise et CSS

Javascript

• Première contribution à l'API du navigateur de Facebook
• Cloudflare, Mozilla et Facebook développent BinaryAST pour accélérer les téléchargements JavaScript.
• Premiers pas avec Svelte 3
• Javascript fonctionnel
• TypeScript 3.0: type inconnu

• Théorie:
  • Qu'est-ce que c'est ici? Fonctionnement interne des objets JavaScript
  • Guide pratique du proxy Javascript
  • Moteurs JavaScript: comment fonctionnent-ils? D'une pile d'appels à une promesse, (presque) tout ce que vous devez savoir
  

• VueJS:
  • Messages de validation de formulaire disponibles en utilisant ARIA et Vue.js
  • Introduction au développement piloté par les tests avec Vue.js
  • Prise en main de Vue - Présentation et procédure pas à pas
  • Galerie avec prise en charge des gestes sur Vue.js et Tailwind
  

• Réagissez:
  • Reakit 1.0: une nouvelle boîte à outils pour créer des applications web abordables basées sur React
  • Comment convertir facilement des classes React-Redux en React Hooks
  • unform - bibliothèque ReactJS pour créer des structures de formulaire non contrôlées avec des champs imbriqués, des validations et bien plus encore
  • Animation de l'interface utilisateur dans React
  • ReactQ - Kit de démarrage universel pour React + GraphQL: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
  • Modèles de conception de crochets clés React
  • Docking React App
  • Création de votre propre bibliothèque de validation React: les bases (partie 1)
  • Que faire lorsque votre application React est lente
  

• Angulaire:
  • Angular: création et publication d'une bibliothèque
  • Présentation de CLI Builder
  • Création d'une boutique en ligne à l'aide de ngrx / store et Angular
  • Mes trucs et astuces Angular préférés
  • Héritage des composants en angulaire
  • Faciliter l'accessibilité avec le CDK angulaire. Listes de navigation du clavier
  

• Libs et plugins:
  • Découvrez Storeon , un minuscule gestionnaire d'état pour des applications modernes similaires à Redux, implémentées dans un fichier unique pesant 173 octets
  • ola - bibliothèque d'animation pour la moyenne / interpolation des nombres en temps réel
  • reLift-HTML - une petite bibliothèque de vue (3 Ko) qui vous permet de créer des composants Web, des éléments personnalisés, ce qui aide à rendre toute page HTML réactive sans pollution avec de grands cadres
  

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 .