In this video screencast I will teach you how to create a chat app for iOS and Android with the power of Vue.js, Framework7 and PhoneGap in only 20 minutes.
Click the image below to watch the tutorial:
Yay! I got great news from Adobe who invited me to join PhoneGap Days EU in Amsterdam this year as a speaker.
Most likely, I will talk about Framework7 and Vue.js but if there is any other (related) topic, please let me know and I’ll see if I can add it to my presentation.
Ps: Early bird tickets still available ;-) – Click the image below for more info.
There is no such thing as the “best framework”. You have to decide each time based on the requirements and assets of your project which tool is the right one.
In this new video I will explain the differences between Ionic and Framework7 as well as try to suggest when to use which framework.
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.
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:
com.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