Résumé des matériaux frais du monde frontal pour la semaine dernière # 438 (19-25 octobre 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     |    Navigateurs     |    Divertissant

Médias

• Podcast «Make Me Beautiful» Numéro 46: La dactylographie et la mise en page ont résolu tous leurs problèmes (vous ne l'avez pas fait)

• Podcast «Frontend Youth (18+)» # 160: Black Cardinal Front End Pro Unlimited

• Podcast CSSSR: MobX ou Redux , Flexbox ou CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020 Pro Unlimited

• Podcast IT Way: À propos du frontend pour les débutants, comment Aviasales fonctionne (et fonctionne). Épisode 46 du 24/10/2020

développement web

• Composants Web: Guide du débutant

• Comment exécuter des scripts en HTML. La balise script et les attributs async, defer, module, nomodule et src

• Un guide des différents types de stockage dans le navigateur

• L'attribut lang: les navigateurs mentent, doux mensonges.

• Des moyens plus intelligents de créer une structure HTML avec une imbrication profonde

• Outils
  
  • Configuration de Webpack 5 à partir de zéro
  
  • Nouveautés de DevTools (Microsoft Edge 87)
  
  • Ajout de PWA Chromium Edge (Progressive Web Apps) au Microsoft Store
  
  

• 
  
  • - (WCAG) 2.1
  
  •
  
  • inert
  
  

• 
  
  • «Inspirational Websites Roundup #19»
  
  • clip-path
  
  

CSS

• État du CSS 2020 . Une enquête annuelle sur l'état actuel du CSS avec la possibilité d'évaluer votre niveau de connaissance en fonction des résultats de son achèvement

• Comment structurer mon CSS

• Choisir une mise en page CSS - Grille ou Flexbox?

• Créer des formes CSS avec Emoji

• Sortir des sentiers battus avec CSS Grid

• CSS en 3D: apprendre à penser en cubes, pas en rectangles

• «Le sélecteur CSS générique est lent et doit être évité» - un autre mensonge!

• Variables dans les variables de thème Sass, CSS et sémantique

• Conception de hauteur adaptative

JavaScript

• Utilisation de l'attente «globale» dans JavaScript

• Options de programmation orientée objet (en JavaScript)

• Rendu côté client vs rendu côté serveur vs génération de sites statiques

• Résolution d'un problème idiot avec JavaScript

• API Observer en JavaScript - Partie II

• 6 avancé Fonctions JavaScript que vous pouvez utiliser aujourd'hui

• Comment créer un composant d'accordéon progressivement amélioré à l'aide de vanilla JS

• Versions
  
  • Version de Node.js 15.0 JavaScript Server Framework
  
  • Création de la version 4.0 de l'application React
  
  • Version de Babel 7.12.0 TypeScript 4.1, chaînes comme noms d'importation / exportation et blocs statiques de classe
  
  

• React
  
  • React
  
  • Rockpack — , React create-react-app
  
  • Styled-Components React
  
  • Create React App 4
  
  • React v17.0
  
  • Next.js
  
  

• Vue
  
  • Vue SVG
  
  • 10 Vue
  
  • Vue.js , React
  
  

• Angular
  
  • TypeScript — Angular
  
  • Angular — function-like HTML
  
  • @ngrx/component-store selector debouncing
  
  

• Ember
  
  • The Ember Times — Issue No. 166
  
  • Ember 3.22
  
  • ember-cli-deploy
  
  • React Hooks Ember.js
  
  

• Svelte
  
  • Svelte Actions
  
  • Svelte
  
  

• Libs & Plugins
  
  • Arrêtez d'utiliser Moment.js pour les dates et heures en JavaScript
  
  • nsfwjs - Une bibliothèque JavaScript simple pour vous aider à identifier rapidement les images obscènes côté client
  
  • Lucia est une minuscule bibliothèque JS (compatible UMD) qui peut remplacer jQuery et applications en JavaScript vanille.
  
  • fingerprintjs - Génère l'identifiant du visiteur du site Web à partir de l'empreinte numérique du navigateur
  
  

Navigateurs

• Version Firefox 82

• Microsoft Edge pour Linux - la version bêta du navigateur est devenue accessible à tous

• Le navigateur Chrome dispose désormais d'une fonction de recherche d'onglets ouverts

• Désormais, JScript dans Internet Explorer peut être désactivé

Divertissant

• Photoshop a reçu de nombreuses fonctionnalités d'IA: remplacement intelligent du ciel, filtres avancés, etc.

• Partout où il y a des hyperliens et des colonnes bleus: à quoi ressemblaient les sites Apple, Google et Amazon en 1999

• Comment Cloudflare génère des clés cryptographiques à l'aide d'un mur de 100 lave d'entropie lampes

• Facebook a créé une IA qui sera capable de traduire des textes entre 100 langues directement à





partir du Digest de la semaine dernière .

Matériel préparé dersmoll et alekskorovin .