Frontend Weekly Digest (5 au 11 août 2019)

Cette semaine, nous publions une très grande sélection de toutes les nouvelles essentielles que vous pourriez avoir manquées sur le développement Front-end. Assurez-vous de vérifier les dernières mises à jour sur CSS, HTML et JavaScript.

Développement Web

• Laissez Mavo briller dans la création d'applications Web interactives
• Une introduction simple aux travailleurs Web en JavaScript
• Création d'e-mails interactifs hautement optimisés avec le cadre AMP de Google
• Pourquoi le développement Web moderne est-il si compliqué? Une explication longue mais hâtive: Partie 1!
• Quel est le meilleur: un programme de fidélisation PWA ou une application mobile?
• Un sélecteur de contacts pour le Web
• Maintenant en ligne: votre liste de lecture SmashingConf Toronto

• Performances:
  • La plus grande peinture contentée . Rendre plus facile de savoir quand le contenu important d'une page a été chargé.
  • Temps pour le premier octet: ce que c'est et pourquoi c'est important
  • Chargement différé natif pour le Web
  • Le chargement paresseux natif est lancé sur Chrome 76!
  • Établissez des connexions réseau tôt pour améliorer la vitesse de page perçue
  • Gestion des entrées haute performance sur le Web
  

• Outils:
  • Le guide des raccourcis Visual Studio Code, une productivité plus élevée et 30 de mes raccourcis préférés que vous devez apprendre
  • SVG Gobbler - une extension de navigateur simple qui trouve le contenu SVG dans votre fenêtre actuelle, met en évidence des attributs uniques, y compris la taille et vous permet de télécharger ou de copier dans le presse-papiers
  

• Accessibilité:
  • Accessibilité Web vs Convivialité
  • Conseils d'accessibilité inattendus
  

• Animations:
  • Effets de traînée d'image
  • Résumé des sites Web inspirants n ° 7
  • Comment créer des animations Web avec Anime.js
  
  

CSS

• Modes d'écriture et disposition CSS
• Apprentissage du CSS en lisant les spécifications
• Redirection JS côté client: Googlebot peut-il les détecter? #AskGoogleWebmasters
• Gestion des CSS inutilisés dans SASS pour améliorer les performances
• CSS: sélecteur vide
• Nouvelles hebdomadaires de la plate-forme: style de police CSS: oblique, extension de navigateur webhin, modules CSS V1
• Principes de conception pour les développeurs: processus et conseils CSS pour une meilleure conception Web
• Déplacement de texte sur un chemin incurvé
• 5 générateurs de grille Super CSS pour vos mises en page
• Rendu et bordures sous-pixels

Javascript

• Comment faire glisser et déposer des éléments et des fichiers HTML à l'aide de Javascript
• Création de ma première application Svelte: réflexions et impressions
• Utilisation de l'itération asynchrone ECMAScript 2019 à l'aide de «pour»
• Intl.NumberFormat
• Cas d'utilisation intéressants pour les opérateurs JavaScript au niveau du bit
• Combinateurs JavaScript Promise: .all (), .race (), .allSettled ()

• VueJS:
  • Comment configurer un environnement de développement Vue
  • Modification des données des composants avec des émetteurs d'événements dans Vue.js
  • Tirer le meilleur parti des composants Vue Async
  

• Réagissez:
  • React v16.9.0 et la mise à jour de la feuille de route
  • Nouveautés de React v16.9
  • Comment fonctionne le mode de développement?
  • Création d'applications mobiles avec Ionic et React
  • useEffect vs. useLayoutEffect dans un langage simple et accessible
  • Utilisation d'Immer pour React State Management
  

• Angulaire:
  • Utilisation de la fonction d'attente asynchrone dans Angular
  • Modules et composants asynchrones dans Angular Ivy
  • En route vers Angular 9: trois corrections de bugs dans Angular 9
  • Comment partager des composants angulaires entre des projets et des applications
  

• Libs et plugins:
  • sharec - un nouvel outil minimaliste pour le passe-partout et le contrôle de version de configuration, qui peut copier, fusionner et supprimer des fichiers.
  • Frosted Panel est une bibliothèque compatible avec tous les navigateurs écrite en pur Javascript pour obtenir un effet réactif "Frosted Glass".
  • murphyjs: un moyen simple d'implémenter des animations de révélation basées sur le défilement dans vos composants.
  

Merci d'avoir lu! N'hésitez pas à nous envoyer vos articles ou de nouveaux contenus utiles que vous souhaitez voir dans le prochain condensé.