Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
SPA with Flask & Vue | @vannsl Pain Free Frontend Development SPA with Flask and Vue
Vanessa Böhner Frontend Developer @vannsl @vannsl vannsl.io
SPA with Flask & Vue | @vannsl Codebase github.com/Vannsl/spa-flask-vue
SPA with Flask & Vue | @vannsl past index.html main.js styles.css
SPA with Flask & Vue | @vannsl now Frontend development logos
SPA with Flask & Vue | @vannsl SPA with Flask and Vue
SPA with Flask & Vue | @vannsl 😱 Another FE Framework?
SPA with Flask & Vue | @vannsl Progressive JS framework • Approachable • Versatile • Performant
SPA with Flask & Vue | @vannsl Core Features
SPA with Flask & Vue | @vannsl Declarative Rendering Reactive Data Binding
SPA with Flask & Vue | @vannsl Small & Reusable Components Composing with Components Single File Components
SPA with Flask & Vue | @vannsl Vue Lifecycle Hooks The Vue Instance
SPA with Flask & Vue | @vannsl index.html main.js styles.css App.vue
SPA with Flask & Vue | @vannsl And that’s why: Webpack Webpack 4
SPA with Flask & Vue | @vannsl The good news: You don’t have to care 🤷
SPA with Flask & Vue | @vannsl vue-cli • CLI für rapid Vue.js development • Scaffolding the project • Ready-to-use app sk...
SPA with Flask & Vue | @vannsl vue-cli
SPA with Flask & Vue | @vannsl Project Structure
SPA with Flask & Vue | @vannsl Project Structure
SPA with Flask & Vue | @vannsl Sources
SPA with Flask & Vue | @vannsl HelloWorld.vue
SPA with Flask & Vue | @vannsl Sources
SPA with Flask & Vue | @vannsl Vue Router mode hash: localhost:8080/#/faq mode history: localhost:8080/faq
SPA with Flask & Vue | @vannsl Add router to App.vue
SPA with Flask & Vue | @vannsl Create the backend - FAQ - Endpoint…
SPA with Flask & Vue | @vannsl Component FAQ.vue
SPA with Flask & Vue | @vannsl npm run dev && FLASK_APP=run.py FLASK_DEBUG=1 flask run
SPA with Flask & Vue | @vannsl
SPA with Flask & Vue | @vannsl www.awesome-vue.com • Datepicker • Spinner • Waterfall Layout • Adsense • Electron • i...
SPA with Flask & Vue | @vannsl Thanks 🙏Thanks 🙏
Nächste SlideShare
Wird geladen in …5
×
Software
616 Aufrufe
29. Jun 2018

SPA Flask Vue

A Single Page Application with Flask and Vue.
Slides to Talk "Pain Free Web Development" of PyConWeb 2018 in Munich

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen
Running Lean: Das How-to für erfolgreiche Innovationen Ash Maurya
(4/5)
Kostenlos
JavaScript kurz & gut David Flanagan
(3/5)
Kostenlos
Reguläre Ausdrücke Jeffrey E. F. Friedl
(4/5)
Kostenlos
VMware vSphere 6.5: Deployment, Migration, Patch-Management Thomas Drilling
(5/5)
Kostenlos
Personal Kanban: Visualisierung und Planung von Aufgaben, Projekten und Terminen mit dem Kanban-Board Jim Benson
(3/5)
Kostenlos
Arduino-Kochbuch Michael Margolis
(4/5)
Kostenlos
Arduino: Mikrocontroller-Programmierung mit Arduino/Freeduino Ulli Sommer
(0/5)
Kostenlos
Praxiseinstieg Deep Learning: Mit Python, Caffe, TensorFlow und Spark eigene Deep-Learning-Anwendungen erstellen Ramon Wartala
(0/5)
Kostenlos
Microsoft Office 2016 (Microsoft Press): Einfache Anleitungen für wichtige Aufgaben Joan Lambert
(0/5)
Kostenlos
Python Hacking: Lernen Sie die Sprache der Hacker, testen Sie Ihr System mit Python und schließen Sie die Lücken! T. J. O'Connor
(5/5)
Kostenlos
PHP kurz & gut Sebastian Bergmann
(3/5)
Kostenlos
Operation Shitstorm: Berufsgeheimnisse eines professionellen Medien-Manipulators Ryan Holiday
(3/5)
Kostenlos
Windows Server 2012 R2 - Der schnelle Einstieg Carlo Westbrook
(0/5)
Kostenlos
Programmieren von Kopf bis Fuß Paul Barry
(3/5)
Kostenlos
Python kurz & gut: Für Python 3.x und 2.7 Mark Lutz
(3/5)
Kostenlos
Mikrocontroller - Der Leitfaden für Maker: Schaltungstechnik und Programmierung für Raspberry, Arduino & Co. Klaus Dembowski
(0/5)
Kostenlos

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen
Darknet - Waffen, Drogen, Whistleblower - Wie die digitale Unterwelt funktioniert (Ungekürzt) Stefan Mey
(0/5)
Kostenlos
Strategie Instagram - 1.000 treue Fans in 4 Wochen: Echte Follower für sich gewinnen (ungekürzt) Abby Collins
(0/5)
Kostenlos
IT-Sicherheit: TOM's, Cybercrime, Awareness Alexander Förster
(0/5)
Kostenlos
Lean Management für Einsteiger: Erfolgsfaktoren von Lean Management – Lean Leadership & Co. als langfristige Erfolgsgaranten Maximilian Tündermann
(0/5)
Kostenlos
Klartext: Das Basis-Hörbuch für Network- und Vertriebseinsteiger Tobias Schlosser
(0/5)
Kostenlos
Gott - gefällt mir! - Internet und Soziale Medien für Kirche und Gemeindearbeit nutzen (Ungekürzt) Karsten Kopjar
(0/5)
Kostenlos
BIOMIA - Dunkle Insel: Abenteuer für Fortnite-Spieler Achim Mehnert
(0/5)
Kostenlos
Willkommen in Neuland: Ein Reiseführer durch YouTube, Instagram & Co. für Eltern und andere Digital Immigrants dieserdad
(0/5)
Kostenlos
Enterprise 2.0: Wie das soziale Web Unternehmen und Märkte revolutioniert Oliver Driesen
(0/5)
Kostenlos
Blockchain: Praktische Anwendungen, Praktisches Verständnis: Wie Blockchain In Ihrer Welt Eingesetzt Werden Kann Wayne Walker
(5/5)
Kostenlos
Unternehmenskultur verstehen und nachhaltig fördern: Erfolgsfaktoren beim Change Management Steffen Lobinger
(0/5)
Kostenlos
Raspberry PI Anleitung für Einsteiger: Step-by-Step zum ersten Raspberry Pi Projekt Axel Mammitzsch
(0/5)
Kostenlos
Die Podcastoffensive Dave Brych
(0/5)
Kostenlos
Cybermobbing: Wenn das Mobbing durch den Computer agiert Juan Moisés De La Serna
(0/5)
Kostenlos
Passives Einkommen - Geld Verdienen Im Internet Mit Udemy 2021: Wie du mithilfe von Onlinekursen auf Udemy ein passives Einkommen aufbaust, online Geld verdienst und finanziell frei wirst! Mit einfachen Schrit-für-Schritt Anleitungen für Beginner! Kevin Kockot
(0/5)
Kostenlos
Vom Mythos des Mann-Monats: Essays über Software-Engineering Frederick P. Brooks jun.
(5/5)
Kostenlos
no profile picture user

  • Als Erste(r) kommentieren

SPA Flask Vue

  1. 1. SPA with Flask & Vue | @vannsl Pain Free Frontend Development SPA with Flask and Vue
  2. 2. Vanessa Böhner Frontend Developer @vannsl @vannsl vannsl.io
  3. 3. SPA with Flask & Vue | @vannsl Codebase github.com/Vannsl/spa-flask-vue
  4. 4. SPA with Flask & Vue | @vannsl past index.html main.js styles.css
  5. 5. SPA with Flask & Vue | @vannsl now Frontend development logos
  6. 6. SPA with Flask & Vue | @vannsl SPA with Flask and Vue
  7. 7. SPA with Flask & Vue | @vannsl 😱 Another FE Framework?
  8. 8. SPA with Flask & Vue | @vannsl Progressive JS framework • Approachable • Versatile • Performant
  9. 9. SPA with Flask & Vue | @vannsl Core Features
  10. 10. SPA with Flask & Vue | @vannsl Declarative Rendering Reactive Data Binding
  11. 11. SPA with Flask & Vue | @vannsl Small & Reusable Components Composing with Components Single File Components
  12. 12. SPA with Flask & Vue | @vannsl Vue Lifecycle Hooks The Vue Instance
  13. 13. SPA with Flask & Vue | @vannsl index.html main.js styles.css App.vue
  14. 14. SPA with Flask & Vue | @vannsl And that’s why: Webpack Webpack 4
  15. 15. SPA with Flask & Vue | @vannsl The good news: You don’t have to care 🤷
  16. 16. SPA with Flask & Vue | @vannsl vue-cli • CLI für rapid Vue.js development • Scaffolding the project • Ready-to-use app skeletons
  17. 17. SPA with Flask & Vue | @vannsl vue-cli
  18. 18. SPA with Flask & Vue | @vannsl Project Structure
  19. 19. SPA with Flask & Vue | @vannsl Project Structure
  20. 20. SPA with Flask & Vue | @vannsl Sources
  21. 21. SPA with Flask & Vue | @vannsl HelloWorld.vue
  22. 22. SPA with Flask & Vue | @vannsl Sources
  23. 23. SPA with Flask & Vue | @vannsl Vue Router mode hash: localhost:8080/#/faq mode history: localhost:8080/faq
  24. 24. SPA with Flask & Vue | @vannsl Add router to App.vue
  25. 25. SPA with Flask & Vue | @vannsl Create the backend - FAQ - Endpoint…
  26. 26. SPA with Flask & Vue | @vannsl Component FAQ.vue
  27. 27. SPA with Flask & Vue | @vannsl npm run dev && FLASK_APP=run.py FLASK_DEBUG=1 flask run
  28. 28. SPA with Flask & Vue | @vannsl
  29. 29. SPA with Flask & Vue | @vannsl www.awesome-vue.com • Datepicker • Spinner • Waterfall Layout • Adsense • Electron • i18n • Google Analytics
  30. 30. SPA with Flask & Vue | @vannsl Thanks 🙏Thanks 🙏

×