Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 396 (30 décembre 2019 - 5 janvier 2020)

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 | Divertissant |

Médias

• Podcast "Make Me Beautiful" Numéro 32, visite d'Artur Kenzhaev - L'article le plus stupide et le plus difficile
• Podcast «Web Standards» n ° 210: Console.log ou débogage, polices variables, principes a11y, promotions NG, code à usage unique
• Podcast CSSSR: Nouvelles 512 - Édition spéciale du nouvel an 2020
• Vidéo de PiterJS: # 37 (T-Systems) , # 38 (Nexign) , # 40 (DataArt) , # 41 (DINS) , # 42 (JetBrains)

Développement Web

• Applications Web progressives en 2020
• CI / CD pour le front end: un aperçu des outils et pratiques d'automatisation du développement
• Résultats SEO 2019: pariez sur les évaluateurs
• Apprentissage IndexedDB
• Développement Web en 2020 - Un regard vers l'avenir
• Ce que vous pouvez faire avec un navigateur en 2020
• Ce que nous lisons, 2019. Une sélection de ressources sur lesquelles vous pouvez suivre les tendances de développement Web
• Qu'est-ce que le CORS (Cross Source Resource Sharing)?
• Docs Storybook pour de nouveaux cadres
• Une sélection de prototypes créatifs d'interfaces animées "Roundup d'interactions et d'animations UI # 1"

• Performances
  • Optimisation du téléchargement d'images
  • Comparaison des performances de HTTP / 1.1, HTTP / 2 et HTTP / 2 + Push serveur
  • Prototypage d'optimisation avec Cloudflare Workers et WebPageTest
  • Comment optimiser le temps de chargement des pages: un autre regard sur l'indice de frustration
  • Comment lire un diagramme en cascade dans WebPageTest
  • Problèmes de performances JavaScript?
  

CSS

• Création d'une mise en page de planification quotidienne avec CSS Grid & Subgrid & Flexbox
• Comprendre CSS-in-JS
• Comprendre la grille CSS: créer un conteneur de grille
• Puissant propriété CSS z-index
• Le sélecteur «est» est-il utile?
• 2 façons de créer une mise en page du Saint Graal sur Flexbox
• Largeur / hauteur minimum et maximum en CSS
• Nouvelle année, nouvel emploi? Créons un CV sur les grilles!

Javascript

• JavaScript Weekly 2019: les liens, articles, tutoriels et vidéos les plus populaires pour 2019
• 70 Questions d'entretiens JavaScript
• Chrome V8 Version 8.0 - V8, - À quoi s'attendre?
• Biais d'échantillonnage, FDR et réflexions sur l'état de JS

• Théorie
  • De quoi JavaScript est-il fait?
  • Modèles de sélection de base de données rapides et pris en charge
  • Erreurs communes de promesse Javascript que chaque débutant devrait connaître et éviter
  • 5 fonctions JavaScript sans lesquelles je ne pouvais pas écrire de code
  • 11+ fonctionnalités JavaScript que vous n'avez probablement jamais utilisées
  • ES7-ES9 Features # 8 Méthodes de chaîne
  

• Réagir
  • Le pouvoir de simplifier les gros composants dans React
  • Comparer les bibliothèques de test React
  • Utilisation de liens dans Next.js
  • Contexte Redux VS React: lequel choisir?
  • Revue de l'année React 2019
  • Crochets React-Redux avec tapuscrit en 2020
  

• Vue
  • Vue Composition API: qu'est-ce que c'est et comment l'utiliser?
  • Architecture hors fil principal avec Vuex
  • Vue Cheat Sheet Part 3 Advanced
  • Vue Apollo v4: premier aperçu
  • Création de composants Web avec Vue.js
  • API de composition Vue.js: à utiliser avec l'API MediaDevices
  • Solution Lazy Observable API Services avec Vue.js
  • Donnez votre avis sur Vue Keep-Alive
  

• Angulaire
  • Angulaire: suralimenter le routeur
  • 15 meilleurs articles angulaires pour 2019
  • Améliorez les performances du SPA en divisant vos bibliothèques angulaires en plusieurs parties
  • compodoc - outil de documentation de projet en angulaire
  

• Ember
  • Utilisation de TailwindCss avec Ember
  • Promesses et états de l'interface utilisateur dans Ember.js
  • L'une des raisons pour lesquelles vous devez utiliser une URL
  

• Svelte
  • Créez un site Web réactif avec Svelte en 30 minutes.
  • Comment créer un composant Web dans Svelte
  

• Libs et plugins
  • Comment utiliser correctement les bibliothèques d'utilitaires en JavaScript
  • IsoCity - Simulateur de planification urbaine isométrique en JavaScript
  • Comment publier une bibliothèque open source en 2020
  

Divertissant

• Les événements les plus importants de 2019
• Runet autonome, réseaux de neurones, satellites Starlink, smartphones pliants: l'évolution de l'industrie informatique au cours de l'année écoulée
• Samsung Galaxy Fold, scandale des cartes de crédit d'Apple et problèmes de Boeing: échecs technologiques en 2019
• GIGANEWS. Toutes les nouvelles de sécurité les plus importantes pour 2019
• Refonte du site Web ou comment maintenir la position et le trafic dans les moteurs de recherche
• Dans les années 90 et maintenant: comment le camion Coca-Cola, les griffonnages du nouvel an de Google, les gobelets Starbucks et d'autres symboles ont changé
• Les cinq meilleurs livres scientifiques en 2019 selon la publication scientifique Nature

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 .