Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 390 (18-24 novembre 2019)

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

Médias

• Podcast sur les normes Web # 205. Safari TP, service workers, Node.js ESM, Async and Promise, Chaining en option, propriétés personnalisées
• Podcast du week-end # 100 - Ce qui a changé pour Artyom Tsatsin et le podcast lui-même pour tous les temps (édition anniversaire)
• UnderJS Podcast # 8 - Un binaire pour JavaScript?
• Podcast CSSSR: Nouvelles 512 - predustanovka, défilé RC, nouvelles fonctionnalités de Vue 3, CSS 8, Github pour mobile et Oracle vs Google
• Podcast CSSSR: Remote Talk # 09 - Jacob Fine et Anton Moiseev, NYC vs Samara, TypeScript et l'importance des livres en TI
• Podcast Frontend Youth (18+) # 115 avec un cœur pur et un moteur nu
• Podcast "Normes Web" n ° 204. Chrome Dev Summit, GitHub, Web Snapshot 2019, GSAP 3, Visual Studio
• Repozitorro # 35 - Un portefeuille solide pour les juniors
• Conférence CSS-Minsk-JS 2019
• Podcast JS Party, épisode # 101: JavaScript a-t-il besoin d'être renommé? Hein? Non?

Développement Web

• Comment Apple tue les technologies Web
• SVG ou toile?
• Comment avons-nous implémenté WebAssembly dans Yandex.Maps et pourquoi avons-nous laissé JavaScript
• L'interface utilisateur de Firefox s'exécute désormais sur les composants Web
• Introduction à l'encodage de caractères / texte sur le Web
• Faits saillants avec Chrome Dev Summit 2019
• 6 modèles pour microfronts
• Sélection de sites créatifs Résumé des sites Web inspirants # 10

• Performances
  • Téléchargement adaptatif - Amélioration des performances Web sur les appareils économiques
  • WebPageTest: Exemples de scripts de test de vitesse de site avancés
  • Nouveau podcast de Planet Performance par Stoyan Stefanov
  

CSS

• Apprenez la conception Web réactive en 5 minutes
• Comment rendre votre HTML réactif en ajoutant une ligne de code CSS
• Petites astuces de propriétés personnalisées (variables CSS)
• Entraînez vos compétences CSS avec des jeux en ligne
• Comment supprimer un CSS inutilisé d'un site?
• Disposition à plusieurs colonnes et étendue des colonnes dans Firefox 71
• Méthodes de création d'une mise en page de journal à l'aide d'une grille CSS et de bordures entre les éléments
• Comprendre la différence entre la résolution CSS et la résolution de l'appareil
• Exemple d'interface utilisateur: styles d'accessibilité pour les composants de carte
• Créer des mises en page complexes à l'aide de CSS Grid

Javascript

• Top 5 des cadres JS pour le développement frontal en 2020: Partie 1 , Partie 2
• Deno: Le temps de Node.JS est écoulé?
• Nous annonçons la prise en charge des modules ECMAScript dans Node.js
• Chaînage facultatif des performances en JavaScript
• Nouvelles fonctionnalités utiles dans ES2016 et 2017
• Quoi de neuf dans ES2019?
• Premiers pas avec la pile Express et ES6 + JavaScript
• J'ai créé la même application dans React et Svelte. Voici les différences.
• jQuery Core: migration d'AMD vers des modules ES
• Comment gérer avec succès le mono-référentiel JavaScript à grande échelle aka megarepo

• Théorie
  • Introduction à ECMAScript 2017 (ES8)
  • La différence entre une fonction asynchrone et une fonction qui renvoie une promesse
  • Encapsulation en JavaScript
  • Introduction à la composition en Javascript
  • Juste sur la composition, l'agrégation et l'association en JavaScript
  • 15 opérations fréquentes sur les tableaux en JavaScript (aide-mémoire)
  

• Réagir
  • Ionic React - Premier aperçu
  • Méthodes de cycle de vie des composants React
  • Créer un commutateur vers React en tant qu'utilisation réutilisable
  • 4 crochets personnalisés pour accélérer votre application React
  • 11 meilleurs outils de développement React pour 2020
  • SWR - Bibliothèque React Hooks pour la récupération de données à distance.
  • Typographie et Redux. Mon conseil.
  • React est-il surévalué?
  

• Vue
  • Nouvelles intéressantes Vue 3
  • Comment créer une application web progressive avec Vue.js
  • Prêt pour la production de SSR Vue en 5 étapes faciles
  • Suspense - Nouvelle fonctionnalité dans Vue 3
  • Création d'un site portfolio complet avec Nuxt.js et Netlify: beau, rapide et avec une optimisation 100% SEO
  • J'ai créé la même application sur Vue et Svelte. Voici les différences.
  

• Angulaire
  • Angulaire sans zone.js: performances maximales
  • SEO angulaire: comment créer des pages conviviales pour la recherche
  • Promesses angulaires versus observables
  • Le dernier didacticiel sur la détection des changements angulaires dont vous aurez besoin.
  • Comme j'ai écrit le magasin NgRx en 63 lignes de code
  • 9 idées pour Angular que les développeurs oublient souvent
  

• Ember
  • Ember 3.14 Release (Octane Preview Cont.)
  • Promesses et états de l'interface utilisateur dans Ember.js
  • Avez-vous besoin d'un EmberObject?
  • Ember-CLI-Mirage: créons un serveur génial et créons une base de données
  

• Libs et plugins
  • lite-youtube-embed - un élément personnalisé de Paul Irish qui télécharge les vidéos 224 fois plus rapidement que la méthode originale
  • Legra (Lego brick Graphics) est une petite bibliothèque JS qui vous permet de dessiner à l'aide de briques ressemblant à des jambes sur toile
  

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 .