Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 318 (4-10 juin 2018)

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 Frontend Weekend # 56 - Dmitry Karlovsky sur la création de $ mol ou comment écrire votre propre framework de niche
• Podcast «devschacht»: Night Front End # 36 - Nous discutons avec Nikolai Matvienko de la performance de Ryan Dahl au JSConf EU 2018
• Podcast Frontend Youth (18+) # 51 Dan Abramov Package Manager
• "TOUT VOTRE HTML" # 52: "Parallax sur un shader de antoni.de"
• Frontend de la ferme collective . Une chanson qui ne laissera pas les développeurs web modernes indifférents

Développement Web

• Conformité aux polices Google et au RGPD
• Nouveau dans AMP: Q2, 2018 Edition
• WCAG 2.1 a reçu le statut officiel de «Recommandation W3C»
• Composants inclusifs: un guide complet pour fabriquer des cartes abordables

• Performances:
  • Qu'est-ce que le Time to First Byte (TTFB) et l'indice de vitesse?
  • Entretenir une culture de productivité Web
  • Plus de 15 experts partagent des conseils sur les performances Web pour 2018
  • Google AMP et le problème des sites d'obésité
  • Tester la série My Site, partie 1 - Google Toolkit et Google Speed ​​Update
  

• Outils:
  • JSFiddle - nouvelle version
  • JSUI - un puissant outil d'interface utilisateur pour organiser, créer et gérer des projets JS
  • 8 conseils Emmet que vous ne connaissez peut-être pas
  • Google Font Downloader - outil CLI qui vous permet de télécharger la police souhaitée de Google
  • L'importation de fil utilise désormais package-lock.json
  

• Effets:
  • Sélection hebdomadaire de beaux effets sur CSS / SVG / JS # 79
  • Effet d'effondrement du logo
  • Animation d'images et de vidéos à l'aide de curtains.js
  

CSS

• Comment démarrer avec les polices variables sur le Web
• Attaque latérale sur les navigateurs utilisant les propriétés CSS3
• Simplifiez la narration des pages avec la position collante
• Explorer les nouvelles facettes de l'animation CSS
• Recréation des identifiants des cartes Avengers en HTML et CSS
• Améliorer vos compétences de sélecteur CSS
• Combiner la puissance des méthodologies SEM et BIO pour améliorer CSS
• Spécificité dans: not () ,: has () and: matches ()

Javascript

• Surveillance des erreurs JavaScript avec window.onerror
• Array et méthodes d'objets utiles en JavaScript
• Un aperçu de certains objets JavaScript qui ont une encapsulation
• JavaScript va-t-il dévorer les CMS monolithiques?
• Priorités de diagnostic des sites en JavaScript
• Débogage de JavaScript sur la production à l'aide des cartes sources
• Création d'un SPA sans cadre
• Présentation Luna - un outil pour tester correctement en JavaScript
• Sortie de Meteor 1.7 et rêve à feuilles persistantes

• Théorie:
  • Une introduction rapide aux proxys JavaScript
  • Qu'est-ce que «ceci» en JavaScript?
  • Quand (et pourquoi) vous devez utiliser les fonctions fléchées ES6 - et quand vous ne devriez pas le faire
  

• VueJS:
  • Portage de votre application Web de JavaScript pur vers Vue.js
  • Apprenez à utiliser la CLI Vue.js
  • Remplacement de jQuery par Vue
  • Accélérez le développement avec le prototypage et Vue
  • Pagination Vuejs
  • Tableau Kanban en temps réel utilisant Vue.js et Hamoni Sync
  

• Réagissez:
  • L'année passée avec React: conclusions et recommandations
  • Composants d'ordre supérieur utilisant Recomposer
  • 5 pratiques courantes que nous pouvons arrêter de faire dans React
  • React n'est pas un nouveau jQuery
  • Comment (et comment PAS) apprendre REACT?
  • Guide détaillé des matériaux React
  • Plaisanter, réagir et réagir!
  

• Angulaire:
  • Angular Cli 6: pourquoi vous en avez besoin et comment l'utiliser
  • 3 conseils utiles pour Angular
  • Architecture dans les projets sur Angular
  • Les avantages de la normalisation des données dans Angular
  

• Libs et plugins:
  • MapKit JS d'Apple est un outil d'intégration de cartes Apple dans un site.
  • 11 bibliothèques JS pour l'animation en 2018
  • Compteur de caractères court et doux, disponible
  • LuminJS - bibliothèque JavaScript pour la sélection progressive de n'importe quel texte sur la page
  

Navigateurs

• Lancement du projet Fusion fusionnant le navigateur Tor et Firefox
• Google a présenté Chrome 68 Beta
• Firefox teste la possibilité de visualiser simultanément différents onglets
• La part de Firefox est tombée en dessous de 10% selon les statistiques du service Net Applications
• Le Yandex.Browser a un mode d'économie d'énergie

Divertissant

• GitHub appartient désormais officiellement à Microsoft
• Le nouveau chef de GitHub a dit à quoi s’attendre après la fusion avec Microsoft
• Six alternatives à GitHub pour le développement collaboratif
• Google: le blocage d'une page dans robots.txt peut ne pas fonctionner s'il existe des liens vers celle-ci
• Google a publié les règles d'utilisation de l'intelligence artificielle
• En bref: ce dont Apple a parlé lors de l'ouverture de la WWDC 2018
• Comment les fondateurs de WhatsApp se sont disputés avec Facebook et combien cela coûte
• Facebook a obligé les développeurs à utiliser HTTPS sur Facebook Login
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