Frontend Weekly Digest (24-30 juin 2019)

Cette semaine, nous publions une très grande sélection de toutes les nouvelles essentielles que vous pourriez avoir manquées sur le développement Front-end. Assurez-vous de vérifier les dernières mises à jour sur CSS, HTML et JavaScript.

Développement Web

• Prise en main des performances Web? Voici ce sur quoi vous devez vous concentrer.
• Créer un PWA avec Webpack et Workbox
• API de détection de spam
• Imiter le positionnement relatif à l'intérieur d'un SVG avec des SVG imbriqués
• HTML peut faire ça?
• podcast syntax.fm n ° 154: SVG avec Sara Soueidan

• Accessibilité:
  • Comment les arbres d'accessibilité informent la technologie d'assistance
  • Rapport sur les poursuites en matière d'accessibilité des sites Web et des applications ADA en milieu d'année
  • Qu'est-ce que l'accessibilité des applications Web et pourquoi est-ce que je m'en soucie?
  

• Web efficace:
  • Comment faire des animations liées au défilement de la bonne façon
  • Apprenez les bases de la synthèse avec notre nouveau site Web interactif fonctionnant sur Web Audio, WebAssembly et WebGL. Fabriqué avec three.js, Tone.js, anime.js et React en utilisant TypeScript et bien d'autres
  • useAnimations: icônes animées dans Lottie Framework et After Effects pour une mise en œuvre immédiate sur vos applications ou sites Web
  

CSS

• Trois prédictions de l'état de l'enquête CSS 2019
• Le guide ultime du centrage Flexbox
• a11y-css-reset
• Création d'un calendrier de conférence avec CSS Grid
• Glisser-déposer collant, sans JS!
• Polices variables pour les développeurs
• Penser BEM comme une philosophie d'interface utilisateur au lieu d'une convention de dénomination CSS

Javascript

• Amsterdam JSNation 2019 , 15 vidéos
• Le coût de JavaScript en 2019 par Addy Osmani
• RxJS: une introduction simple
• Recherche instantanée avec Vanilla JavaScript

• Mongo / Node:
  • Modèles de conception dans Node.js: un guide pratique
  • La nouvelle prise en charge du module ECMAScript dans Node.js 12
  • Firebase vs MongoDB: quelle base de données utiliser pour le développement de votre application
  

• VueJS:
  • Pourquoi les gens se sont fâchés avec Vue 3
  • Guide du débutant pour Vue CLI
  • Dans Vue, quand ai-je réellement besoin de l'attribut clé et pourquoi?
  • Comment démarrer avec Vuetify
  

• Réagissez:
  • Apprendre à connaître le crochet ReactucerReducer
  • Le mythe de la réaction inaccessible
  • Les 10 commandements des composants
  • Ajout d'un composant WebAssembly à une application React
  • Concepts avancés de React Hooks - via Snake!
  • Next.js contre Créer l'application React: quelles applications sont plus performantes?
  

• Angulaire:
  • L'état d'Angular en 2019
  • Comprendre la magie derrière les éléments angulaires
  • Création d'une application Music Player à l'aide de Kendo UI et Angular
  • Ce que j'ai appris pendant 3 ans de développement Angular 2+
  

• Braise:
  • Premiers pas avec Glimmer-Native
  • Ember.js Seattle Meetup avec Yehuda Katz
  • Souhaits pour la feuille de route Ember 2019
  

• Libs et plugins:
  • freezeframe.js - une bibliothèque qui met en pause les .gifs animés et leur permet de s'animer lors du survol de la souris / clic de souris / événement tactile, ou avec des fonctions de déclenchement / libération
  • TWGL : une petite bibliothèque d'aide WebGL
  • pixelmatch: la bibliothèque de comparaison d'images au niveau pixel la plus petite, la plus simple et la plus rapide
  • adaptateur svelte: utilisez les composants Svelte avec Vue et React
  

Merci d'avoir lu! N'hésitez pas à nous envoyer vos articles ou de nouveaux contenus utiles que vous souhaitez voir dans le prochain condensé.