Framework7 Tutorial

Framework7 Tutorial provides basic and advanced concepts of Framework7. Our Framework7 Tutorial is designed for beginners and professionals both.

Framework7 is an open-source HTML framework for developing mobile and web applications for iOS and Android.

Our Framework7 Tutorial includes all topics of Framework7 such as What is Framework7, introduction, installation, layout, navbar, toolbars, search bar, status bar, side panels, overlays, cards, chips, preloaders, list view, progress bar, accordion, buttons, action button, forms, tab, picker, calender, refresh, messages, notifications etc.

What is Framework7

Framework7 is a free and Open-source HTML framework for developing hybrid mobile apps or web apps for iOS and Android devices. It is one of a set of open-source libraries and solutions from iDangero.us authored by Vladimir Kharlampidi.

Framework7 can also be used with other frameworks like Angular, React etc. if desired.

History

Framework7 was introduced in the year 2014. The latest version 1.4.2 was released in February 2016 licensed under MIT.

Features of Framework7

Open-source and free to use.

Very easy to use and similar syntax to jQuery.

Extremely fast. It has a built-in FastClick library.

Responsive. It has built-in grid system layout to arrange elements responsively.

Fully Dynamic. It loads pages from templates via flexible router api.

Use native view.

Page animation.

High-performance animation.

Clear JS API

Built-in Helper libraries.

Advantages

A list of advantages of Framework7:

By using Framework7 you can easily develop apps for iOS and Android without learning it.

Framework7 contains many pre-styled widgets/components.

It has built-in helper libraries.

Framework7 is not dependent on any third party library even for DOM manipulation. Instead, it has its own custom DOM7.

You can easily use Framework7 with Angular and React frameworks.

Framework7 facilitates you to create apps once you know HTML, CSS and some basic JavaScript.

It supports faster development via Bower.

Disadvantages

Framework7 supports only platforms like iOS and Android.

The online community support for Framework7 framework is less compared to iOS and Andriod.

Framework7 Index

Prerequisite

To learn Framework7, you must have the basic knowledge of HTML and CSS.

Audience

Our Framework7 Tutorial is designed to help beginners and professionals.

Problem

We assure that you will not find any problem in this Framework7 tutorial. But if there is any mistake, please post the problem in contact form.