Getting started with Framework7

Working with Framework7, Installation and initial setup of Framework7 is very simple and easy when you start with its predefined examples placed in Kitchen Sink but at, we will learn everything about Framework7 more broadly. Before moving on ‘How to start with Framework7?’ if you don’t know about Framework7 then I recommend please walk once through our previous post What is Framework7?’.

Framework7 Tutorial - Introduction

To understand whole process of Framework7 with practical examples I also recommend creating a localhost on your pc either with IIS (Internet Information Service) or Apache server or Node.JS because Framework7 routing system will not gonna work without http localhost. You can also go with other available http web server options like Nginx, WAMP, LAMP (only for linux), LightSpeed etc but below explained options are much more easy and in use these days.

What is IIS?

IIS (Internet Information Service) is default http web server system of Window OS which can be installed easily on your pc by enabling the IIS feature under Turn windows feature on or off section. If you working with IIS then you don’t need to install any third party software on your pc.

What is Apache?

Apache is an open-source and free web server software. The official name is Apache HTTP Server, and it's maintained and developed by the Apache Software Foundation. It allows website owners to serve content on the web. You can create your own Apache web server on pc by installing XAMPP. XAMPP is very easy to download, install, configure and run localhost http web server on your pc.
XAMPP Download

What is Node.JS?

Node.js is an open source http web server and JavaScript runtime environment that built on Chrome's V8 JavaScript engine. Node.js runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.) and the ability to run Node.JS on various platforms make it so special and very popular in a very short period of its launch.
NodeJS Download

Now let’s go ahead, in this Framework7 tutorial series we will create a web application (website) with different modules of Framework7 and to create that, first of all we have to create Homepage for our web application.

Create Homepage using Framework7

Now first of all we have to create a folder inside web server root directory (which is ‘htdocs’ in XAMPP), you can specify any name but in this Framework Tutorial I’ll name it ‘myapp’ like shown in below image.

Framework7 Tutorial - How start with Framework7

Note : In this Framework7 Tutorial we will create web application using core library.

Now download the Source Code .zip file of ‘myApp’ via below given link which helps you to set Framework7 Basic App HTML Layout and other source file to create web app.

Framework7 Release of version 5.0.0-beta.6 Ready to work Source Code on GitHub



Hello friends! Progrramers is a tutorial site of w3 programming. If you like this tutorial site please encourages us by sharing this site links with your friends and nears & dears who want to learn web development and give us like on our Facebook page. If have any question please type in to comment box or send us message on social media sites via below given social links. Thank you, have a nice learning.

Post A Comment:


  1. Lucky Numbers Casino - Mapyro
    Get directions, reviews and information 삼척 출장안마 for Lucky Numbers Casino in Yonkers, NY. For questions, please 인천광역 출장샵 contact the City 김제 출장샵 of 익산 출장안마 Yonkers 보령 출장샵 at 1-888-GOVARD.