Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 368 (3-9 juin 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 | Navigateurs | Divertissant

---

Médias

• Podcast «Web Standards» , numéro 178: W3C + WHATWG, SEO, Performance, Ember.js, Elm, Puppeteer
• Podcast front-end # 92 - Artyom Kobzar sur l'enseignement, Kharkov et les choses qu'un développeur junior devrait savoir
• Devschacht Podcast 83: Parlez d'Ember
• Podcast React Five Minute : MSK VUE.JS MEETUP
• Frontend Youth (18+) Podcast # 95 Comment devenir CTO
• Podcast CSSSR : Nouvelles 512 - WebAssembly sur eBay, levage moderne, Chrome 75 et autres versions, combats avec Huawei
• Podcast CSSSR : Nouvelles 512 - Encore une fois à propos de Svelte, faites un don sur Github, Patterns for React Hooks et un documentaire sur Ember.js
• Avant-première # 12 : «Ce que Junior doit demander pour une entrevue»
• proConf # 15 : ng-conf 2019 | ngRx par l'exemple d'une banane | grilles de mode | vols pour mars
• "Repozitorro # 17 : soupçon que le code de quelqu'un d'autre ...
• JSHeroes 2019 , 20 vidéos

Développement Web

• Comment utiliser l'API Web Share
• Exigences SEO pour un nouveau site

• Performances:
  • Performances frontales: analyse des mesures importantes
  • Extraire le CSS critique . Apprenez à améliorer votre temps de rendu avec la technique CSS critique.
  • Augmentez efficacement les performances de votre site (mobile)
  

• Accessibilité:
  • Créez le site Web le plus inaccessible avec une cote idéale Phare
  • Mettre l'accent sur l'amélioration de l'accessibilité.
  • Anatomie des formulaires disponibles: problème avec les espaces réservés
  • Accessibilité des formulaires: un guide pratique
  • Accessibilité Web en contexte . Comment les navigateurs et le HTML prennent-ils en charge les lecteurs d'écran aujourd'hui?
  

• Animation:
  • Une sélection de sites inspirants Roundup # 5
  • Sélection de démonstration créative Roundup # 5
  

CSS

• CSS Flexbox dans Bootstrap 4
• Empêcher le défilement de la page lors de l'ouverture d'une fenêtre modale
• Animation du mouvement d'une fenêtre modale le long d'un chemin donné
• Mentalité CSS
• Architecture CSS - Structure des dossiers et des fichiers
• CSS Grid Level 2 - Sous-grille bientôt disponible dans Firefox
• Polices variables et axes personnalisés
• Garder votre CSS dans JS Clean

Javascript

• Se préparer pour 2020: 8 tendances en matière de développement JavaScript côté client que vous devez connaître
• Consignes pour écrire du code JavaScript propre
• Nouveautés du noeud 12
• Comment contrôler la musique en utilisant PS4 DualShock et JavaScript
• Activer le JavaScript moderne sur npm
• JavaScript: réfutation des mythes SEO
• JAVASCRIPT SEO EST MORT! Et maintenant

• Théorie:
  • Tableaux en JavaScript : de [0] à ['H', 'E', 'R', 'O']
  • Transducteurs JavaScript magiques et mystiques
  

• Réagissez:
  • Création d'animations à l'aide de React Spring
  • Top 5 des compétences d'apprentissage pour un développeur JavaScript junior
  • Comment j'ai fait ma demande sur React 4 fois plus rapidement.
  • Quelle est la signification des hameçons React?
  • Écouteurs d'événements Cache React pour de meilleures performances.
  

• Angulaire:
  • Angulaire 8
  • Angular & RxJS: Deep Dive at Async Pipe
  • Voyage vers l'animation angulaire
  • Sous le capot de la CLI angulaire - démystification des constructeurs
  • Angular: le parcours de l'un des outils frontaux les plus populaires sur le marché du travail actuel
  

• VueJS:
  • Tutoriel: Comment créer un curseur interactif animé sur Vue.js
  • Pièges de Vue.js. Correctifs courants pour les problèmes majeurs
  • Création d'un diagramme d'arbre dynamique à l'aide de SVG et Vue.js
  

• Braise:
  • Podcast Crash Log : lancement de Product Hunt, vitesse contre qualité, intégrations
  • Podcast «EmberMap», Ep. 64 - L'open source n'est pas gratuit
  • React Response Hot Loading
  

Navigateurs

• Mozilla a qualifié de "mauvaise" la distribution de packages Web signée numériquement par Google
• Sortie de Chrome 75
• Mozilla prévoit de lancer un service payant Firefox Premium
• Nouvelle fonctionnalité Firefox Dev Tools expliquant pourquoi la propriété CSS n'a aucun effet

Divertissant

• «Il y aura une révolution musicale maintenant»: historique du lancement d'iTunes et raisons de la fermeture du service
• Photographie informatique . L'avenir de la photographie est le code.
• 19 grands réseaux de neurones gratuits
• Questions morales et juridiques: la société est-elle prête à se confier à l'intelligence artificielle
• L'ancien directeur technique de NPM développe un référentiel de packages distribués Entropic
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 .