This is the 4th and final episode of our series “Create a Twitter app with Vue.js, Framework7 and PhoneGap”
In this video we will use the app that we have created in our previous episodes (with Vue.js, Framework7 and Webpack) and port it to a native, installable app using PhoneGap.
Click the image below to see the screencast:
This is episode 03 of my series “How to create a Twitter app with Vue.js, Framework7 and PhoneGap”.
In this screencast, I will explain how we use the Twitter API with the power of Codebird to post tweets.
Find the source code here: https://github.com/valnub/twitvue03
Also, please let me know if you prefer multiple shorter videos (15-20 min) or one big screencast (60-90 min) in the future in the comments down below! Thanks :)
This is episode 2 of my series “Create a Twitter app with VueJS and Framework7”. In this video you will learn how to connect and authenticate against the Twitter API using oauth. Also, we’re using Vue.js and Framework7 as the weapon of our choice.
If you haven’t seen episode 1 yet, I highly recommend to check that out first before watching this video.
Don’t miss episodes 3 and 4 by subscribing to this blog via RSS or on YouTube!
Source code: http://github.com/valnub/Twitvue02
PhoneGap development with VueJS and Framework7 seems to gain more traction lately and there are 2 new templates that help you get started easily. One made by Adobe’s Holly Schinsky and the other one by Oğuz Özcan. In this post I want to introduce how to kick off a project with both templates easily.
To download, check her Github page.
This template is based on the official static template of the Framework7 + VueJS plugin project. To get started, make sure, you have PhoneGap/Cordova installed and run:
$ phonegap create myVueApp --template https://github.com/hollyschinsky/phonegap-template-framework7-vue $ cd myVueApp $ phonegap serve or $ open www/index.html
$ cordova create myVueApp --template https://github.com/hollyschinsky/phonegap-template-framework7-vue $ cd myVueApp $ open www/index.html
To download, check his Github page.
This one is Cordova-only, so make sure you have it installed:
npm i cordova -g
To kick of the project, simply do:
cordova createcom.example.projectname ProjectClassName --template cordova-template-framework7-vue-webpack
Important: ProjectClassName should be written without spaces.
Do you have additional templates and boilerplates you can suggest? Let us know in the comment :D
In my last post I showed you how to kick-off a new project with Framework7, VueJS and Webpack. So, I thought in the next video I could show you a real-world example on how to create an app based on these technologies.
In this screencast we will create a Twitter client for iOS and Android that will let you search for tweets through the official Twitter REST API.
Keep in mind that this is the first episode of a series since we won’t be able to create a full Twitter app in only one episode. Instead, we will cover one topic in each video. The series topics will probably look something like this:
Enjoy the video series! :-)
Source code
