Apache Cordova vs Materialize

Overview

Apache Cordova

Stacks686

Followers892

Votes218

GitHub Stars955

Forks345

Materialize

Stacks698

Followers1.2K

Votes557

GitHub Stars39.1K

Forks4.7K

Apache Cordova vs Materialize: What are the differences?

Introduction: Apache Cordova and Materialize are two popular tools used in web development, but they serve different purposes.

Platform Compatibility: Apache Cordova is a framework that allows developers to build mobile applications using web technologies (HTML, CSS, and JavaScript) and deploy them across multiple platforms such as iOS, Android, and Windows. On the other hand, Materialize is a front-end framework that focuses on creating responsive and modern websites with a Material Design aesthetic.
Functionality: Apache Cordova enables developers to access device-specific features like camera, accelerometer, and GPS using plugins, making it suitable for building native-like mobile applications. In contrast, Materialize provides a set of CSS and JavaScript components to facilitate the creation of visually appealing and consistent user interfaces for websites.
Customization: While Apache Cordova allows developers to customize the appearance and behavior of their mobile applications through plugins and native components, Materialize offers a wide range of pre-designed components and themes that can be easily customized to match the desired look and feel of a website.
Community Support: Apache Cordova has a robust community of developers contributing plugins, documentation, and support forums, making it easier for developers to find solutions to common issues and stay updated on the latest features. Materialize also has a supportive community that offers resources and tutorials for using the framework effectively in web development projects.

In Summary, Apache Cordova focuses on building cross-platform mobile applications with access to native features, while Materialize is used for creating responsive websites with a modern design aesthetic.

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 Apache Cordova, Materialize

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

Apache Cordova	Materialize
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.	A CSS Framework based on material design.
Cross-platform (CLI) workflow;Platform-centered workflow;Hundreds of plugins	Speeds up development;User Experience Focused;Easy to work with
Statistics
GitHub Stars 955	GitHub Stars 39.1K
GitHub Forks 345	GitHub Forks 4.7K
Stacks 686	Stacks 698
Followers 892	Followers 1.2K
Votes 218	Votes 557
Pros & Cons
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	Pros 102 Google material design 74 Responsive 74 Easy to use 54 Modern looks 48 Open source Cons 7 Mobile errors 6 Poor Grid System 2 Unmaintained

What are some alternatives to Apache Cordova, Materialize?

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.

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.

Material-UI

Material UI is a library of React UI components that implements Google's Material Design.

Related Comparisons

Apache Cordova vs Materialize: What are the differences?

Introduction: Apache Cordova and Materialize are two popular tools used in web development, but they serve different purposes.

Platform Compatibility: Apache Cordova is a framework that allows developers to build mobile applications using web technologies (HTML, CSS, and JavaScript) and deploy them across multiple platforms such as iOS, Android, and Windows. On the other hand, Materialize is a front-end framework that focuses on creating responsive and modern websites with a Material Design aesthetic.
Functionality: Apache Cordova enables developers to access device-specific features like camera, accelerometer, and GPS using plugins, making it suitable for building native-like mobile applications. In contrast, Materialize provides a set of CSS and JavaScript components to facilitate the creation of visually appealing and consistent user interfaces for websites.
Customization: While Apache Cordova allows developers to customize the appearance and behavior of their mobile applications through plugins and native components, Materialize offers a wide range of pre-designed components and themes that can be easily customized to match the desired look and feel of a website.
Community Support: Apache Cordova has a robust community of developers contributing plugins, documentation, and support forums, making it easier for developers to find solutions to common issues and stay updated on the latest features. Materialize also has a supportive community that offers resources and tutorials for using the framework effectively in web development projects.

Apache Cordova vs Materialize

Overview