framework7 Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/framework7/ Developer • YouTuber • Blogger Wed, 31 Mar 2021 17:24:05 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://www.timo-ernst.net/wp-content/uploads/2021/03/cropped-Timo-Ernst-Small-32x32.jpg framework7 Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/framework7/ 32 32 How to Deploy a Framework7 App to AWS via CI/CD https://www.timo-ernst.net/blog/2021/03/31/how-to-deploy-a-framework7-app-to-aws-via-ci-cd/ https://www.timo-ernst.net/blog/2021/03/31/how-to-deploy-a-framework7-app-to-aws-via-ci-cd/#respond Wed, 31 Mar 2021 16:25:47 +0000 https://www.timo-ernst.net/?p=4509 In this tutorial I will explain the easiest way to create an automatic CI/CD pipeline in order to deploy a Framework7 app to AWS. The goal is to have your pipeline automatically build and deploy your project every time you commit a change to the main GitHub branch. In order for you to follow along […]

The post How to Deploy a Framework7 App to AWS via CI/CD appeared first on Timo Ernst.

Related posts:

  1. Deploy Framework7 apps to Android with PhoneGap/Cordova | Beginner Tutorial
  2. Framework7 template with TypeScript and AngularJS
  3. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
]]> https://www.timo-ernst.net/blog/2021/03/31/how-to-deploy-a-framework7-app-to-aws-via-ci-cd/feed/ 0 User Authentication for Framework7 with Firebase https://www.timo-ernst.net/blog/2019/08/21/user-authentication-for-framework7-with-firebase/ https://www.timo-ernst.net/blog/2019/08/21/user-authentication-for-framework7-with-firebase/#respond Wed, 21 Aug 2019 07:05:58 +0000 https://www.timo-ernst.net/?p=4181 In this video tutorial I will give you detailed instructions how to signup, login and logout users really easily using Firebase. No backend or database needed! Firebase will take care of this. Source codehttps://github.com/valnub/framework7-authentication-demo Find me on Twitterhttp://www.twitter.com/timo_ernst

The post User Authentication for Framework7 with Firebase appeared first on Timo Ernst.

Related posts:

  1. SwiperJS React Video Tutorial | 2020
  2. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
  3. How to get started with Framework7, VueJS and Webpack
]]> https://www.timo-ernst.net/blog/2019/08/21/user-authentication-for-framework7-with-firebase/feed/ 0 Build a Calendar in 5 mins with HTML and Framework7 | Video Tutorial https://www.timo-ernst.net/blog/2018/12/05/build-a-calendar-in-5-mins-with-html-and-framework7-video-tutorial/ https://www.timo-ernst.net/blog/2018/12/05/build-a-calendar-in-5-mins-with-html-and-framework7-video-tutorial/#respond Wed, 05 Dec 2018 22:32:38 +0000 https://www.timo-ernst.net/?p=4143 In this quick video tutorial I will explain how to use the calendar component in Framework7. Template download: framework7-simplest

The post Build a Calendar in 5 mins with HTML and Framework7 | Video Tutorial appeared first on Timo Ernst.

Related posts:

  1. Build the Snake Game for Browsers with HTML and JavaScript Tutorial
  2. hcal: An iOS inspired HTML-based calendar
  3. Tutorial: Auto-Complete Search with React, Node and Framework7
]]> https://www.timo-ernst.net/blog/2018/12/05/build-a-calendar-in-5-mins-with-html-and-framework7-video-tutorial/feed/ 0 Tutorial: Auto-Complete Search with React, Node and Framework7 https://www.timo-ernst.net/blog/2018/11/02/tutorial-auto-complete-search-with-react-node-and-framework7/ https://www.timo-ernst.net/blog/2018/11/02/tutorial-auto-complete-search-with-react-node-and-framework7/#respond Fri, 02 Nov 2018 22:48:21 +0000 https://www.timo-ernst.net/?p=4126 In this tutorial I will explain how you can easily use Framework7’s autocomplete feature for search input fields using React and web services with Node.js Source code on GitHub: https://github.com/valnub/f7-node-autocomplete-search-demo

The post Tutorial: Auto-Complete Search with React, Node and Framework7 appeared first on Timo Ernst.

Related posts:

  1. Arrows in React Swiper Js: How to Customize Prev/Next Button
  2. SwiperJS React Video Tutorial | 2020
  3. How to use Framework7 V2 Router Tutorial
]]> https://www.timo-ernst.net/blog/2018/11/02/tutorial-auto-complete-search-with-react-node-and-framework7/feed/ 0 12 Changes in Framework7 V3 You Should Know https://www.timo-ernst.net/blog/2018/07/25/12-changes-in-framework7-v3-you-should-know/ https://www.timo-ernst.net/blog/2018/07/25/12-changes-in-framework7-v3-you-should-know/#respond Wed, 25 Jul 2018 21:47:41 +0000 https://www.timo-ernst.net/?p=4118 The latest release of Framework7 V3 is not as much of a jump as V2 was compared to V1. However, in this video I want to introduce to you the 12 most important changes in this release. (Spoiler: React is back!)

The post 12 Changes in Framework7 V3 You Should Know appeared first on Timo Ernst.

Related posts:

  1. SwiperJS React Video Tutorial | 2020
  2. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
  3. Arrows in React Swiper Js: How to Customize Prev/Next Button
]]> https://www.timo-ernst.net/blog/2018/07/25/12-changes-in-framework7-v3-you-should-know/feed/ 0 How to use Framework7 V2 Router Tutorial https://www.timo-ernst.net/blog/2018/04/11/how-to-use-framework7-v2-router-tutorial/ https://www.timo-ernst.net/blog/2018/04/11/how-to-use-framework7-v2-router-tutorial/#respond Wed, 11 Apr 2018 17:52:40 +0000 https://www.timo-ernst.net/?p=4015 I’ve been getting a lot of requests on how to use the new V2 Router of Framework7, so here are two episodes covering the absolute basics of routing in F7. Have fun, enjoy and let me know if anything is unclear or you want other specific topics covered. Video playlist: Episode 1: Basics Episode 2: […]

The post How to use Framework7 V2 Router Tutorial appeared first on Timo Ernst.

Related posts:

  1. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
  2. Tutorial: Auto-Complete Search with React, Node and Framework7
  3. What is Vuex?
]]> https://www.timo-ernst.net/blog/2018/04/11/how-to-use-framework7-v2-router-tutorial/feed/ 0 V2 support for Framework7-Upscroller https://www.timo-ernst.net/blog/2018/01/26/v2-support-for-framework7-upscroller/ https://www.timo-ernst.net/blog/2018/01/26/v2-support-for-framework7-upscroller/#respond Fri, 26 Jan 2018 15:58:18 +0000 https://www.timo-ernst.net/?p=3994 Since the release of Framework7 v2 my “upscroller” plugin wouldn’t be compatible anymore, so I fixed that :-) Just check out the GitHub repository for all how-to’s. There’s a demo available and here’s a screenshot of what it looks like.

The post V2 support for Framework7-Upscroller appeared first on Timo Ernst.

Related posts:

  1. Why I am still in love with Framework7
  2. 12 Changes in Framework7 V3 You Should Know
  3. Upscroller for Framework7
]]> https://www.timo-ernst.net/blog/2018/01/26/v2-support-for-framework7-upscroller/feed/ 0 What’s new in Framework7 v2 beta? https://www.timo-ernst.net/blog/2017/09/19/whats-new-framework7-v2-beta/ https://www.timo-ernst.net/blog/2017/09/19/whats-new-framework7-v2-beta/#comments Tue, 19 Sep 2017 09:23:19 +0000 https://www.timo-ernst.net/?p=3944 In this quick 5-min video, I explain what’s new in the beta version of Framework7 v2. Also, make sure to visit these links for more detailed info: F7 blog http://blog.framework7.io F7 releases https://github.com/framework7io/Framework7/releases

The post What’s new in Framework7 v2 beta? appeared first on Timo Ernst.

Related posts:

  1. Video Screencast: How to use Framework7 with Angular 1.x
  2. User Authentication for Framework7 with Firebase
  3. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
]]> https://www.timo-ernst.net/blog/2017/09/19/whats-new-framework7-v2-beta/feed/ 5 My talk at Adobe PGDay EU 2017 about Vue.js and Framework7 https://www.timo-ernst.net/blog/2017/07/27/video-talk-pgday-eu-2017-vue-js-framework7/ https://www.timo-ernst.net/blog/2017/07/27/video-talk-pgday-eu-2017-vue-js-framework7/#respond Thu, 27 Jul 2017 10:20:43 +0000 https://www.timo-ernst.net/?p=3899 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: Building PhoneGap apps with Vue.js and Framework7 Full playlist of the conference

The post My talk at Adobe PGDay EU 2017 about Vue.js and Framework7 appeared first on Timo Ernst.

Related posts:

  1. 2018 Framework7 V2 templates for Vue + PhoneGap/Cordova
  2. I will speak at Adobe PhoneGap Days EU in Amsterdam
  3. PhoneGap Day 2017 EU | Vlog Episode 02
]]> https://www.timo-ernst.net/blog/2017/07/27/video-talk-pgday-eu-2017-vue-js-framework7/feed/ 0 How to use Vuex with Framework7 https://www.timo-ernst.net/blog/2017/07/24/use-vuex-framework7/ https://www.timo-ernst.net/blog/2017/07/24/use-vuex-framework7/#respond Mon, 24 Jul 2017 21:00:55 +0000 https://www.timo-ernst.net/?p=3847 In this new 3-episode video series I will explain what Vuex is, how it works and give an example on how to use it with Framework7. Enjoy! :-) Get the source code here: https://github.com/valnub/Todo-App-Example-with-Vuex-and-Framework7 What is Vuex? Mutators, Actions and Getters Todo App Example Tutorial

The post How to use Vuex with Framework7 appeared first on Timo Ernst.

Related posts:

  1. I will speak at Adobe PhoneGap Days EU in Amsterdam
  2. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
  3. What is Vuex?
]]> https://www.timo-ernst.net/blog/2017/07/24/use-vuex-framework7/feed/ 0