Frontend Weekly Digest (4-10 février 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 | CSS | Javascript | Navigateurs

---

Développement Web

• Où apprenez-vous le HTML et le CSS en 2019?
• PWA sur iOS 12.2 bêta: le bon, le mauvais et le "pas encore sûr si bon"

• Performances:
  • Rendu sur le Web
  • GTMetrix - Comment utiliser GTMetrix pour analyser et augmenter la vitesse d'un site Web
  • Comment le temps de chargement des pages affecte-t-il les revenus de votre site?
  • Accélération des polices Google
  

• Accessibilité:
  • Veuillez arrêter de créer des formulaires inaccessibles (et comment les corriger)
  • Revisiter l'élément abbr
  • Les liens qui ne vont nulle part devraient être des boutons
  • Evangelina Ferreira - Le «C» est pour l'accessibilité
  

• Outils:
  • Nouvelles fonctionnalités de Webpack 5
  • git-history: parcourez rapidement l'historique de n'importe quel fichier GitHub
  

• Animations:
  • Effets de distorsion du texte à l'aide de Blotter.js
  • Résumé des sites Web inspirants n ° 1
  • Animer une tache de texte avec SVG et écrêtage de texte
  

CSS

• Un guide de prise en charge CSS dans les navigateurs
• Utilisation de la fonction d'élément CSS peu connue () pour créer un navigateur de mini-carte
• Lettrage CSS pur, une mauvaise idée amusante
• Comment créer un cœur battant avec du CSS pur pour votre valentine
• La seule raison pour laquelle votre CSS échoue

Javascript

• Nouvelles fonctionnalités JavaScript qui changeront la façon dont vous écrivez Regex
• Comment surmonter 5 défis courants des interviews JavaScript
• Réagir contre Vue (Exact Todo App) Par exemple
• 7 moteurs de modèles JavaScript avec des exemples de code
• Premières réflexions sur Deno, le moteur d'exécution JavaScript / TypeScript
• Javascript obscurci, courriels frauduleux et American Express

• Pratique:
  • Estimation précise du temps de lecture des articles Medium en JavaScript
  • Comment détecter une séquence de touches en JavaScript
  • Animer vos chiffres comme Robinhood
  

• Théorie:
  • Avons-nous encore besoin de frameworks JavaScript?
  • Rendement! Rendez-vous! Fonctionnement des générateurs en JavaScript.
  • Assistant JavaScript: que se passe-t-il avec «ceci»?
  

• VueJS:
  • Vue 2.6 publiée
  • Ce que les crochets signifient pour Vue
  • Productivité dans Vue - Partie 2
  • Vuethereum: la bibliothèque Vue Ethereum mérite
  • Un peu d'histoire sur les modules JavaScript
  • Optimisation des performances de l'application Vue.js: partie 2 - Itinéraires de chargement paresseux et anti-modèle de bundle fournisseur.
  

• Réagissez:
  • React v16.8: Celui avec des crochets . Avec React 16.8, React Hooks est disponible dans une version stable!
  • Comment charger des données dans React avec redux-thunk, redux-saga, suspense et hooks
  • Comment démarrer avec React Hooks: formulaires contrôlés
  • Création d'un tableau de bord de vente au détail en ligne dans React
  • Réagissez en tant que Runtime UI
  • Gestion globale de l'état sans passe-partout dans React
  

• Angulaire:
  • Un plan pour la version 8.0 et Ivy
  • Le besoin de vitesse: modules non routables à chargement paresseux en angulaire
  • Libérez la puissance des formes avec les formes réactives d'Angular
  • Comment implémenter la localisation dans Angular à l'aide des outils i18n
  

• Libs et plugins:
  • MiniSearch - Moteur de recherche en texte intégral minuscule mais puissant pour navigateur et Node
  • uppy est un téléchargeur de fichiers JavaScript élégant et modulaire qui s'intègre parfaitement à n'importe quelle application.
  • schedule-fns: fonctions utiles de date et d'heure pour travailler avec les horaires
  • x-spreadsheet: une feuille de calcul JavaScript basée sur le Web
  

Navigateurs

• Firefox 66 pour bloquer automatiquement la lecture audio et vidéo audible
• VPN navigateur Opera à venir sur Android
• Le mode sombre de Google Chrome sur Windows 10 et macOS respecte les paramètres à l'échelle du système avec la dernière version des Canaries
• Chef de la sécurité Microsoft: IE n'est pas un navigateur, alors arrêtez de l'utiliser comme votre navigateur par défaut
• [Mise à jour] Google teste un «mode jamais lent» pour Chrome