Overview About Polymer?

What is Polymer?

Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.

Polymer provides a set of polyfills that enables us to use web components in non-compliant browsers with an easy-to-use framework.

Polymer does this by:

1)Allowing us to create Custom Elements with user-defined naming schemes. These custom elements can then be distributed across the network and used by others with HTML Imports.
2)Allowing each custom element to have its own template accompanied by styles and behavior required to use that element.
3)Providing a suite of ready-made UI and non-UI elements to use and extend in your project.

How does Polymer differ from Angular?

Angular is a complete framework for building webapps, whereas Polymer is a library for creating Web Components. Those components, however, can then be used to build a webapp.

Angular has high-level APIs for things like services, routing, server communication and the like.

Polymer, on the other hand, doesn’t provide these things except as separate web components from their core library. Instead, it focuses on allowing you to create rich, powerful, reusable web components, which could be used to build webapps like those built with Angular.

Video For Polymer Responsive UI

Small Discussion about Polymer.Js?

What is Polymer.Js?

Polymer.js is a JavaScript library created by Google that allows reusing the HTML elements for building applications with components. Polymer is an open-source JavaScript library developed by Google developers

Polymer provides a number of features over vanilla Web Components:

Simplified way of creating custom elements
Both One-way and Two-way data binding
Computed properties
Conditional and repeat templates
Gesture events

Polymer.js places a hefty set of requirements on the browser, relying on a number of technologies that are in still in the process of standardization (by W3C) and are not yet present in today’s browsers.

Examples include the shadow dom, template elements, custom elements, HTML imports, mutation observers, model-driven views, pointer events, and web animations. These are marvelous technologies, but at least as of now, that are yet-to-come to modern browsers.

The Polymer strategy is to have front-end developers leverage these leading-edge, still-to-come, browser-based technologies, which are currently in the process of standardization (by W3C), as they become available.

The recommended polyfills are designed in such a way that (at least theoretically) will be seamless to replace once the native browser versions of these capabilities become available.

Video for Polymer.Js
https://www.youtube.com/watch?v=tvafAyxkuVk

Small overview about Machhina IOT?

What is Macchina?

Macchina is an open source software toolkit for quickly building embedded applications for the Internet of Things that run on Linux-based IoT gateways and devices like the Raspberry Pi, Beaglebone, RED Brick or Galileo/Edison.

Macchina implements a web-enabled, modular and extensible JavaScript and C++ runtime environment and provides easy to use building blocks that enable applications to talk to various sensors and devices, as well as cloud services.

Rapidly build IoT device applications in JavaScript and/or C++. Reliable and rock-solid, based on industry proven components like the POCO C++ Libraries and the V8 JavaScript engine. Implemented in C++ for maximum efficiency.

Runs on Embedded Linux devices with as little as 32 MB of RAM, as well as desktop Linux and OS X. Develop and test on desktop machine, then easily deploy to embedded device.

It runs on Linux-based devices, including IoT gateways, industrial computing devices, and prototyping platforms like the Raspberry Pi, Beaglebone and MangOH.

It is based on the POCO C++ Libraries and uses the V8 JavaScript engine.

Video for Macchina

https://www.youtube.com/watch?v=vhfu38AyMPU

Small Overview about Expo CLI?

What is Expo CLI?

Expo CLI is a command line interface for developing Expo apps. It also includes a web-based interface (Expo Dev Tools) for using some of the most often used features also from a quick to use graphical interface.

Expo apps are React Native apps which contain the Expo SDK. The SDK is a native-and-JS library which provides access to the device's system functionality (things like the camera, contacts, local storage, and other hardware). That means you don't need to use Xcode or Android Studio or write any native code, and it also makes your pure-JS project very portable because it can run in any native environment containing the Expo SDK.

Expo also provides UI components to handle a variety of use-cases that almost all apps will cover but are not baked into React Native core, e.g. icons, blur views, and more.

Finally, the Expo SDK provides access to services which typically are a pain to manage but are required by almost every app. Most popular among these: Expo can manage your Assets for you, it can take care of Push Notifications for you, and it can build native binaries which are ready to deploy to the app store.

Video for Expo CLI

https://www.youtube.com/watch?v=cWZHjuKTg7g

Small overview about Vue Native?

What is Vue Native?

Vue Native is a framework to build cross-platform native mobile apps using JavaScript. Vue Native is a mobile framework to build a truly native mobile app using Vue.js. It is designed to connect React Native and Vue.js.

Vue Native is a wrapper around React Native APIs, which allows you to use Vue.js and compose rich mobile User Interface.

Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only and is easy to pick up and integrate with other libraries or existing projects.

Features

Declarative rendering
Two-way binding
The goodness of Vue ecosystem
Compiles to React Native
Completeness of React Native ecosystem

A video for Vue Native

https://www.youtube.com/watch?v=8e0XHPylhj0

Small Overview about Mezzanine?

What is Mezzanine?

Mezzanine is a powerful, consistent, and flexible content management platform. Built using the Django framework, Mezzanine provides a simple yet highly extensible architecture that encourages diving in and hacking on the code. Mezzanine is BSD licensed and supported by a diverse and active community.

In some ways, Mezzanine resembles tools such as Wordpress, providing an intuitive interface for managing pages, blog posts, form data, store products, and other types of content. But Mezzanine is also different. Unlike many other platforms that make extensive use of modules or reusable applications, Mezzanine provides most of its functionality by default. This approach yields a more integrated and efficient platform.

Features

Hierarchical page navigation
Save as draft and preview on site
Scheduled publishing
Drag-and-drop page ordering
WYSIWYG editing
In-line page editing
Drag-and-drop HTML5 forms builder with CSV export
SEO friendly URLs and metadata
E-commerce / Shopping cart module (Cartridge)
Configurable dashboard widgets
Blog engine
Tagging
Free Themes, and a Premium Themes Marketplace
User accounts and profiles with email verification
Translated to over 35 languages
Sharing via Facebook or Twitter
Multi-lingual sites
Custom templates per page or blog post
Twitter Bootstrap integration
API for custom content types
Search engine and API

Mezzanine is an open source project managed using both the Git and Mercurial version control systems.

Video for Mezzanine blogging

https://www.youtube.com/watch?v=3I5nrcsy7RI

Small Overview about JEST ?

What is Jest?

Jest is an open JavaScript testing library from Facebook. Its slogan is "Delightful JavaScript Testing". While Jest can be used to test any JavaScript library, it shines when it comes to React and React Native.

Main Benefits

1) Developer Ready

Complete and ready to set-up JavaScript testing solution. Works out of the box for any React project.

2) Instant Feedback

Fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly.

3) Snapshot Testing

Capture snapshots of React trees or other serializable values to simplify testing and to analyze how state changes over time.

Jest is used by Facebook to test all JavaScript code including React applications. One of Jest's philosophies is to provide an integrated "zero-configuration" experience.

NPM and Yarn Command for Installation.

npm install --save-dev jest

yarn add --dev jest

Video for JEST Library

https://www.youtube.com/watch?v=7r4xVDI2vho

Overview About Polymer?

What is Polymer?

How does Polymer differ from Angular?

Video For Polymer Responsive UI

References

Your comment on this post:

Related Articles