Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 396 (30. Dezember 2019 - 5. Januar 2020)

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

Medien | Web-Entwicklung | CSS | Javascript | Unterhaltsam |

Medien

• Podcast „Make Me Beautiful“ Ausgabe Nr. 32, Artur Kenzhaev besuchend - Der dümmste Artikel und die schwierigste Ausgabe
• Podcast „Web Standards“ Nr. 210: Console.log oder Debug, variable Schriftarten, a11y-Prinzipien, NG-Promotions, einmaliger Code
• CSSSR Podcast: News 512 - Neujahrs-Sonderausgabe 2020
• Video von PiterJS: # 37 (T-Systems) , # 38 (Nexign) , # 40 (DataArt) , # 41 (DINS) , # 42 (JetBrains)

Web-Entwicklung

• Progressive Webanwendungen im Jahr 2020
• CI / CD für das Front-End: Eine Übersicht über Tools und Vorgehensweisen für die Entwicklungsautomatisierung
• SEO-Ergebnisse 2019: Wetten Sie auf Assessoren
• Lernen von IndexedDB
• Webentwicklung im Jahr 2020 - Ein Blick in die Zukunft
• Was können Sie mit einem Browser im Jahr 2020 tun
• Was wir lesen, 2019. Eine Auswahl von Ressourcen, mit denen Sie Webentwicklungstrends überwachen können
• Was ist CORS (Cross Source Resource Sharing)?
• Storybook Docs für neue Frameworks
• Eine Auswahl kreativer Prototypen animierter Oberflächen "UI Interactions & Animations Roundup # 1"

• Leistung
  • Bild-Upload-Optimierung
  • Leistungsvergleich von HTTP / 1.1, HTTP / 2 und HTTP / 2 + Server Push
  • Optimierungsprototyping mit Cloudflare Workers und WebPageTest
  • So optimieren Sie die Ladezeit von Seiten: Ein weiterer Blick auf den Frustrationsindex
  • So lesen Sie ein Wasserfalldiagramm in WebPageTest
  • Probleme mit der JavaScript-Leistung?
  

CSS

• Erstellen eines täglichen Planungslayouts mit CSS Grid & Subgrid & Flexbox
• Grundlegendes zu CSS-in-JS
• Grundlegendes zum CSS-Raster: Erstellen eines Rastercontainers
• Leistungsstarker Z-Index für CSS-Eigenschaften
• Ist der "is" Selektor nützlich?
• 2 Möglichkeiten, ein Holy Grail-Layout auf Flexbox zu erstellen
• Minimale und maximale Breite / Höhe in CSS
• Neues Jahr, neuer Job? Lassen Sie uns einen Lebenslauf auf Grids erstellen!

Javascript

• JavaScript Weekly 2019: Die beliebtesten Links, Artikel, Tutorials und Videos für 2019
• 70 Fragen zu JavaScript-Vorstellungsgesprächen
• Chrome V8 Version 8.0 - V8, - Was erwartet Sie?
• Sampling Bias, FDR und Gedanken zu The State of JS

• Theorie
  • Woraus besteht JavaScript?
  • Schnelle und unterstützte Vorlagen für die Datenbankauswahl
  • Häufige Javascript-Versprechungsfehler, die jeder Neuling kennen und vermeiden sollte
  • 5 JavaScript-Funktionen, ohne die ich keinen Code schreiben könnte
  • Mehr als 11 JavaScript-Funktionen, die Sie wahrscheinlich nie verwendet haben
  • ES7-ES9 Funktionen # 8 String-Methoden
  

• Reagiere
  • Die Kraft der Vereinfachung großer Komponenten in React
  • React Testing-Bibliotheken vergleichen
  • Arbeiten mit Links in Next.js
  • Redux VS React Context: Welchen wählen Sie?
  • Jahresrückblick 2019
  • React-Redux Hooks mit Typescript im Jahr 2020
  

• Vue
  • Vue Composition API: Was ist das und wie wird es verwendet?
  • Off-Main-Thread-Architektur mit Vuex
  • Vue Spickzettel Teil 3 Fortgeschritten
  • Vue Apollo v4: zuerst schauen
  • Erstellen von Webkomponenten mit Vue.js
  • Vue.js Composition API: Verwendung mit MediaDevices API
  • Lazy Observable API Services-Lösung mit Vue.js
  • Überprüfen Sie Vue Keep-Alive
  

• Angular
  • Angular: Aufladen des Routers
  • 15 besten Winkelartikel für 2019
  • Verbessern Sie die SPA-Leistung, indem Sie Ihre Angular-Bibliotheken in mehrere Teile aufteilen
  • compodoc - Projektdokumentationstool in eckig
  

• Ember
  • Verwenden von TailwindCss mit Ember
  • Versprechen und UI-Zustände in Ember.js
  • Einer der Gründe, warum Sie eine URL verwenden sollten
  

• Svelte
  • Erstellen Sie mit Svelte in 30 Minuten eine reaktionsschnelle Website.
  • So erstellen Sie eine Webkomponente in Svelte
  

• Libs & Plugins
  • So verwenden Sie Dienstprogrammbibliotheken in JavaScript ordnungsgemäß
  • IsoCity - Isometrischer Stadtplanungssimulator in JavaScript
  • So veröffentlichen Sie eine Open Source-Bibliothek im Jahr 2020
  

Unterhaltsam

• Die wichtigsten Ereignisse des Jahres 2019
• Autonomes Runet, neuronale Netze, Starlink-Satelliten, zusammenklappbare Smartphones: Wie sich die IT-Branche im vergangenen Jahr verändert hat
• Samsung Galaxy Fold, Apples Kreditkartenskandal und Boeing-Probleme: Technologieversagen im Jahr 2019
• GIGANEWS. Alle wichtigen Sicherheitsnachrichten für 2019
• Neugestaltung der Website oder Aufrechterhaltung der Position und des Zugriffs in Suchmaschinen
• In den neunziger Jahren und heute: Wie sich der Coca-Cola-Truck, Google New Year-Kritzeleien, Starbucks-Tassen und andere Symbole änderten
• Die fünf besten Wissenschaftsbücher im Jahr 2019 laut der wissenschaftlichen Veröffentlichung Nature

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

Verdauung letzte Woche .
Material von Dersmoll und Alekskorovin vorbereitet.