Apache Cordova vs Material Design for Bootstrap

Overview

Material Design for Bootstrap

Stacks78

Followers206

Votes46

GitHub Stars65

Forks42

Apache Cordova

Stacks686

Followers892

Votes218

GitHub Stars955

Forks345

Apache Cordova vs Material Design for Bootstrap: What are the differences?

Introduction

Apache Cordova and Material Design for Bootstrap are two popular technologies used in web development. While Apache Cordova is a platform for building mobile applications using web technologies, Material Design for Bootstrap is a front-end framework that allows developers to easily create responsive web designs.

Key Differences between Apache Cordova and Material Design for Bootstrap:

Type of Development: Apache Cordova is primarily used for mobile app development, allowing developers to build cross-platform applications using HTML, CSS, and JavaScript. Material Design for Bootstrap, on the other hand, is focused on front-end web development, offering ready-to-use components and templates for building responsive web designs.
Target Platforms: Apache Cordova enables developers to create mobile apps that can be deployed on various platforms, including iOS, Android, and Windows. Material Design for Bootstrap, however, is mainly used for web development and does not support native app development. It provides a design framework for creating visually appealing and responsive web applications.
Functionality: Apache Cordova provides access to native device features and APIs, allowing developers to create mobile applications with native-like capabilities. Material Design for Bootstrap, on the other hand, focuses on providing a visually consistent and user-friendly design system, with ready-made components and layouts that can be easily customized.
Development Workflow: When working with Apache Cordova, developers typically need to set up and configure platform-specific development environments, such as Android Studio and Xcode, for building and testing their mobile apps. Material Design for Bootstrap simplifies the development workflow by providing a pre-built front-end framework that can be easily integrated into a web project, allowing developers to focus on design and functionality rather than setting up complex development environments.
Community and Ecosystem: Apache Cordova has a large and active community of developers, with extensive documentation, forums, and plugins available for developers to enhance the functionality of their mobile apps. Material Design for Bootstrap also has a supportive community, but it is primarily focused on providing design-related resources and support for web developers.
Learning Curve: Apache Cordova requires developers to have a good understanding of web technologies, as well as some familiarity with native app development concepts. Material Design for Bootstrap, on the other hand, is relatively easier to learn, especially for developers with a background in web development, as it provides pre-designed and ready-to-use components that can be easily customized.

In summary, Apache Cordova is a platform for building cross-platform mobile applications using web technologies, while Material Design for Bootstrap is a front-end framework focused on creating responsive web designs. Apache Cordova offers native app capabilities and supports multiple platforms, while Material Design for Bootstrap provides pre-built design components and layouts for web development.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Material Design for Bootstrap, Apache Cordova

Aleksandr

Contract Software Engineer - Microsoft at Microsoft-365

Dec 23, 2019

Review

What is `Proguard`?

ProGuard is the most popular optimizer for Java bytecode. It makes your Java and Android applications up to 90% smaller and up to 20% faster. ProGuard also provides minimal protection against reverse engineering by obfuscating the names of classes, fields and methods.

How to use it in `Cordova` app?

I didn't find any plugins for it. So I've implemented it by myself and shared it on GitHub.

Feel free to use!

119k views119k

Comments

Aleksandr

Contract Software Engineer - Microsoft at Microsoft-365

Dec 23, 2019

Needs advice

I've done some Hybrid Mobile apps with both technologies Apache Cordova and React Native and described my experience in my blog.

In a few words, I would suggest to use each technology in accordance what what is your current code base and what do you want to achieve.

React Native is a great option if you need that extra edge in performance with multi-threading and native UI rendering. Or you already have a web app based on React which you want to port to mobile.

On the other hand, if you have an existing web application code and you want to reuse some or all, including the ability to use web third-party libraries, then Cordova is the best option.

429k views429k

Comments

Detailed Comparison

Material Design for Bootstrap	Apache Cordova
It is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.	Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.
Input fields; Textarea; Buttons (ripple effect working); Select; Navbar; Button groups; Input groups; Checkbox; Radio; Alerts; Progress bars; Jumbotron; Wells; Dialogs; Lists	Cross-platform (CLI) workflow;Platform-centered workflow;Hundreds of plugins
Statistics
GitHub Stars 65	GitHub Stars 955
GitHub Forks 42	GitHub Forks 345
Stacks 78	Stacks 686
Followers 206	Followers 892
Votes 46	Votes 218
Pros & Cons
Pros 16 Bootstrap 6 Light weight 6 Awesome and simple to use 4 Google Material Design 4 Responsive Cons 2 Not free for premo stuff	Pros 48 Lots of plugins 35 JavaScript 26 Great community 25 Easy Development 18 Easy to learn Cons 2 No native performance 1 Hard to install 0 Hard to install

What are some alternatives to Material Design for Bootstrap, Apache Cordova?

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Ionic

Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript.

Flutter

Flutter is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.

React Native

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

Xamarin

Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.

Foundation

Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

Semantic UI

Semantic empowers designers and developers by creating a shared vocabulary for UI.

Materialize

A CSS Framework based on material design.

Material Design for Angular

Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.

NativeScript

NativeScript enables developers to build native apps for iOS, Android and Windows Universal while sharing the application code across the platforms. When building the application UI, developers use our libraries, which abstract the differences between the native platforms.

Related Comparisons

Apache Cordova vs Material Design for Bootstrap: What are the differences?

Introduction

Key Differences between Apache Cordova and Material Design for Bootstrap:

Type of Development: Apache Cordova is primarily used for mobile app development, allowing developers to build cross-platform applications using HTML, CSS, and JavaScript. Material Design for Bootstrap, on the other hand, is focused on front-end web development, offering ready-to-use components and templates for building responsive web designs.
Target Platforms: Apache Cordova enables developers to create mobile apps that can be deployed on various platforms, including iOS, Android, and Windows. Material Design for Bootstrap, however, is mainly used for web development and does not support native app development. It provides a design framework for creating visually appealing and responsive web applications.
Functionality: Apache Cordova provides access to native device features and APIs, allowing developers to create mobile applications with native-like capabilities. Material Design for Bootstrap, on the other hand, focuses on providing a visually consistent and user-friendly design system, with ready-made components and layouts that can be easily customized.
Development Workflow: When working with Apache Cordova, developers typically need to set up and configure platform-specific development environments, such as Android Studio and Xcode, for building and testing their mobile apps. Material Design for Bootstrap simplifies the development workflow by providing a pre-built front-end framework that can be easily integrated into a web project, allowing developers to focus on design and functionality rather than setting up complex development environments.
Community and Ecosystem: Apache Cordova has a large and active community of developers, with extensive documentation, forums, and plugins available for developers to enhance the functionality of their mobile apps. Material Design for Bootstrap also has a supportive community, but it is primarily focused on providing design-related resources and support for web developers.
Learning Curve: Apache Cordova requires developers to have a good understanding of web technologies, as well as some familiarity with native app development concepts. Material Design for Bootstrap, on the other hand, is relatively easier to learn, especially for developers with a background in web development, as it provides pre-designed and ready-to-use components that can be easily customized.

Apache Cordova vs Material Design for Bootstrap

Overview