Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 411 (13-19 avril 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

Médias

• Podcast CSSSR: nouveau Github, Three.js, tarifs SVG, frontendbookmarks, versions de sécurité Vue 3 Beta.2, git et Oracle
• UnderJS Podcast # 19 - Cypress, Material UI et à peu près OpenSource
• AvitoTech x FrontendConf 2019: vidéos de six conférences Oleg Bunin en 2019 et une en 2020
• Vidéo des Meetups Odessa Frontend # 14 et 15

développement web

• Navigateur attentif aux demandes d'API: création d'une communication frontale sécurisée avec le back-end
• Utilisation d'images sur le Web
• Défis frontaux: une sélection de services où vous pouvez tester vos connaissances
• Création d'un site Web avec de la documentation à l'aide de JAMstack
• Écosystème JAMstack [Infographie]
• Leçons extrait lors de la création de PWA sur COVID-19

• Outils
  • Sortie de Puppeteer v3.0.0 , désormais avec prise en charge de Firefox
  • Outils de workflow pour les développeurs Web: guide du débutant
  • Code Visual Studio: guide de l'utilisateur avancé
  

• 
  • HTTP/3 HTTP/2
  • WebPageTest Request Data
  • -
  • Performance Kit — , ,
  

• 
  • ARIA: role=progressbar aria-live=polite
  • - « » . -
  

• 
  • WebGL
  • JavaScript
  • - «Awesome Demos Roundup #15»
  • «ALL YOUR HTML» #s3e21, Particles animation by Étienne Jacob
  

CSS

• Des trouvailles CSS intéressantes dans le nouveau design de Facebook
• Des couleurs LCH en CSS
• Insertion d'illustrations pseudo-aléatoires en utilisant CSS
• Utilisation de CSS pour placer du texte à l'intérieur d'un cercle
• Créer un chemin de mouvement CSS réactif? Bien sûr on peut!
• Chronologie d'animation CSS: Création de la machine Goldberg
• Grilles CSS limitées sans largeur maximale.
• Création d'animations de morphing à l'aide du chemin de clip CSS
• Barre de défilement CSS avec indicateur de progression
• Création de mises en page réactives sans utiliser de requêtes multimédias

Javascript

• Prise en charge tactile en JavaScript
• Sortie de jQuery 3.5.0
• html5-passe-partout: discussion github, jQuery devrait-il passer à 3.5.1 ou ... supprimer?
• Meilleures pratiques en matière de performances JavaScript
• Stratégies de migration TypeScript
• 23+ questions d'entrevue avancées JavaScript (avec réponses)
• Shorts frontaux: comment créer un outil pour afficher le contenu des liens à l'aide de React, Vue et Vanilla JavaScript

• Théorie
  • Les 8 structures de données les plus courantes utilisant JavaScript
  • Structures de données théoriques et leur application en JavaScript. P1. Paires
  • 7 concepts de base JavaScript expliqués simplement
  

• React
  • React —
  • . React Hooks
  • CSS React
  • 2020 : NextJS vs Gatsby
  • React
  • react-tater — React
  

• Vue
  • Vue Composition API
  • Vue Composition API Vue Mixins
  • Vue 3 Beta
  • Vue.js?
  • Vue — Vue
  

• Angular
  • Angular. ESLint, codelyzer, stylelint, husky, lint-staged Prettier
  • Nginx Angular
  • Scully Tutorial: Angular
  • Angular
  • Angular Ivy —
  

• Ember
  • The Ember Times — Issue No. 144
  • Todo Ember Octane , React
  

• Svelte
  • Svelte & Sapper
  

• Libs & Plugins
  • Redaxios — (800 ) fetch API, axios
  • Builderz — Zero Configuration JavaScript Bundler
  • Alpine.js
  • mdjs —
  

/ . — , .

Digeste de la semaine dernière .
Matériel préparé dersmoll et alekskorovin .