The video recording of my talk at Adobe PGDay EU 2017 is online! :D Thanks to the PhoneGap team for making this available! Make sure to also check out all the other videos from the conference in the playlist below:
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.
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.
Holly Schinsky’s template
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
Oğuz Özcan’s template
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
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:
- Setup project + Call Twitter search API methods (This video)
- Authenticate users using oauth + Render personal timeline
- Post tweets, retweet and replies
- Deploy as native app using Phonegap/Cordova
Enjoy the video series! :-)