Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 343 (10-16 décembre 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

---

Médias

• Podcast «Web Standards», numéro 151: Événements et communauté dans Tver, Firefox, barres de défilement et moteurs, Quicklink et ressources Hints, hors ligne, formulaires et tableaux.
• Podcast du week-end # 83 - Ilya Klimov explique comment et pourquoi le projet éducatif JavaScript.Ninja a été créé
• Devshahta # 61: TypeScript et sa prise en charge dans l'IDE JetBrains
• Podcast «Frontend Youth (18+)» # 75 Tits on keyboard , # 76 Comment mettre à niveau la communauté frontend
• Podcast CSSSR Remote Talk # 03 - Alexey Volkov et Olesya Kozlova, Chelyabinsk
• "ALL YOUR HTML" # s2e1: "Satellite Text" (texte brut autour de l'image), le premier flux de la nouvelle saison

Développement Web

• Fonctionnement des navigateurs - introduction à la sécurité des applications Web
• Bref aperçu du développement frontal en 2018
• Générateur de code GraphQL
• Création d'un formulaire de connexion animé pour TouchID

• Performances:
  • Modèle anti-performance: encodage Base64
  • Mesurer l'impact sur les performances des extensions Chrome
  • Tout sur la prélecture
  • GoogleChromeLabs / quicklink - un outil qui accélère le préchargement des pages en présélectionnant les liens dans la fenêtre d'affichage pendant les temps d'arrêt
  

• AMP / PWA:
  • Cas: comment Pinterest est passé à PWA et a augmenté l'activité des utilisateurs de 60%
  • Existe-t-il une guerre froide entre Android et Chrome sur les PWA?
  • Plus rapide que l'AMP
  

• Accessibilité:
  • JavaScript et droits civils. En utilisant notre technologie. compétences pour protéger l'égalité des droits des utilisateurs
  • Pas une stratégie de navigation ancienne: c'est plus qu'une simple touche de tabulation
  • Utilisation d'Aria-Live
  • Tout change-t-il? Que pourrait-il arriver à la loi britannique sur l'accessibilité après le Brexit
  • L'inspecteur d'accessibilité de Firefox affiche désormais le contraste WCAG, y compris la plage de valeurs pour le fond dégradé
  

CSS

• Utilisez simplement des styles pour: focus, enfer
• Introduction et guide du modèle d'objet CSS (CSSOM)
• DebuCSSer - Outil de débogage CSS avec un nom imprononçable
• CSS-in-JS ou CSS-and-JS
• La propriété de visibilité ne concerne pas seulement la visibilité des éléments
• Quand les: hover,: focus et: pseudo-classes actives s'appliquent-elles?
• Vérifiez si l'entrée CSS est vide
• Explorer les propriétés de spécification CSS
• CSS Math

Javascript

• À propos des avantages de l'intégration de CSS dans JS
• Qui a participé à l'enquête JavaScript 2018?
• Injection JavaScript avancée
• Blog sur la technologie Netflix: nos résultats après la mise en œuvre de GraphQL
• JavaScript: le chemin parcouru
• Le duel décisif entre les tendances technologiques: React vs Angular vs Vue
• Utilisez ces fonctionnalités Javascript pour rendre votre code plus lisible.

• Node.js:
  • Apprentissage automatique avec Node.js à l'aide de la bibliothèque Tensorflow.js
  • Lancez un drone en utilisant React et Node.js! (100% JavaScript!) - Partie 1
  • 19 façons d'améliorer les développeurs Node.js en 2019
  • API Node.js et frameworks Web pour 2019
  

• Théorie:
  • Fonctionnalités JavaScript explicites
  • Fonctionnement de JavaScript: présentation du moteur, de l'exécution et de la pile d'appels
  • Héritage JavaScript et chaîne de prototypes
  • ECMAScript - essayez quelque chose de ES2019 (ES10)
  • Propriétés de classe publiques et privées
  

• Réagissez:
  • Avant vous - React Modern Web App
  • 9 générateurs de sites statiques React pour 2019
  • Listes de rendu à l'aide de React Virtualized
  • Rédaction plus rapide du code React avec des extraits React simples
  • Conseils d'optimisation de React
  • Async React avec React Router et Suspense
  • React: State & Props IRL
  

• VueJS:
  • Histoires, chapitres et paragraphes: structurer le contenu avec Storyblok et Vue.js
  • Choix d'un thème de carte interactive à l'aide de Vue.js
  

• Angulaire:
  • Écriture d'une règle TSLint personnalisée pour Angular
  • Option d'héritage de composants dans Angular, partie 1
  • Améliorer les bibliothèques angulaires - Partie 1
  • Migration d'AngularJS vers Angular - une nouvelle stratégie
  

• Libs et plugins:
  • matchit: analyse et compare rapidement les URL
  • Rendora: rendu dynamique côté serveur utilisant Chrome sans tête pour résoudre les problèmes de référencement avec les cadres modernes React, Vue et Angular sans effort
  • pika: recherche de packages npm modernes. Obtenez des versions JavaScript rapides et légères.
  • Pourquoi je n'utilise plus D3.js
  

Navigateurs

• Sortie de Firefox 64 , Détails pour les développeurs dans la revue de Marat Tanalin
• New Edge prendra en charge les extensions Chrome
• Opera a publié le premier navigateur Android avec prise en charge de Web 3 et le portefeuille cryptographique intégré Ethereum
• Brave browser a terminé la transition vers Chromium
• Une sélection de commentaires sur la situation récente avec les navigateurs et Edge

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 .