Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 317 (28 mai - 3 juin 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 | Divertissant

---

Médias

• Podcast "Web Standards", numéro 123: YaC et WWDC, les derniers hackers Chrome, Edge et Firefox, imbrication, calc et CSS, comment écrire du code rapidement, polices variables, attente et modules ES, y a-t-il une bête pleine pile, Yandex Débarquements.
• Podcast Frontend Weekend # 55 - Nikita Prokopov sur ClojureScript, les blogs et la création de votre propre police
• Podcast «devschacht»: Night Frontend # 35 - RIT ++
• Podcast Frontend Youth (18+) # 50 Mythes sur la configuration zéro
• Podcast CSSSR: Nouvelles 512 - Numéro 8 (28/05 - 06/03)
• «TOUT VOTRE HTML» # 51: «Particules connectées en 3D»

Développement Web

• Nouvelles versions: GSAP 2.0 , WordPress 15 , annonce Lighthouse 3.0 , Material-UI v1 , Jest 23 , annonce TypeScript 2.9
• Pourquoi le développement frontend est-il si instable?
• Culte de complexité . Note critique de Jeffrey Zeldman sur l'état actuel du développement Web
• Créez une image réactive . Comment créer un logo qui correspond au rapport d'aspect
• 9 secrets PWA incroyables
• Indicateurs de focalisation disponibles: points sur lesquels se concentrer

• Performances:
  • prerender-loader! - pré-rendu universel pour Webpack. Améliore la première peinture, souvent même sans changer le code
  • Qu'est-ce que les conseils client et est-il utile d'utiliser?
  • Réduction de la taille de l'image avec l'échantillonnage des couleurs
  

• Outils:
  • On Yarn and back (on npm) again
  • Chrome 67 - Quoi de neuf dans DevTools
  • Trois étapes pour déployer des applications Webpack sur Heroku
  

CSS

• Algèbre dans calc (), la nouvelle spécificité des sélecteurs de niveau 4 et autres innovations CSS de mai
• Où tout est compliqué avec des sauts de ligne. Voici toutes les astuces CSS et HTML pour cela.
• Expliquer Z-index: comment positionner des éléments en utilisant CSS
• Résoudre les problèmes de vie avec CSS
• critters - Plugin Webpack pour intégrer le CSS critique et le chargement paresseux pour le reste
• Fonctionnement de CSS: comprendre la cascade
• État de changement de dégradé à l'aide de transitions et d'animations CSS
• HSL () / HSLa () sont parfaits pour le contrôle logiciel des couleurs

Javascript

• Méthodes utiles de tableaux et d'objets en JavaScript
• FAQ #SmooshGate
• Propriétés du JavaScript moderne que vous devez utiliser tous les jours pour améliorer le développement et quels problèmes ils résolvent
• Meilleures pratiques pour l'utilisation de la syntaxe JavaScript moderne
• Capture et rapport des erreurs JavaScript à l'aide de window.onerror

• ES2015 +:
  • Nouveautés d'ES2017: fonctionnalités asynchrones, objets améliorés, etc.
  • ES6 (ES2015) et versions ultérieures: comprendre le contrôle de version JavaScript
  • ES6 en action: littéraux d'objets améliorés
  • Contrôle de flux dans JS moderne: rappels aux promesses d'async / attente
  

• VueJS:
  • Construire des applications modernes avec Django et Vue.js
  • Cartographie en temps réel avec Vue.js
  • Meilleures ressources pour apprendre Vue.js en 2018
  • De VanillaJS à Vue.js: une histoire de refactoring
  

• Réagissez:
  • Tombons amoureux de React Fibre
  • Reach Router est un nouveau routeur qui met l'accent sur l'accessibilité. Aperçu rapide des fonctionnalités et de l'utilisation
  • Guide Next.js: SPA de commerce électronique React convivial
  • react-ideal-image - un composant React presque parfait pour les images
  • Les leçons les plus importantes que j'ai apprises après un an de travail avec React
  • Comprendre Redux: le guide du débutant le plus simple au monde
  • Gestion de l'état de l'application dans React avec Unstated
  

• Angulaire:
  • NgRx - Meilleures pratiques pour les applications d'entreprise sur Angular
  • Angular + Redux - la leçon que nous avons apprise pour vous
  • 44 conseils rapides pour optimiser les performances de réglage en angulaire
  

• Libs et plugins:
  • proppyjs - Une petite bibliothèque JS pour la composition fonctionnelle des accessoires. Prend en charge ReactJS, VueJS, PreactJS et ReactiveX
  • 11 bibliothèques Javascript à connaître en 2018
  • minipack est un exemple simplifié de compilateurs modulaires modernes écrits en JS
  

Navigateurs

• Version 67 du navigateur Web Chrome
• Firefox 63 introduira un bloqueur de script de minage de crypto-monnaie
• Une vulnérabilité dans Chrome et Firefox tout au long de l'année a permis d'obtenir des données sur les profils Facebook
• Google Chrome a introduit la prise en charge de l'authentification sans mot de passe sur les sites utilisant la norme WebAuthn

Divertissant

• Retour des geektimes à Habr
• Big Data Tesla Architect: notre pilote automatique est SkyNet de Terminator
• Quelles polices sont les meilleures à utiliser pour les données complexes
• Comment apprendre à un enfant à programmer
• QWERTY est-il vraiment une mauvaise disposition et pourquoi nous ne pourrons pas la refuser
• Microsoft négocie l'achat de GitHub
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 .