Hallo,
irgendwie ist in der letzten Woche wohl viel passiert. Schnappt euch raus was ihr braucht oder was auch immer ihr mit dieser Web UI News Liste anstellt.
Allgemein
Datenschutz, Privacy by Default und weitere Hintergründe warum das neue GDPR Gesetz auch für Entwickler wichtig ist.
https://www.golem.de/news/datenschutz-grundverordnung-was-unternehmen-und-admins-jetzt-tun-muessen-1803-133122.html
https://www.smashingmagazine.com/2018/02/gdpr-for-web-developers/
Strategien für das (Nach)Laden von externen Grafiken, Fonts usw.
https://alligator.io/html/preload-prefetch/
Rückwärtskompatibles CSS schreiben aus einer sehr US Amerikanischen Sichtweise
https://hacks.mozilla.org/2018/03/how-to-write-css-that-works-in-every-browser-even-the-old-ones/
Warum Design System und modulare Frontend Designs für größere Mittelständische Unternehmen wichtig sind. Eine schöne Serie von Artikeln die die Vor- und Nachteile gut zusammenfasst. Vor allem auch das Zusammenspiel zwischen Design und Entwicklungsteam
https://www.viget.com/articles/category/design-systems/
https://medium.freecodecamp.org/design-language-system-why-your-team-needs-one-and-how-to-built-it-d996ba8c3889 –> sehr kurze Zusammenfassung
https://medium.com/@kamushken/developing-a-design-system-how-to-avoid-unexpected-routine-a7fbe2766391
https://www.smashingmagazine.com/2018/02/comprehensive-guide-ui-design/
Web Performance Tool Übersicht, was gibt es momentan, welche Vor- und Nachteile habe die Verfahren
https://developers.google.com/web/fundamentals/performance/speed-tools/
Code Notes ist ein schönes Tool um CodeSnippets abzulegen und zu verwalten. Das kann lokal passieren oder auch per “gist” mit Github synchronisieren
https://vuejsfeed.com/blog/code-notes-code-snippet-manager-powered-by-electron-vue-js
https://lauthieb.github.io/code-notes/
Web Security Allgemein
Warum ist fremder eingebundener CSS oder JS Code nicht ganz ungefährlich und ein Sicherheitsrisiko
https://jakearchibald.com/2018/third-party-css-is-not-safe/
Vortrag zu Web Security Allgemein: XSS, CSRF, CSP, JWT, What the fuck?!
https://youtu.be/D-h3bhzauKo?list=PL37ZVnwpeshEO7qXEbjG4riQD7SzydLEO&t=20447
Entwicklung mit JavaScript und deren Werkzeuge
Gute Übersicht der neuen JavaScript Funktionen und das Ecosystem um JavaScript
https://flaviocopes.com/ecmascript/
Schöne pragmatische Übersicht über die neuen Entwicklerwerkzeuge des modernen Javascript mit Babel, EsLint und Webpack
http://bitwiser.in/2018/02/22/setup-javascript-webpack-project.html
https://flaviocopes.com/babel/
https://auth0.com/blog/webpack-4-release-what-is-new/
Debugging mit der “console” im Chrome ein paar schöne vor formatierte Ausgaben
https://medium.com/appsflyer/10-tips-for-javascript-debugging-like-a-pro-with-console-7140027eb5f6
Software Entwicklung Allgemein
The Practical Test Pyramid bzw. eine Übersicht über Testgetrieben Entwicklung von Web Apps
https://martinfowler.com/articles/practical-test-pyramid.html
StateManagement mit Hilfe von Statecharts und endlichen Automaten robuste UI Webapps bauen
http://davidkpiano.github.io/xstate/docs/#/ –> für JavaScript
https://youtu.be/D-h3bhzauKo?list=PL37ZVnwpeshEO7qXEbjG4riQD7SzydLEO&t=8718 –> Sehr guter Vortrag zum Thema
https://statecharts.github.io/
Event Listener, onclick Event Function und andere Architekturen rund um Observables.
http://davesexton.com/blog/post/Hot-and-Cold-Observables.aspx
VueJS Spezifisch
4 Wichtige neue JavaScript Features, die im Zusammenhang mit VueJS wichtig sind
https://vuejsdevelopers.quora.com/4-Essential-ES2015-Features-For-Vue-js-Development
Testgetriebene Entwicklung und Fallstricke mit VueJS
https://engineering.doximity.com/articles/five-traps-to-avoid-while-unit-testing-vue-js
Tipps für Mehrsprachige Anwendungen mit VueJS
http://blog.devcross.net/2018/02/25/effectively-work-with-i18n-in-vue-js/
StateManagement mit Vuex in der Schnellübersicht
https://codeburst.io/state-management-with-vuex-6a3d83b0a799
Endliche Automaten mit Vuex und xstate
https://medium.com/@brockreece/vuex-xstate-4f9ea23bb24e
VueJS Talks aus Amsterdam
Evan you – State of VueJS2018
https://www.youtube.com/watch?v=TRJMT9yjONQ
Roman Kuba – Scaling Vue in an existing stack
https://www.youtube.com/watch?v=XmouoW1Gfro
Edd Yerburgh – Unit testing Vue components Why test, what to test, and how to test Vue components
https://www.youtube.com/watch?v=LxXsGNXsMo8
Eduardo San Martin Morote – State animations Getting them right
https://www.youtube.com/watch?v=A6FPWsPdfuc
Meetup Talks mit großer Themenbandbreite
https://blog.meetupfeed.com/vuejs-talks-digest-q4-2017-latest-21-videos-vuejs-meetups/
Ganz exotische Themen
C/C++ Code im Browser ausführen mit WebAssembly
https://developers.google.com/web/updates/2018/03/emscripting-a-c-library
Native Mobile Apps Programmieren mit VueJS
https://vuejsdevelopers.com/2018/03/05/getting-started-vue-nativescript/
Github und Open Source Projekstrukturen werden hier gut erklärt
https://flaviocopes.com/github/
