Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 353 (17. - 24. Februar 2019)

Wir machen Sie auf eine Auswahl mit Links zu neuen Materialien aus dem Frontend-Bereich und Umgebung aufmerksam.

Medien | Webentwicklung | CSS | Javascript | Browser

---

Medien

• • Podcast "Web Standards", Ausgabe Nr. 162: Npm für Unternehmen, JS-Download-Prioritäten, Preis für Skripts von Drittanbietern, JS direkt in CSS, Zugriff auf TodoMVC, benutzerdefinierte Kontrollkästchen, Textausrichtung.
• • Devschacht Podcast # 70: Wie TypeScript unser Denken verändert
• • CSSSR Podcast News 512 - Ausgabe Nr. 39 (18. Februar - 24. Februar)
• • Podcast „Frontend Youth (18+)“ # 84 Jeder von uns hat das Schlimmste gesehen
• • Vadim Makeevs Videoblog: „13. Lebe mit den Antworten " , 14. Benutzerdefinierte Kontrollkästchen richtig
• • MinskJS Meetup # 5 - 3 Videos

Webentwicklung

• • WebAssembly-Entwicklung: echter Rechen und Beispiele
• • Bequeme BEM
• • AMP- und Turbo-Seiten: Vor- und Nachteile sowie Implementierungsergebnisse
• AMP steigert den organischen Suchverkehr - Studie
• 30 grundlegende Methoden zum Schreiben von modernem und effektivem HTML5
• Folien von Alexandra Shinkevich vom internen MK über das Testen des Frontends für Entwickler
• • Probieren Sie GraphQL aus! Interaktiver GraphQL-Leitfaden

• Werkzeuge:
  • • Ein neuer Blick auf das Lernen und Dokumentieren von Quellcode
  • • Wie die Größe des Codes ist, hängt vom Minifier, Collector und der Sprache ab. Unerwartetes Webpack-Update
  • • 10 Sicherheitstipps für npm
  • • ICONSVG - ein Tool zur Vereinfachung der Suche und Generierung beliebter Symbole für Ihr Projekt
  • • 7 Javascript-Sandkästen im Jahr 2019
  

• Zugänglichkeit:
  • Tipps, um interaktive Elemente auf Mobilgeräten zugänglich zu machen
  • Inklusive Komponenten: Aufgabenliste
  • • Was bedeutet die europäische Norm für Barrierefreiheit EN 301 549 für US-Organisationen?
  • • Video darüber, wie Screenreader das Web nutzen
  

• Spektakuläres Web:
  • • SVG-Filtereffekte. Teil 6. Erstellen von Texturen mit feTurbulence
  • • Erstellen Sie Animationen, die Ihre Website zum Leben erwecken.
  • • So erstellen Sie mit WebGL einen gefälschten 3D-Bildeffekt
  • • Blobs!
  • SVG SPA
  

CSS

• • Warum schreibe ich CSS in JavaScript?
• • Zeichnen auf reinem CSS . Top 5 CSS-Eigenschaften, auf die ich mich beim Erstellen von CSS-Grafiken stütze
• • JS-in-CSS - ein Worklet, das direkt aus CSS erstellt wird (als Teil des CSS HOUDINI-Experiments)
• • 21 Möglichkeiten, Ihr CSS zu optimieren und Ihre Website zu beschleunigen
• • Wie @supports funktioniert
• • Richtige Verwendung von CSS Grid
• • Flexbox Auto-Align-Raster kompatibel mit IE10
• • CSS + calc () + rgb () Variablen = Hoher Farbkontrast
• • CSS: FLIP-Animationen

Javascript

• FunES # 8: Math.pow ungleich **
• DOM-Manipulationen in reinem JavaScript
• • Einführung in jQuery (Version 2019)
• • Vollständige Anleitung zu den ES10-Funktionen
• • JavaScript-Ladeprioritäten in Chrome
• • Analyse von JavaScript-Lösungen zu allgemeinen algorithmischen Fragen (Teil 1)
• • 12 Ideen zur Verbesserung Ihrer JavaScript-Kenntnisse
• • XMLHttpRequest oder Fetch API: Was ist das Beste für Ajax im Jahr 2019?

• Theorie:
  • • JavaScript: Das große Ganze gut warum
  • • Erste Schritte mit der Internationalisierung in JavaScript
  • Öffentliche und private Klassenfelder
  • Versuchen Sie / fangen / endlich . Interviewaufgaben und mehr
  • • Handbuch zur Vererbung von JavaScript-Prototypklassen
  • • Es ist Zeit, über objektorientiertes JavaScript zu sprechen
  • • Vermeiden der DOM-Blockierung in JavaScript
  

• VueJS:
  • • 26 Tipps zum Zeitsparen bei der Arbeit mit Vue
  • • Erstellen einer modernen Anwendung mit Nest.js, MongoDB und Vue.js.
  • • Optimieren der Anwendungsleistung auf Vue.js: Teil 3 - Verzögertes Laden von Vuex-Modulen
  

• Reaktion:
  • • Eine Sammlung von 2.200 Ressourcen für alles, was mit Reaktionen zu tun hat - von Next.js, Gatsby und JSX bis hin zu Animation, Apollo GraphQL und Podcasts
  • • Beta-Ankündigung für ionische Reaktionen
  • • Reagieren Sie auf Haken, erste Eindrücke
  • • Verwenden von Pre-Commit- und Pre-Push-Git-Hooks in einem React-Projekt
  • • Reaktion: die Beziehung zwischen Komponenten
  • • Progressive Reaktion . Möchten Sie Ihre React-Website produktiver gestalten? Hier ist eine kurze Checkliste
  • • Erstellen Sie mit React progressive Webanwendungen. Teil 2
  

• Winkel:
  • • Angular-Anwendungen mit Bootstrap gestalten
  • • Reaktive Wiederherstellung der Bildlaufposition mit RxJS
  

• Libs & Plugins:
  • • Clientseitige NSFW-Erkennung über Tensorflow JS
  • • Studieren, entwerfen oder dokumentieren Sie eine Codebasis, indem Sie Breadcrumbs in den Quellcode einfügen
  

Browser

• CERN startete den Internetbrowser der 90er Jahre zu Ehren des 30-jährigen Jubiläums des World Wide Web
• Yandex hat begonnen, öffentliche Chats mit Personen in der Nähe des Yandex.Browser-Handys zu testen
• 31% der Chrome-Add-Ons verwenden Bibliotheken mit bekannten Sicherheitslücken
• Microsoft Edge ermöglicht Facebook heimlich die Verwendung von Flash-Inhalten
• In Firefox werden ein Bild-in-Bild-Modus und ein neu gestalteter Add-On-Manager angezeigt

Wir entschuldigen uns für Tippfehler oder fehlerhafte / doppelte Links. Wenn Sie ein Problem bemerken - schreiben Sie bitte eine persönliche E-Mail, wir versuchen, es schnell zu beheben.

Letzte Woche verdauen
Material hergestellt von dersmoll und alekskorovin