Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 328 (20-26 août 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 135: certificats et TLS 1.3, flexions et propriétés personnalisées, compatibilité et -webkit-junk, filtres SVG et WebGL, nouveau Node.js.
• Podcast Frontend Weekend # 67 - Victor Grishchenko explique comment et pourquoi développer la science dans le monde informatique moderne
• Weekly Vue Weekly Podcast, numéro 1.
• Podcast «Five Minute React» # 44 - De la vie d'un développeur intermédiaire
• Devshahta Podcast: # 47: Testez comme oncle Bob
• Podcast Frontend Youth (18+) # 62 Podcast multiculturel pas sur le frontend
• Entretien avec le chef du SRI Sergey Berezhny
• ChernivtsiJS 2018-23 juin 2018 , 12 vidéos

Développement Web

• Introduction à la programmation des shaders pour les mises en page
• Frontend de microservice - une approche moderne de la séparation du front
• Paiements Web, API de demande de paiement et Google Pay
• Création d'AR / VR avec Javascript et HTML
• Une introduction rapide à la sécurité Web
• Parcourir les générateurs de sites statiques populaires
• Nouvelles instructions d'accessibilité dans WCAG 2.1

• Performances:
  • Conseils pour améliorer les performances des animations CSS et JS
  • Guide Webpagetest
  • Comment nous sommes entrés dans le top 3 des sites e-commerce les plus rapides
  • Immergé dans les performances Web à partir de Google I / O 2018
  • Plongez au cœur des performances Web en 2018
  

• Outils:
  • Conseils professionnels pour utiliser le code Visual Studio pour de meilleures performances en 2018
  • SVG 3D Builder - un outil complet pour créer des modèles tridimensionnels sur svg
  • Aire de jeux Filtres SVG . Un outil qui rend la gestion des filtres beaucoup plus pratique
  

• Web spectaculaire:
  • Codepen CSS / SVG compilation d'effets pour le texte sur le web
  • Une sélection d'animations créatives pour le menu hamburger
  

CSS

• Approche personnalisée pour normaliser et réinitialiser les styles (custom-reset.css)
• Résolu en utilisant CSS! Style logique basé sur le nombre d'éléments
• Nous écrivons CSS mieux et plus beau
• Utilisation de la définition de prise en charge pour écrire du CSS multi-navigateur

• Normes:
  • Standard pour personnalisé
  • Parfois, ils reviennent: les pseudo-éléments avec le préfixe -webkit- deviendront valides dans Firefox
  • :: avant vs: avant
  

• Effets visuels:
  • Quelques mots sur les dégradés
  • Images réactives: astuces CSS qui font gagner du temps
  • Utilisation du chemin de clip CSS pour créer des effets interactifs, partie 2
  • Utilisation de l'arrière-plan CSS pour créer des annonces d'arrière-plan collantes dans un iFrame
  • Exemples d'utilisation de CSS dans le monde réel avec SVG
  • Effets avancés utilisant les modes de fusion d'arrière-plan CSS
  

• Disposition:
  • Tout ce que vous devez savoir sur l'alignement dans Flexbox
  • Avantages de l'utilisation de la grille CSS pour les mises en page de formulaires Web
  

• Typographie:
  • Recherche de polices variables
  • Polices variables et dyslexie
  

• PWA:
  • CSS et PWA: quelques conseils pour créer des applications Web avancées
  • Outils d'optimisation CSS pour accélérer les applications Web progressives
  

Javascript

• TypeScript 3.0
• Applications et serveurs Web JavaScript vulnérables aux attaques ReDoS
• Top 33 des projets JavaScript sur GitHub
• Liste de contrôle pour l'écriture de composants de réutilisation dans React et Vue

• Tutoriels:
  • Création de graphiques en direct sur D3.js
  • Exemple de l'API Javascript Fetch, un guide à partir de zéro
  • Création d'un générateur de site statique simple avec Node.js
  • Premiers pas avec TensorFlow.js
  

• Théorie:
  • JavaScript: explorer des objets
  • Nous augmentons le niveau d'appropriation de la méthode de travail avec le filtre de tableaux
  • Numéros complexes JavaScript
  • Les itérateurs et les générateurs prennent leur place dans le JavaScript moderne
  • Récursivité asynchrone: promesses, surprises, mais surtout confusion
  

• VueJS:
  • Etat Vue.js en 2018
  • Création de SPA optimisés pour le référencement sur Vue.js avec Prerender, ainsi que des conseils
  • Un développeur JS défie Google et Facebook
  • Gestion des événements tactiles avec VueJs
  

• Réagissez:
  • Kotlin + React contre Javasript + React
  • Tutoriel de saisie semi-automatique avec exemple
  • Guide complet des accessoires pour les représentants
  

• Angulaire:
  • Propriétés angulaires v6 qui changent les règles du jeu
  • Création de PWA optimisé pour les moteurs de recherche sur Angular - Partie 1
  • Comment créer un plugin / une architecture d'application extensible sur Angular5 +
  

• Libs et plugins:
  • plugin de taille - affiche la taille des actifs compressés de votre webpack et les modifications depuis la dernière version
  • WorkerDOM - Implémentation de l' API DOM conçue pour fonctionner à l'intérieur de Web Worker
  

Navigateurs

• Mozilla annonce la suppression des modules complémentaires obsolètes de Firefox
• La prochaine mise à jour de Google Chrome 69 apportera un design de navigateur radicalement nouveau
• Dans Firefox 62, prévoyez d'activer le module complémentaire Firefox Monitor
• Chrome pour Android peut commencer à désactiver JavaScript sur une connexion 2G

Divertissant

• Yandex annule les TIC et introduit un nouvel indicateur de la qualité du site
• Les programmeurs plaisantent. Est-il temps d'interdire?
• L' Union européenne va interdire la production de lampes halogènes à partir du 1er septembre
• Windows 95 porté sur Electron
• Le noyau Linux a 27 ans
• Comment la souris a été tempérée: l'évolution des périphériques de jeu
• OG est devenu le champion de l'International 2018 . Pour la victoire, l'équipe a gagné 11,2 millions de dollars.
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