SPA Flask Vue
•
1 like•698 views
A Single Page Application with Flask and Vue. Slides to Talk "Pain Free Web Development" of PyConWeb 2018 in Munich
Report
Share
Report
Share
Download to read offline
Recommended
Pain Free Frontend Development
This document discusses building a single page application (SPA) using Flask and Vue. It begins with an overview of Vue's core features like declarative rendering, reactivity, and components. It then shows how to set up a project using Vue CLI, including the project structure and use of Vue Router. The document concludes by demonstrating how to integrate the Vue SPA with a Flask backend by creating an endpoint and component to fetch and display FAQ data.
Infinum - Building API based apps without an API
This document discusses building API-based apps and introduces Tweaks, a framework from Facebook that allows fine-tuning app parameters during development. It compares approaches for handling APIs, including waiting for the real API, creating fake responses, and using mock servers. The document also provides information on a demo project and contacts for learning more about APIs and the discussed tools and techniques.
Angular PWA
This document provides an overview of progressive web apps with Angular, including what a PWA is, the key aspects like app shell model, instant loading, and offline support. It discusses how to sell the benefits of a PWA to stakeholders and describes the minimal viable components needed to create one using Angular CLI or Ionic, including a service worker to enable features like offline support. Examples of existing PWAs are also provided.
Serverless Application Model - Executing Lambdas Locally
This document discusses using the Serverless Application Model (SAM) to develop serverless applications locally. It describes how SAM templates allow defining Lambda functions and APIs that can then be run locally using the SAM CLI. This avoids needing an internet connection to test functions and allows using local tools like debuggers. Examples are provided for local development workflows involving APIs, Lambda functions, DynamoDB, and S3 event processing. Key links are also provided to learn more about SAM templates, the SAM CLI, and running DynamoDB locally.
Driving Pipeline Automation With Newman and the Postman API
This document discusses strategies for integrating Postman workflows into CI/CD pipelines using Newman and the Postman API. It covers common strategies like running Postman collections and reporting test results. It also discusses automating test discovery and execution by using labels on Postman assets and wiring pipelines to take advantage of this flexibility. The presenter encourages observing everything, measuring lead time, and finding a balance between challenges and capacity for flow and joy.
How and why test Azure Front Door with AWS Lambda & PowerShell? | Osman Sahin...
How and why test Azure Front Door with AWS Lambda & PowerShell? | Osman Sahin...UK DevOps Collective
Osman Sahin, a regular attendee of our events, explains how and why he is using AWS Lambda & PowerShell to test the new Azure Front Door service.
Presented Wednesday 28th July 2019 at the London PowerShell User Group Meetup hosted by dotdigital Group.
Connect with Osman Sahin:
- LinkedIn: https://www.linkedin.com/in/osmanysahin/
Thanks to dotdigital Group (https://dotdigital.com / https://twitter.com/dotdigital) for providing the venue, food and drinks. We very much appreciate your continued support of our community of PowerShell & DevOps tech enthusiasts.
Join our next event at https://www.meetup.com/PowerShell-London-UK/. We are running at least one Meetup every month.
#PowerShell #Azure #AWS #DevOpsSelenium Conference Austin 2017 - Automate Windows and Mac Apps With The WebD...
Selenium Conference Austin 2017 - Automate Windows and Mac Apps With The WebD...Selenium Conference Austin 2017
This document summarizes a presentation on automating desktop apps with Appium and WebDriver Selenium. It discusses the timeline of automation including websites, mobile apps, and desktop apps. WinAppDriver was developed to automate Windows desktop apps using the Appium/Selenium architecture and protocol. A demo of WinAppDriver shows interacting with Windows apps. Lessons learned include handling multiple windows and interactions. Roadmap items include fully supporting the Windows desktop, integrating with Appium Desktop, and supporting additional devices and inputs. The presentation also discusses Appium for Mac, which uses macOS APIs to automate Mac apps via the WebDriver protocol.180929_NextBuild_From_Java_to_Kotlin
The document discusses migrating a Java project to Kotlin. It introduces Paulien van Alst and her experience migrating a project from Java to Kotlin at bol.com. The migration plan involves setting up Kotlin dependencies, migrating POJOs, continuing with business logic, and finishing configuration. Code examples are provided for each step. Overall the migration was smooth, with some Spring integration tricks. The resulting Kotlin code is more readable and concise.
Recommended
Pain Free Frontend Development
This document discusses building a single page application (SPA) using Flask and Vue. It begins with an overview of Vue's core features like declarative rendering, reactivity, and components. It then shows how to set up a project using Vue CLI, including the project structure and use of Vue Router. The document concludes by demonstrating how to integrate the Vue SPA with a Flask backend by creating an endpoint and component to fetch and display FAQ data.
Infinum - Building API based apps without an API
This document discusses building API-based apps and introduces Tweaks, a framework from Facebook that allows fine-tuning app parameters during development. It compares approaches for handling APIs, including waiting for the real API, creating fake responses, and using mock servers. The document also provides information on a demo project and contacts for learning more about APIs and the discussed tools and techniques.
Angular PWA
This document provides an overview of progressive web apps with Angular, including what a PWA is, the key aspects like app shell model, instant loading, and offline support. It discusses how to sell the benefits of a PWA to stakeholders and describes the minimal viable components needed to create one using Angular CLI or Ionic, including a service worker to enable features like offline support. Examples of existing PWAs are also provided.
Serverless Application Model - Executing Lambdas Locally
This document discusses using the Serverless Application Model (SAM) to develop serverless applications locally. It describes how SAM templates allow defining Lambda functions and APIs that can then be run locally using the SAM CLI. This avoids needing an internet connection to test functions and allows using local tools like debuggers. Examples are provided for local development workflows involving APIs, Lambda functions, DynamoDB, and S3 event processing. Key links are also provided to learn more about SAM templates, the SAM CLI, and running DynamoDB locally.
Driving Pipeline Automation With Newman and the Postman API
This document discusses strategies for integrating Postman workflows into CI/CD pipelines using Newman and the Postman API. It covers common strategies like running Postman collections and reporting test results. It also discusses automating test discovery and execution by using labels on Postman assets and wiring pipelines to take advantage of this flexibility. The presenter encourages observing everything, measuring lead time, and finding a balance between challenges and capacity for flow and joy.
How and why test Azure Front Door with AWS Lambda & PowerShell? | Osman Sahin...
How and why test Azure Front Door with AWS Lambda & PowerShell? | Osman Sahin...UK DevOps Collective
Osman Sahin, a regular attendee of our events, explains how and why he is using AWS Lambda & PowerShell to test the new Azure Front Door service.
Presented Wednesday 28th July 2019 at the London PowerShell User Group Meetup hosted by dotdigital Group.
Connect with Osman Sahin:
- LinkedIn: https://www.linkedin.com/in/osmanysahin/
Thanks to dotdigital Group (https://dotdigital.com / https://twitter.com/dotdigital) for providing the venue, food and drinks. We very much appreciate your continued support of our community of PowerShell & DevOps tech enthusiasts.
Join our next event at https://www.meetup.com/PowerShell-London-UK/. We are running at least one Meetup every month.
#PowerShell #Azure #AWS #DevOpsSelenium Conference Austin 2017 - Automate Windows and Mac Apps With The WebD...
Selenium Conference Austin 2017 - Automate Windows and Mac Apps With The WebD...Selenium Conference Austin 2017
This document summarizes a presentation on automating desktop apps with Appium and WebDriver Selenium. It discusses the timeline of automation including websites, mobile apps, and desktop apps. WinAppDriver was developed to automate Windows desktop apps using the Appium/Selenium architecture and protocol. A demo of WinAppDriver shows interacting with Windows apps. Lessons learned include handling multiple windows and interactions. Roadmap items include fully supporting the Windows desktop, integrating with Appium Desktop, and supporting additional devices and inputs. The presentation also discusses Appium for Mac, which uses macOS APIs to automate Mac apps via the WebDriver protocol.180929_NextBuild_From_Java_to_Kotlin
The document discusses migrating a Java project to Kotlin. It introduces Paulien van Alst and her experience migrating a project from Java to Kotlin at bol.com. The migration plan involves setting up Kotlin dependencies, migrating POJOs, continuing with business logic, and finishing configuration. Code examples are provided for each step. Overall the migration was smooth, with some Spring integration tricks. The resulting Kotlin code is more readable and concise.
Is Serverless The New Swiss Cheese?
The document discusses some challenges, or "gaps", in the serverless development lifecycle including access and permission management, collaboration mechanisms, testing, and monitoring/instrumentation. It presents these gaps as problems that serverless applications currently face and offers some solutions. For access and permission management, it suggests using a framework that automatically generates necessary permissions at deployment time. For collaboration, it proposes automatically namespacing resource names. For testing, it advises implementing integration tests locally using service fakes when possible. And for monitoring, it recommends letting frameworks automatically instrument functions according to defined rules. The overall message is that while serverless applications present new challenges, frameworks can help address these gaps to streamline the development process.
Demystifying Web Performance
"Measure first, then optimise" is an oft-cited maxim for developers. But you can't optimise without first understanding what factors influence a given measurement. Only then is it worth your time to start digging around in your code and infrastructure. Join Atlassian engineer Ian Grunert as he outlines the measurements exposed by the browser about the request lifecycle, and the areas of your web application contributing to each section. He'll also show you how the Confluence team uses Bamboo, Bitbucket (including Stash), Confluence, and JIRA to track the impact of performance improvements and reduce the chance of shipping performance regressions.
Reasonable app development
The document discusses ReasonML, a dialect of OCaml that compiles to JavaScript. It summarizes:
1) The author uses ReasonML for various projects at Viska including 8 cloud functions, a web admin, and a React Native app with over 8,000 lines of ReasonML code and several open source binding libraries.
2) ReasonML allows developing both web and mobile apps with one codebase and team as it compiles to JavaScript, unlike React Native which requires separate teams.
3) ReasonML is advantageous over React Native as it is typed, has a fast compiler, and the functional features of OCaml, unlike the untyped and slow nature of JavaScript in React Native.
Writing Performant Front-end Code
The document discusses optimizing front-end code performance. It covers measuring performance, optimizing JavaScript execution, improving style calculations, minimizing layout complexity, and simplifying painting and compositing. Later sections discuss optimizing frameworks and bundles, as well as network performance. The overall message is that slow or inefficient code leads to poor user experiences, so performance should be considered at all levels of front-end development.
RxJS: A Beginner & Expert's Perspective - ng-conf 2017
The document discusses RxJS, a library for reactive programming using observables. It begins with an introduction from a beginner and expert perspective on RxJS. It then covers topics like creating observables, best practices for importing RxJS, choosing operators, avoiding subscriptions, wrapping APIs, and the benefits of "same-shapedness". Code examples are provided for creating observables, getting input changes as an observable, using operators like switchMap, and merging multiple observable data sources.
Building for, perceiving and measuring performance for mobile web
This document discusses strategies for improving the performance of single-page applications (SPAs). It notes that SPAs can provide a more native-like user experience compared to traditional multi-page applications. The document outlines several ways to enhance SPA performance, including optimizing APIs, reducing payload size, enabling HTTP/2 and offline functionality. It also discusses techniques for measuring and monitoring performance using tools like the Chrome DevTools and performance metrics. The key message is that performance must be measured to be improved.
Serverless with Azure Functions
Serverless architectures rely on third-party services and remote procedure calls rather than maintaining servers. Azure Functions is a serverless computing service that allows developers to write code without managing infrastructure. Functions can be triggered by events and connected to other Azure services through bindings. Functions scale automatically based on demand and only charge for execution time and resources used.
Develop and Deploy Outside the Repo
The document discusses best practices for developing and deploying code outside of a WordPress repository directory. It recommends using version control like Git and GitHub, semantic versioning, and developing locally before pushing commits and tagging releases. For deployment, it describes options like FTP/SFTP, using an updater library directly in projects, or an updater plugin. Continuous integration is also presented as an option to automatically update code on every push through webhooks. The document provides examples and demos of these techniques.
Aptana Jaxer
Aptana Jaxer is an open source Ajax server based on the Firefox browser engine. It allows developers to use JavaScript and Ajax to build full applications on the server-side by providing APIs for databases, file systems, and network access from JavaScript running on the server. Aptana Jaxer also allows calling JavaScript functions on the server from the browser.
Common design principles and design patterns in automation testing
The document discusses common design principles and patterns used in automation testing. It covers the SOLID principles: single responsibility, open/closed, Liskov substitution, interface segregation, and dependency inversion. It also discusses the DRY principle and avoiding duplicate code. For design patterns, it describes the page object model (POM) pattern for organizing web page elements and tests. It also discusses using fluent interfaces with the POM pattern. The presentation provides examples and explanations of how to apply these principles and patterns when writing automation tests.
20 quick wins to improve your website speed
In this decks i provide you some quick wins to speed up your website to satisfy your users and Googlebot.
Mesos at OpenTable
UPDATE: This slide deck is superseded by http://www.slideshare.net/samsalisbury/mesos-at-opentable-talk-20151111
From talk I did at the London Mesos user group, October 23rd 014.
GAB2017 - Azure function to build serverless SharePoint apps
Presentation how to create serverless SharePoint apps using Azure function. In this presentation, audience will be guided to create fully functional app.
Source code for this presentation is available in GitHub, and the steps is available in YouTube.
Application Performance Monitoring for WordPress
How to improve the speed and stability of your WordPress sites by getting behind the scenes code-level visibility, presented by WP Engine and New Relic.
Register for on-demand webinar which includes a demonstration: https://hs.wpengine.com/application-performance-monitoring-wordpress
Panoramic view of web APIs
Overview of web APIs
What is an API?
Explain the key parameters of the request/response cycle.
RESTful web API (Resources represented in URLs and HTTP verbs explained with example)
Basic CRUD operations
Show basic CRUD operations of an API using Flask on dummy data.
Show how "Flask-RESTful" library simplifies this to just a single code template
Background Tasks - Why and How?
Show how tasks like sending an email can block the API
Threading for blocking APIs
Scaling background tasks using "Task queues - Celery".
Comparing "threading" and "task queue".
Briefly go over the various ways to update the status of the background task.
API Documentation
Good documentation of APIs is extremely vital.
Serverless app deployment
Magnolia Conference Basel 2016 SysEleven
This presentation was given at Magnolia Conference Basel, June 7-9 2016
Youtube Link: http://y2u.be/FMwNHYxifM0
Ansible ALLTHETHINGS
Learn how in less than 6 months and with a 1-person team, they went from no infrastructure automation, to having all of their infrastructure automated with Ansible. Learn how BigPanda (http://bigpanda.io ) handles zero-downtime infrastructure updates and connects Ansible with their chat infrastructure, and some strategies on managing automation projects with very small teams.
What DevOps means for QA Teams
A webinar I did with Sauce Labs on the intersection of QA and DevOps. Many QA teams think of DevOps in terms of that infrastructure thing that IT does. But DevOps the movement is a tool for QA/QE to increase their presence across the entire development environment.
Cloud Native Batch Processing
This document discusses how Spring Framework, Spring Batch, Spring Cloud, and Spring Cloud Task can be used together for cloud native batch processing. It provides an overview of the technologies and how they can be used to build scalable, fault tolerant batch applications. Code examples are shown for partitioning batch jobs across multiple servers to scale out processing and using Spring Cloud Data Flow to orchestrate batch workflows in a microservices architecture.
Scaling Without Expanding: a DevOps Story
The build engineering team at Atlassian uses Bamboo, Bitbucket Server, and HipChat to maintain full control over the entire software and infrastructure life cycles – from a customer raising an incident all the way through to deploying a fix.
We're not a product team, but we've applied agile development practices to improve how we deploy infrastructure. Puppet and Bamboo help us automate everything, while Terraform and AWS let us treat our infrastructure as code, allowing for reviewed changes and easy scaling.
In this talk I'll show you how the build engineering team has managed to stay the same size over the last few years while supporting both a 10x growth in the number of builds run in Atlassian and 2x growth in the number of developers in the company. You'll walk out understanding how you and your team can do the same.
Products covered:
JIRA Software, JIRA Service Desk, Confluence, HipChat, Bitbucket, Bamboo
Vue.js Component Tools
Two core features of Vue.js are Single File Components and Declarative Rendering. Vue.js gives us flexible ways to reuse code and distribute functionalities for components. These slides will show you how we can encapsulate logic while still keeping our components customisable without having to override styles. We will use Tools like Mixins and Slots and learn why we should not extend components like one might know it from class inheritance of object oriented languages.
Exploring pwa for shopware
Learn how to build your own PWA enabled page in under 5 minutes ⚡️, what SPAs' have to do with PWA and how Shopware implements their headless commerce solution!
More Related Content
What's hot
Is Serverless The New Swiss Cheese?
The document discusses some challenges, or "gaps", in the serverless development lifecycle including access and permission management, collaboration mechanisms, testing, and monitoring/instrumentation. It presents these gaps as problems that serverless applications currently face and offers some solutions. For access and permission management, it suggests using a framework that automatically generates necessary permissions at deployment time. For collaboration, it proposes automatically namespacing resource names. For testing, it advises implementing integration tests locally using service fakes when possible. And for monitoring, it recommends letting frameworks automatically instrument functions according to defined rules. The overall message is that while serverless applications present new challenges, frameworks can help address these gaps to streamline the development process.
Demystifying Web Performance
"Measure first, then optimise" is an oft-cited maxim for developers. But you can't optimise without first understanding what factors influence a given measurement. Only then is it worth your time to start digging around in your code and infrastructure. Join Atlassian engineer Ian Grunert as he outlines the measurements exposed by the browser about the request lifecycle, and the areas of your web application contributing to each section. He'll also show you how the Confluence team uses Bamboo, Bitbucket (including Stash), Confluence, and JIRA to track the impact of performance improvements and reduce the chance of shipping performance regressions.
Reasonable app development
The document discusses ReasonML, a dialect of OCaml that compiles to JavaScript. It summarizes:
1) The author uses ReasonML for various projects at Viska including 8 cloud functions, a web admin, and a React Native app with over 8,000 lines of ReasonML code and several open source binding libraries.
2) ReasonML allows developing both web and mobile apps with one codebase and team as it compiles to JavaScript, unlike React Native which requires separate teams.
3) ReasonML is advantageous over React Native as it is typed, has a fast compiler, and the functional features of OCaml, unlike the untyped and slow nature of JavaScript in React Native.
Writing Performant Front-end Code
The document discusses optimizing front-end code performance. It covers measuring performance, optimizing JavaScript execution, improving style calculations, minimizing layout complexity, and simplifying painting and compositing. Later sections discuss optimizing frameworks and bundles, as well as network performance. The overall message is that slow or inefficient code leads to poor user experiences, so performance should be considered at all levels of front-end development.
RxJS: A Beginner & Expert's Perspective - ng-conf 2017
The document discusses RxJS, a library for reactive programming using observables. It begins with an introduction from a beginner and expert perspective on RxJS. It then covers topics like creating observables, best practices for importing RxJS, choosing operators, avoiding subscriptions, wrapping APIs, and the benefits of "same-shapedness". Code examples are provided for creating observables, getting input changes as an observable, using operators like switchMap, and merging multiple observable data sources.
Building for, perceiving and measuring performance for mobile web
This document discusses strategies for improving the performance of single-page applications (SPAs). It notes that SPAs can provide a more native-like user experience compared to traditional multi-page applications. The document outlines several ways to enhance SPA performance, including optimizing APIs, reducing payload size, enabling HTTP/2 and offline functionality. It also discusses techniques for measuring and monitoring performance using tools like the Chrome DevTools and performance metrics. The key message is that performance must be measured to be improved.
Serverless with Azure Functions
Serverless architectures rely on third-party services and remote procedure calls rather than maintaining servers. Azure Functions is a serverless computing service that allows developers to write code without managing infrastructure. Functions can be triggered by events and connected to other Azure services through bindings. Functions scale automatically based on demand and only charge for execution time and resources used.
Develop and Deploy Outside the Repo
The document discusses best practices for developing and deploying code outside of a WordPress repository directory. It recommends using version control like Git and GitHub, semantic versioning, and developing locally before pushing commits and tagging releases. For deployment, it describes options like FTP/SFTP, using an updater library directly in projects, or an updater plugin. Continuous integration is also presented as an option to automatically update code on every push through webhooks. The document provides examples and demos of these techniques.
Aptana Jaxer
Aptana Jaxer is an open source Ajax server based on the Firefox browser engine. It allows developers to use JavaScript and Ajax to build full applications on the server-side by providing APIs for databases, file systems, and network access from JavaScript running on the server. Aptana Jaxer also allows calling JavaScript functions on the server from the browser.
Common design principles and design patterns in automation testing
The document discusses common design principles and patterns used in automation testing. It covers the SOLID principles: single responsibility, open/closed, Liskov substitution, interface segregation, and dependency inversion. It also discusses the DRY principle and avoiding duplicate code. For design patterns, it describes the page object model (POM) pattern for organizing web page elements and tests. It also discusses using fluent interfaces with the POM pattern. The presentation provides examples and explanations of how to apply these principles and patterns when writing automation tests.
20 quick wins to improve your website speed
In this decks i provide you some quick wins to speed up your website to satisfy your users and Googlebot.
Mesos at OpenTable
UPDATE: This slide deck is superseded by http://www.slideshare.net/samsalisbury/mesos-at-opentable-talk-20151111
From talk I did at the London Mesos user group, October 23rd 014.
GAB2017 - Azure function to build serverless SharePoint apps
Presentation how to create serverless SharePoint apps using Azure function. In this presentation, audience will be guided to create fully functional app.
Source code for this presentation is available in GitHub, and the steps is available in YouTube.
Application Performance Monitoring for WordPress
How to improve the speed and stability of your WordPress sites by getting behind the scenes code-level visibility, presented by WP Engine and New Relic.
Register for on-demand webinar which includes a demonstration: https://hs.wpengine.com/application-performance-monitoring-wordpress
Panoramic view of web APIs
Overview of web APIs
What is an API?
Explain the key parameters of the request/response cycle.
RESTful web API (Resources represented in URLs and HTTP verbs explained with example)
Basic CRUD operations
Show basic CRUD operations of an API using Flask on dummy data.
Show how "Flask-RESTful" library simplifies this to just a single code template
Background Tasks - Why and How?
Show how tasks like sending an email can block the API
Threading for blocking APIs
Scaling background tasks using "Task queues - Celery".
Comparing "threading" and "task queue".
Briefly go over the various ways to update the status of the background task.
API Documentation
Good documentation of APIs is extremely vital.
Serverless app deployment
Magnolia Conference Basel 2016 SysEleven
This presentation was given at Magnolia Conference Basel, June 7-9 2016
Youtube Link: http://y2u.be/FMwNHYxifM0
Ansible ALLTHETHINGS
Learn how in less than 6 months and with a 1-person team, they went from no infrastructure automation, to having all of their infrastructure automated with Ansible. Learn how BigPanda (http://bigpanda.io ) handles zero-downtime infrastructure updates and connects Ansible with their chat infrastructure, and some strategies on managing automation projects with very small teams.
What DevOps means for QA Teams
A webinar I did with Sauce Labs on the intersection of QA and DevOps. Many QA teams think of DevOps in terms of that infrastructure thing that IT does. But DevOps the movement is a tool for QA/QE to increase their presence across the entire development environment.
Cloud Native Batch Processing
This document discusses how Spring Framework, Spring Batch, Spring Cloud, and Spring Cloud Task can be used together for cloud native batch processing. It provides an overview of the technologies and how they can be used to build scalable, fault tolerant batch applications. Code examples are shown for partitioning batch jobs across multiple servers to scale out processing and using Spring Cloud Data Flow to orchestrate batch workflows in a microservices architecture.
Scaling Without Expanding: a DevOps Story
The build engineering team at Atlassian uses Bamboo, Bitbucket Server, and HipChat to maintain full control over the entire software and infrastructure life cycles – from a customer raising an incident all the way through to deploying a fix.
We're not a product team, but we've applied agile development practices to improve how we deploy infrastructure. Puppet and Bamboo help us automate everything, while Terraform and AWS let us treat our infrastructure as code, allowing for reviewed changes and easy scaling.
In this talk I'll show you how the build engineering team has managed to stay the same size over the last few years while supporting both a 10x growth in the number of builds run in Atlassian and 2x growth in the number of developers in the company. You'll walk out understanding how you and your team can do the same.
Products covered:
JIRA Software, JIRA Service Desk, Confluence, HipChat, Bitbucket, Bamboo
What's hot (20)
RxJS: A Beginner & Expert's Perspective - ng-conf 2017
RxJS: A Beginner & Expert's Perspective - ng-conf 2017
Building for, perceiving and measuring performance for mobile web
Building for, perceiving and measuring performance for mobile web
Common design principles and design patterns in automation testing
Common design principles and design patterns in automation testing
GAB2017 - Azure function to build serverless SharePoint apps
GAB2017 - Azure function to build serverless SharePoint apps
Similar to SPA Flask Vue
Vue.js Component Tools
Two core features of Vue.js are Single File Components and Declarative Rendering. Vue.js gives us flexible ways to reuse code and distribute functionalities for components. These slides will show you how we can encapsulate logic while still keeping our components customisable without having to override styles. We will use Tools like Mixins and Slots and learn why we should not extend components like one might know it from class inheritance of object oriented languages.
Exploring pwa for shopware
Learn how to build your own PWA enabled page in under 5 minutes ⚡️, what SPAs' have to do with PWA and how Shopware implements their headless commerce solution!
Azure Static Web Apps
Azure Static Web Apps allow developers to quickly deploy websites and APIs to Azure. It provides a clean way to build, deploy, and host modern web apps and manage associated APIs through an integrated workflow with GitHub. The service handles routing and backend functions can be developed with Azure Functions. Developers can run their applications locally for testing and then deploy to Azure with GitHub integration, enabling continuous integration and delivery when code is pushed to the repository.
Quinoa: A modern Quarkus UI with no hassles | DevNation tech Talk
The Quarkus Quinoa extension takes care of all the web UI build/wiring/dev-mode hassles and lets you focus on your web application logic. In this tech talk, we’ll bring a shopping list app to life with Quarkus, Hibernate as a backend, and React as a frontend. Quinoa will be the glue that makes it all work seamlessly from dev to production.
SharePoint Framework - Developer Preview
The document provides an in-depth analysis of the SharePoint Framework developer preview. It describes the new SharePoint components, including ClientSideWebPart, modern page experiences, and webhooks. It also outlines the tooling used to build components, such as Yeoman templates, NPM modules, and Webpack. Finally, it discusses the client-side frameworks that can be used like React and Redux, and how existing approaches to client-side development can be complemented but not replaced by the SharePoint Framework.
Migrating a modern spring web application to serverless
The presentation I presented with my collegue Wim, at Spring IO Barcelona 2019.
https://2019.springio.net/sessions/migrating-a-modern-spring-web-application-to-serverless
In this presentation we want to share how we transformed a typical spring realtime web into a serverless application and the challenges we encountered to make this a serverless application for easy scaling and resource optimization. We will share our experiences and give you tips and tricks on what we learned in the process, like:
- Spring resource optimization
- Server side rendering versus fat clients
- Session management
- Realtime UI updates in serverless environments
- Connecting functions
- Security
- Portability between cloud providers
- …
NodeJS Interactive 2019: FaaS meets Frameworks
The document discusses Function as a Service (FaaS) and how it can be used with frameworks. FaaS allows developers to build and run application functionalities without managing infrastructure. It focuses on business logic over implementation details. The document provides an overview of FaaS and how it works using Apache OpenWhisk as an example. It also discusses how FaaS can scale functions on demand and be used for building microservices and REST APIs. Appsody is presented as a tool that uses FaaS and stacks to provide a development workflow for building cloud-native applications.
How to build a static website in two and a half days with Nuxt and Tailwind CSS
The document discusses building a static website in two and a half days using Nuxt and Tailwind CSS. Nuxt allows building static sites with Vue components, and Tailwind CSS is a utility-first CSS framework. The author had no experience with either but was able to create responsive pages for a podcast site that met requirements. Key features of Nuxt include pre-rendering, layouts, and assets handling. Tailwind CSS provides utilities for layout, typography, backgrounds and more. PurgeCSS was used to remove unused CSS and reduce file sizes.
SharePoint Saturday Ottawa - From SharePoint to Office 365 Development
The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise.
In this session, we will cover every aspect of the new Office Developer paradigm and we will ensure that you can make yourself at home in such a new world.
The topics covered will be :
- SharePoint Add-In
- Office 365 Apps
- Office Add-In
- Microsoft Graph
Short-Training asp.net vNext
The document discusses features and changes in ASP.NET vNext, the future version of ASP.NET. It describes how vNext uses project.json for dependencies instead of references, allows editing code without recompiling, and merges MVC, Web API and Web Pages into a single framework. It also discusses tools for building, running and deploying vNext applications in Visual Studio 2015 and how the runtime will be more modular and cross-platform compared to previous versions of ASP.NET.
ESPC 2016 - From SharePoint to Office 365 Development - The path to your new ...
The world around the Office Developer is changing and for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don’t be scared SharePoint Developer – From SharePoint to Office Development, become an added-value Office Developer and contribute to maximise the productivity of your enterprise. In this session, we will cover every aspect of the new Office Developer paradigm and we will ensure that you can make yourself at home in such a new world. The topics covered will be :
– SharePoint Add-In
– Office 365 Apps
– Office Add-In
– Microsoft Graph
Benefits of Attending this Session:
Learn what an Office Developer is
See code in action representing the Office Developer day-to-day
Leverage the most active community around productivity development
SharePoint Fest Chicago - From SharePoint to Office 365 Development
The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise.
In this session, we will cover every aspect of the new Office Developer paradigm and we will ensure that you can make yourself at home in such a new world.
The topics covered will be :
SharePoint Add-In
Office 365 Apps
Office Add-In
Microsoft Graph
Building a Single Page Application with VueJS
Slides from the 8/27/2019 MKE JS Meetup. Goes through an overview of VueJS, the tools in the ecosystem, and how to build a Single Page Application (SPA) with VueJS.
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
This document discusses moving development from SharePoint to Office 365. It recommends adopting a modern development approach using client-side technologies like JavaScript, TypeScript, and the SharePoint Framework. It outlines integration opportunities like Office Add-ins and Microsoft Teams extensions. It provides a roadmap for learning modern tools and patterns to develop Office 365 applications and enhance SharePoint environments.
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
This document discusses moving development from SharePoint to Office 365. It recommends adopting a modern development approach using client-side technologies like JavaScript, TypeScript, and the SharePoint Framework. It outlines integration opportunities like Office Add-ins and Microsoft Teams extensions. It provides a roadmap for learning modern tools and patterns to develop Office 365 applications and enhance SharePoint environments.
How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)
This is a walkthrough on the tools, steps and process for converting common full trust solution to SharePoint Framework solutions. We will cover several scenariosn and discuss how to handle each appropriately. We have established a general workflow for converting your full trust solutions to SPFx solutions that I will share. We also will cover the proper configuration for your development environment. Lastly I will quickly highlight and show the process for building an SPFx solution and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions.
Attendee Takeaways:
1. Understand the why, the how, and what make up the SharePoint Framework (SPFx).
2. A demonstration where we take a common Full Trust Solutions and covert it to the SharePoint Framework (SPFx).
3. I share lots of tips, DO’s and DON’Ts to save you hours and days of your life
Essentials in JavaScript App Bundling with Webpack
These slides were for the Webpack session (part of the fronteers meetup), you can find the examples in the following repo: https://github.com/KhaledElAnsari/Building-Apps-With-Wepback-Fronteers-Meetup
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximizing the productivity of your enterprise.
The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time!
In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript)
This very session will make sure that at the end you get those 3 key takeaways :
- Understand your new role as an Office 365 Developer
- Have a complete overview of the technology stack you need to master in the cloud
- Change the way you will think for your next SharePoint & Office 365 project
Building your own calendly using amazon app sync
This document provides an overview and agenda for a webinar on building a Calendly clone using AWS serverless technologies. The webinar will cover the state of serverless computing, key AWS serverless services like AppSync, API Gateway, Lambda, DynamoDB, and Amplify. It will include a live demo of building the backend using AppSync and associated services, followed by a frontend demo using Vue.js and Amplify. The document outlines the architecture of the Calendly clone demo, breaking it into backend and frontend sections. It also includes background information on serverless computing models, GraphQL, and an overview of the webinar content and structure.
Full-Stack Development with Spring Boot and VueJS
SpringOne 2021
Session Title: Full-Stack Development with Spring Boot and VueJS
Speaker: Dan Vega, Enteprise Java Architect at Briebug Software
Similar to SPA Flask Vue (20)
Quinoa: A modern Quarkus UI with no hassles | DevNation tech Talk
Quinoa: A modern Quarkus UI with no hassles | DevNation tech Talk
Migrating a modern spring web application to serverless
Migrating a modern spring web application to serverless
How to build a static website in two and a half days with Nuxt and Tailwind CSS
How to build a static website in two and a half days with Nuxt and Tailwind CSS
SharePoint Saturday Ottawa - From SharePoint to Office 365 Development
SharePoint Saturday Ottawa - From SharePoint to Office 365 Development
ESPC 2016 - From SharePoint to Office 365 Development - The path to your new ...
ESPC 2016 - From SharePoint to Office 365 Development - The path to your new ...
SharePoint Fest Chicago - From SharePoint to Office 365 Development
SharePoint Fest Chicago - From SharePoint to Office 365 Development
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)
How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Essentials in JavaScript App Bundling with Webpack
Essentials in JavaScript App Bundling with Webpack
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
Recently uploaded
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers. This video you can watch from my youtube channel at https://youtu.be/m-F-mZA3MkU
GraphSummit Paris - The art of the possible with Graph Technology
Sudhir Hasbe, Chief Product Officer, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Dr. Jesús Barrasa, Head of Solutions Architecture for EMEA, Neo4j
Découvrez les dernières innovations de Neo4j, et notamment les dernières intégrations cloud et les améliorations produits qui font de Neo4j un choix essentiel pour les développeurs qui créent des applications avec des données interconnectées et de l’IA générative.
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
Presentation from Ghazal Aakel and Eric Jochum at the GSD Community Stage Meetup on June 6th, 2024
Why Choose Odoo 17 Community & How it differs from Odoo 17 Enterprise Edition
Why Choose Odoo 17 Community & How it differs from Odoo 17 Enterprise EditionEnvertis Software Solutions
Odoo ERP software
Odoo ERP software, a leading open-source software for Enterprise Resource Planning (ERP) and business management, has recently launched its latest version, Odoo 17 Community Edition. This update introduces a range of new features and enhancements designed to streamline business operations and support growth.
The Odoo Community serves as a cost-free edition within the Odoo suite of ERP systems. Tailored to accommodate the standard needs of business operations, it provides a robust platform suitable for organisations of different sizes and business sectors. Within the Odoo Community Edition, users can access a variety of essential features and services essential for managing day-to-day tasks efficiently.
This blog presents a detailed overview of the features available within the Odoo 17 Community edition, and the differences between Odoo 17 community and enterprise editions, aiming to equip you with the necessary information to make an informed decision about its suitability for your business.UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
Learn about the latest innovations in and around OpenUI5/SAPUI5: UI5 Tooling, UI5 linter, UI5 Web Components, Web Components Integration, UI5 2.x, UI5 GenAI.
Recording:
https://www.youtube.com/live/MSdGLG2zLy8?si=INxBHTqkwHhxV5Ta&t=0
Using Query Store in Azure PostgreSQL to Understand Query Performance
Microsoft has added an excellent new extension in PostgreSQL on their Azure Platform. This session, presented at Posette 2024, covers what Query Store is and the types of information you can get out of it.
A Study of Variable-Role-based Feature Enrichment in Neural Models of Code
Understanding variable roles in code has been found to be helpful by students
in learning programming -- could variable roles help deep neural models in
performing coding tasks? We do an exploratory study.
- These are slides of the talk given at InteNSE'23: The 1st International Workshop on Interpretability and Robustness in Neural Software Engineering, co-located with the 45th International Conference on Software Engineering, ICSE 2023, Melbourne Australia
DDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS Security Version 1.2 was adopted in 2024. This revision strengthens support for long runnings systems adding new cryptographic algorithms, certificate revocation, and hardness against DoS attacks.
E-Invoicing Implementation: A Step-by-Step Guide for Saudi Arabian Companies
Explore the seamless transition to e-invoicing with this comprehensive guide tailored for Saudi Arabian businesses. Navigate the process effortlessly with step-by-step instructions designed to streamline implementation and enhance efficiency.
Hand Rolled Applicative User Validation Code Kata
Could you use a simple piece of Scala validation code (granted, a very simplistic one too!) that you can rewrite, now and again, to refresh your basic understanding of Applicative operators <*>, <*, *>?
The goal is not to write perfect code showcasing validation, but rather, to provide a small, rough-and ready exercise to reinforce your muscle-memory.
Despite its grandiose-sounding title, this deck consists of just three slides showing the Scala 3 code to be rewritten whenever the details of the operators begin to fade away.
The code is my rough and ready translation of a Haskell user-validation program found in a book called Finding Success (and Failure) in Haskell - Fall in love with applicative functors.
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
OpenMetadata Community Meeting - 5th June 2024
The OpenMetadata Community Meeting was held on June 5th, 2024. In this meeting, we discussed about the data quality capabilities that are integrated with the Incident Manager, providing a complete solution to handle your data observability needs. Watch the end-to-end demo of the data quality features.
* How to run your own data quality framework
* What is the performance impact of running data quality frameworks
* How to run the test cases in your own ETL pipelines
* How the Incident Manager is integrated
* Get notified with alerts when test cases fail
Watch the meeting recording here - https://www.youtube.com/watch?v=UbNOje0kf6E
E-commerce Application Development Company.pdf
Your business can reach new heights with our assistance as we design solutions that are specifically appropriate for your goals and vision. Our eCommerce application solutions can digitally coordinate all retail operations processes to meet the demands of the marketplace while maintaining business continuity.
What is Master Data Management by PiLog Group
PiLog Group's Master Data Record Manager (MDRM) is a sophisticated enterprise solution designed to ensure data accuracy, consistency, and governance across various business functions. MDRM integrates advanced data management technologies to cleanse, classify, and standardize master data, thereby enhancing data quality and operational efficiency.
E-commerce Development Services- Hornet Dynamics
For any business hoping to succeed in the digital age, having a strong online presence is crucial. We offer Ecommerce Development Services that are customized according to your business requirements and client preferences, enabling you to create a dynamic, safe, and user-friendly online store.
Artificia Intellicence and XPath Extension Functions
The purpose of this presentation is to provide an overview of how you can use AI from XSLT, XQuery, Schematron, or XML Refactoring operations, the potential benefits of using AI, and some of the challenges we face.
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
Regarding mobile operating systems, two major players dominate our thoughts: Android and iPhone. With Android leading the market, software development companies are focused on delivering apps compatible with this OS. Ensuring an app's functionality across various Android devices, OS versions, and hardware specifications is critical, making Android app testing essential.
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
👉👉 Click Here To Get More Info 👇👇
https://sumonreview.com/ai-fusion-buddy-review
AI Fusion Buddy Review: Key Features
✅Create Stunning AI App Suite Fully Powered By Google's Latest AI technology, Gemini
✅Use Gemini to Build high-converting Converting Sales Video Scripts, ad copies, Trending Articles, blogs, etc.100% unique!
✅Create Ultra-HD graphics with a single keyword or phrase that commands 10x eyeballs!
✅Fully automated AI articles bulk generation!
✅Auto-post or schedule stunning AI content across all your accounts at once—WordPress, Facebook, LinkedIn, Blogger, and more.
✅With one keyword or URL, generate complete websites, landing pages, and more…
✅Automatically create & sell AI content, graphics, websites, landing pages, & all that gets you paid non-stop 24*7.
✅Pre-built High-Converting 100+ website Templates and 2000+ graphic templates logos, banners, and thumbnail images in Trending Niches.
✅Say goodbye to wasting time logging into multiple Chat GPT & AI Apps once & for all!
✅Save over $5000 per year and kick out dependency on third parties completely!
✅Brand New App: Not available anywhere else!
✅ Beginner-friendly!
✅ZERO upfront cost or any extra expenses
✅Risk-Free: 30-Day Money-Back Guarantee!
✅Commercial License included!
See My Other Reviews Article:
(1) AI Genie Review: https://sumonreview.com/ai-genie-review
(2) SocioWave Review: https://sumonreview.com/sociowave-review
(3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review
(4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review
#AIFusionBuddyReview,
#AIFusionBuddyFeatures,
#AIFusionBuddyPricing,
#AIFusionBuddyProsandCons,
#AIFusionBuddyTutorial,
#AIFusionBuddyUserExperience
#AIFusionBuddyforBeginners,
#AIFusionBuddyBenefits,
#AIFusionBuddyComparison,
#AIFusionBuddyInstallation,
#AIFusionBuddyRefundPolicy,
#AIFusionBuddyDemo,
#AIFusionBuddyMaintenanceFees,
#AIFusionBuddyNewbieFriendly,
#WhatIsAIFusionBuddy?,
#HowDoesAIFusionBuddyWorks
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
The UI5 tooling is the development and build tooling of UI5. It is built in a modular and extensible way so that it can be easily extended by your needs. This session will showcase various tooling extensions which can boost your development experience by far so that you can really work offline, transpile your code in your project to use even newer versions of EcmaScript (than 2022 which is supported right now by the UI5 tooling), consume any npm package of your choice in your project, using different kind of proxies, and even stitching UI5 projects during development together to mimic your target environment.
Recently uploaded (20)
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
GraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph Technology
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
Why Choose Odoo 17 Community & How it differs from Odoo 17 Enterprise Edition
Why Choose Odoo 17 Community & How it differs from Odoo 17 Enterprise Edition
UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
Using Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query Performance
A Study of Variable-Role-based Feature Enrichment in Neural Models of Code
A Study of Variable-Role-based Feature Enrichment in Neural Models of Code
DDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS-Security 1.2 - What's New? Stronger security for long-running systems
E-Invoicing Implementation: A Step-by-Step Guide for Saudi Arabian Companies
E-Invoicing Implementation: A Step-by-Step Guide for Saudi Arabian Companies
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
Artificia Intellicence and XPath Extension Functions
Artificia Intellicence and XPath Extension Functions
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
SPA Flask Vue
- 1. SPA with Flask & Vue | @vannsl Pain Free Frontend Development SPA with Flask and Vue
- 3. SPA with Flask & Vue | @vannsl Codebase github.com/Vannsl/spa-flask-vue
- 4. SPA with Flask & Vue | @vannsl past index.html main.js styles.css
- 5. SPA with Flask & Vue | @vannsl now Frontend development logos
- 6. SPA with Flask & Vue | @vannsl SPA with Flask and Vue
- 7. SPA with Flask & Vue | @vannsl 😱 Another FE Framework?
- 8. SPA with Flask & Vue | @vannsl Progressive JS framework • Approachable • Versatile • Performant
- 9. SPA with Flask & Vue | @vannsl Core Features
- 10. SPA with Flask & Vue | @vannsl Declarative Rendering Reactive Data Binding
- 11. SPA with Flask & Vue | @vannsl Small & Reusable Components Composing with Components Single File Components
- 12. SPA with Flask & Vue | @vannsl Vue Lifecycle Hooks The Vue Instance
- 13. SPA with Flask & Vue | @vannsl index.html main.js styles.css App.vue
- 14. SPA with Flask & Vue | @vannsl And that’s why: Webpack Webpack 4
- 15. SPA with Flask & Vue | @vannsl The good news: You don’t have to care 🤷
- 16. SPA with Flask & Vue | @vannsl vue-cli • CLI für rapid Vue.js development • Scaffolding the project • Ready-to-use app skeletons
- 17. SPA with Flask & Vue | @vannsl vue-cli
- 18. SPA with Flask & Vue | @vannsl Project Structure
- 19. SPA with Flask & Vue | @vannsl Project Structure
- 20. SPA with Flask & Vue | @vannsl Sources
- 21. SPA with Flask & Vue | @vannsl HelloWorld.vue
- 22. SPA with Flask & Vue | @vannsl Sources
- 23. SPA with Flask & Vue | @vannsl Vue Router mode hash: localhost:8080/#/faq mode history: localhost:8080/faq
- 24. SPA with Flask & Vue | @vannsl Add router to App.vue
- 25. SPA with Flask & Vue | @vannsl Create the backend - FAQ - Endpoint…
- 26. SPA with Flask & Vue | @vannsl Component FAQ.vue
- 27. SPA with Flask & Vue | @vannsl npm run dev && FLASK_APP=run.py FLASK_DEBUG=1 flask run
- 28. SPA with Flask & Vue | @vannsl
- 29. SPA with Flask & Vue | @vannsl www.awesome-vue.com • Datepicker • Spinner • Waterfall Layout • Adsense • Electron • i18n • Google Analytics
- 30. SPA with Flask & Vue | @vannsl Thanks 🙏Thanks 🙏