Résumé des nouveaux matériaux du monde frontal pour la semaine dernière # 426 (27 juillet - 2 août 2020)

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

Médias     |    Développement Web     |    CSS     |    JavaScript

Médias

• Podcast «Frontend Youth (18+)» # 148: Vue, React, Svelte, Typescript, PWA

• Podcast CSSSR: Vue 3 RC, versions NodeJS, Svelte + TS, TSDX, V8 8.5, JS du futur, résultats de l'enquête de JetBrains

• Make Me Pretty Podcast Numéro 39: Bonjour Svelte! Au revoir moment.js!

développement web

• Arrêter le double codage ou la communication bidirectionnelle entre le design et le code

• Stockage local ou cookies? Stocker les JWT en toute sécurité sur le client

• À propos du rôle d'un développeur front-end

• Changements à venir dans WordPress 5.5 que les développeurs de thèmes devraient connaître

• Préparation à l'indexation mobile-first - avec plus de temps à l'esprit

• Renaissance sans code pour les développeurs Web

• ceci contre cela : Expliquer la différence entre des concepts similaires dans le développement Web

• Visualisation du travail CORS

• PWA
  
  • PWA
  
  • PWA Google, 1
  
  • , - , W3C: 5
  
  

• 
  
  • Lock- npm
  
  • Chrome DevTools 2020
  
  • Webpack:
  
  

• 
  
  •
  
  • HTML-
  
  

CSS

• Innovations CSS - Juillet 2020 (Gap, Aspect ratio, Masonry, Subgrid)

• CSS et motif multiple

• Comparaison visuelle 13 cadres CSS

• Thèmes de couleurs du générateur

• Préparation du bénéfice maximal des polices variativnyh Google Fonts

• Analyse CSS à l'aide de CSS OM: Obtenir les propriétés prises en charge, les abréviations et autres détails

• Plugin PostCSS pour corriger le bogue 100vh sous iOS

• Que signifie 100% en CSS?

• Plusieurs bandes dessinées CSS

• Utilisation de CSS pour détecter et changer de thème de site en fonction des paramètres du système

• Vous voulez vous améliorer en codage? Enseignez à quelqu'un CSS.

• Texte en gras au survol ... pas de déplacement de contenu

• Pourquoi CSS Grid Layout ne remplacera pas la grille du cadre

JavaScript

• Écriture de notre serveur WebSocket sans dépendance dans Node.js

• style9: compilateur CSS-in-JS basé sur les idées stylex de Facebook

• Intégration de JavaScript moderne dans les bibliothèques

• Arrêtez de dupliquer les constantes dans JS et CSS

• Développer et déployer un micro-frontend avec Single -Spa

• 
  
  •
  
  • JavaScript
  
  • ?
  
  • Javascript 1 , 2
  
  

• React
  
  • React: 50
  
  • React, 4: Cypress Cypress Testing Library
  
  • React Query
  
  • React Guitar — React.
  
  • reactivue — API Vue Composition React
  
  

• Vue
  
  • Vue.js , 7:
  
  • Vue.js , 8:
  
  • Vue 3 RC!
  
  • React Vue. . [ 2020 ]
  
  

• Angular
  
  • Angular
  
  • Angular Language Service Visual Studio
  
  • Blogit — AngularJS + Github
  
  • 10 Angular,
  
  • 15 Angular
  
  • 11 , NGXS Angular
  
  

• Ember
  
  • Ember 3.20
  
  • The Ember Times — Issue No. 158
  
  • ember-csz: CSS-in-JS Ember
  
  • Ember Octane:
  
  

• Libs & Plugins
  
  • tinykeys — (~ 400 B)
  
  • moment-guess —
  
  • svelthree — Svelte three.js
  
  

• Chrome a (presque) démoli une extension sur laquelle nous travaillions depuis trois ans et ne veut pas parler pour quoi

• Version de Firefox 79 , détails pour les développeurs web de Marat Tanalin

• Navigateurs protégés: choisir le meilleur

• Nouveau navigateur Microsoft Edge planté, si Google y était installé par défaut

• La version Android de Chrome vous permettra de confirmer les paiements à l'aide de l'authentification biométrique

Nous nous excusons pour d'éventuelles fautes de frappe ou des liens rompus / dupliqués. Si vous remarquez un problème - veuillez écrire dans un message personnel, nous essayons de le résoudre rapidement.

Digest de la semaine dernière .

Matériel préparé dersmoll et alekskorovin .