Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 361 (15-21 avril 2019)

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

Développement Web | CSS | Javascript

---

Développement Web

• Qu'est-ce que GraphQL
• Mozilla présente WebThings
• Optimisation de la taille de l'assemblage du webpack
• Comment envoyer PWA sur le Google Play Store
• Validation des champs de saisie à l'aide de HTML5 et d'expressions régulières
• Un fichier SVG incorporé de manière déclarative et asynchrone dans HTML

• Performances:
  • AMP Stories a obtenu une section distincte dans les résultats de recherche Google
  • Trois façons de vérifier que Rel = preconnect Resource Hints fonctionnent
  • Optimisation des performances avec des conseils de ressources
  • Cloudflare annonce AMP Real URL
  

• Animation:
  • Comment créer et animer des superpositions pivotées
  • Démonstration visuelle créative de Notre Dame avec animation de défilement sur WebGL
  

CSS

• Mystique inline-flex et ce qu'il fait
• Nouvelles et démos CSS Subgrid
• CSS et accessibilité
• Maçonnerie CSS avec flexbox,: nth-child () et commande
• CSS survolant des éléments voisins
• L'introduction officielle de CSSBattle - le premier jeu de golf CSS
• Bordures de pixels: mixage SASS pour ajouter un contour d'éléments pixellisé, avec des paramètres de tailles, de couleurs et de mise en page

Javascript

Les travaux ont commencé sur la traduction de javascript.info en russe et en ukrainien (le russe actuel est disponible dans tous les learn.javascript.ru connus). L'équipe de militants est à la recherche de bénévoles pour aider à traduire les articles du manuel.

• Travailleurs Web JavaScript: Guide du débutant
• Rendu dynamique pour les applications JS - JavaScript SEO
• Le terrible mondialCe polyphile en JavaScript universel
• 7 astuces JavaScript utiles
• Comment utiliser la console JavaScript au-delà de console.log ()
• Débuter avec Javascript - les bons outils et ressources (entretien vidéo avec Christian Heilmann)
• Quand utiliser TypeScript - Un guide détaillé des scripts courants
• Simulation de souris

• Théorie:
  • Développement JavaScript responsable Partie 1
  • Accélération de JavaScript à l'aide de la définition du type de données
  • Fonctions anonymes en JavaScript
  • 12 concepts qui pompent votre JavaScript
  • Bases de JavaScript: maîtrise des objets
  • Comment optimiser vos applications JavaScript avec des boucles
  • JavaScript pour les chats
  • ES6 et au-delà>
  • Explorer le potentiel caché des tableaux en JavaScript
  

• VueJS:
  • Écriture d'une application d'une page avec Flask et Vue.js
  • Comment mettre en cache des pages par URL en utilisant Vue, Vue Router et Keep Alive
  • Optimiser les performances des applications Vue à l'aide de composants asynchrones
  • Comment construire un entonnoir de vente sur Vue.js
  • La puissance des transitions nommées dans Vue
  

• Réagissez:
  • ReactRussia # 1 @ OK , vidéo de trois rapports
  • Nous obtenons 60 images par seconde pour l'animation dans React
  • Écriture d'un middleware simple de type Redux pour React Hooks
  • useReducer vs useState dans React
  • Un examen plus approfondi des crochets React Memoize: useRef, useCallback et useMemo
  • De Redux aux crochets: une étude de cas
  • Nouveau style d'écriture React Redux sans crochets de sélection
  • Aide-mémoire React hook: solutions aux problèmes courants
  

• Angulaire:
  • Comprendre le lierre angulaire: DOM incrémentiel et DOM virtuel
  • Travail correct avec SEO en angulaire côté serveur
  • Plongez rapidement dans la façon dont tout s'emboîte dans Angular
  • Pourquoi et comment faire un chargement de bibliothèque paresseux dans Angular
  • "Chargement différentiel" - une nouvelle fonctionnalité dans Angular CLI v8
  • PWA dans Angular: SwPush et SwUpdate
  

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 .