Frontend Weekly Digest (15-21 avril 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

• Annonce de l'URL réelle AMP
• Comment obtenir une application Web progressive sur le Google Play Store
• Inlinez un fichier SVG en HTML, de manière déclarative et asynchrone!
• Validation des entrées de formulaire en utilisant uniquement HTML5 et Regex
• Nouveautés de DevTools (Chrome 75)

• Performances:
  • Trois façons de vérifier les indications de ressource Rel = preconnect fonctionnent
  • Optimisation des performances avec des conseils de ressources
  

• Animations:
  • Comment créer et animer des superpositions pivotées
  • Une présentation WebGL déroulante qui montre pourquoi Notre-Dame était presque assurée de monter en flammes.
  

CSS

• Nouvelles et démos CSS Subgrid
• CSS et accessibilité
• Maçonnerie CSS avec flexbox,: nth-child (), et ordre
• Effacer les frères et sœurs en survol en CSS
• Présentation de CSS Battle - le premier jeu de golf à code CSS
• Bordures de pixels: un mixage SASS pour ajouter des bordures pixellisées aux éléments HTML, qui peuvent être personnalisés pour différentes tailles, codage couleur, bordures incrustées.

Javascript

• Rendu dynamique pour les applications Web JavaScript - Référencement JavaScript
• Un horrible globalCette polyfill en JavaScript universel
• 7 astuces JavaScript utiles
• Comment utiliser la console JavaScript: aller au-delà de console.log ()
• ️ Débuter avec Javascript - Les bons outils et ressources (Interview vidéo)
• Quand utiliser TypeScript - Un guide détaillé des scénarios courants
• Simuler le mouvement de la souris

• Théorie:
  • Fondamentaux JavaScript: Maîtriser les objets
  • Comment optimiser vos applications JavaScript à l'aide de boucles
  • JavaScript pour les chats
  • ES6 et au-delà>
  • Explorer le potentiel caché des tableaux JavaScript!
  

• VueJS:
  • Oui, voici comment mettre en cache les pages par URL avec Vue, Vue Router et Keep Alive
  • Optimiser les performances d'une application Vue avec des composants Async
  • Comment créer un entonnoir de vente avec Vue.js
  • La puissance des transitions nommées dans Vue
  

• Réagissez:
  • Obtenir des animations 60fps dans React
  • Écriture d'un middleware simple de type Redux pour React Hooks
  • useReducer vs useState dans React
  • Un aperçu des crochets React Memoize: useRef, useCallback et useMemo
  • De Redux aux crochets: une étude de cas
  • Nouveau style de codage React Redux avec crochets sans sélecteurs
  • Aide-mémoire de React Hooks: Débloquez des solutions aux problèmes courants
  

• Angulaire:
  • Référencement angulaire bien fait avec rendu côté serveur
  • Une plongée rapide dans la façon dont les choses s'emboîtent dans Angular
  • Pourquoi et comment charger des bibliothèques angulaires paresseux
  • Chargement différentiel - une nouvelle fonctionnalité de la CLI angulaire v8
  • PWA d'Angular: SwPush et SwUpdate
  

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é.