Phonegap android angualr material design

Editor's Notes

• #3: Node.js is a server side platform built on Google Chrome's JavaScript Engine (V8 Engine). Node.js was developed by Ryan Dahl in 2009 and its latest version is v0.10.36. The definition of Node.js as supplied by its official documentation is as follows − Node.js is a platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. Node.js is an open source, cross-platform runtime environment for developing server-side and networking applications. Node.js applications are written in JavaScript, and can be run within the Node.js runtime on OS X, Microsoft Windows, and Linux. Node.js also provides a rich library of various JavaScript modules which simplifies the development of web applications using Node.js to a great extent. Node.js = Runtime Environment + JavaScript Library
• #4: So, what is Git in a nutshell? This is an important section to absorb, because if you understand what Git is and the fundamentals of how it works, then using Git effectively will probably be much easier for you. As you learn Git, try to clear your mind of the things you may know about other VCSs, such as Subversion and Perforce; doing so will help you avoid subtle confusion when using the tool. Git stores and thinks about information much differently than these other systems, even though the user interface is fairly similar, and understanding those differences will help prevent you from becoming confused while using it. Git is a widely used version control system for software development.It is a distributed revision control system with an emphasis on speed.
• #5: Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you.Keeping track of all these packages and making sure they are up to date (or set to the specific versions you need) is tricky. Bower to the rescue!Bower can manage components that contain HTML, CSS, JavaScript, fonts or even image files. Bower doesn’t concatenate or minify code or do anything else - it just installs the right versions of the packages you need and their dependencies.To get started, Bower works by fetching and installing packages from all over, taking care of hunting, finding, downloading, and saving the stuff you’re looking for. Bower keeps track of these packages in a manifest file, bower.json. How you use packages is up to you. Bower provides hooks to facilitate using packages in your tools and workflows.Bower is optimized for the front-end. If multiple packages depend on a package - jQuery for example - Bower will download jQuery just once. This is known as a flat dependency graph and it helps reduce page load.
• #6: PhoneGap is an open source framework for quickly building cross-platform mobile apps using HTML5, Javascript and CSS. Wrap your app with PhoneGap Deploy to mobile platforms! Build your app with web technology Wrap your app with PhoneGap Deploy to mobile platforms!
• #7: Cordova ,formerly called as Phone Gap is a platform to build Native Mobile Applicatons using HTML5, CSS and Java Script.
• #8: ngCordova was built to help make app development faster and more efficient than ever before. It gives you simple AngularJS wrappers for the most popular Cordova and PhoneGap plugins available, where you can take a picture, scan a barcode, upload a file, turn on your flashlight, get your current location, and much more with just a few lines of code.
• #9: 1. A structural framework for dyanmic web apps.2. Uses HTML as template language3. Extend HTML's syntax to express application's components clearly and succinctly.4. Data bidning and dependency injection.5. Animation and effects
• #10: We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technnology and science. This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design. Material has certain immutable characteristics and inherent behaviors. Understanding these qualities will help you manipulate material in a way that's consistent with the vision of material design. 1. Physical Properties: Material has verying x (width) & y (height) dimensions (meassured in dp) and a Uniform thickness (1dp) 2. Transforming material 3. Movement of material 1. Material has verying x (width) & y (height) dimensions (meassured in dp) and a Uniform thickness (1dp) 2. Material casts shadows:- Shadows result naturally from the relative elevation (z- position) between material elements. Shadows depict the relative elevation between material elements. Shadows are never approximated by coloring material. 3. Content behavior can be independent of the behavior of material. 4. Input events only affect the foreground material. Input events cannot pass throught material 5. Using elevation to seperate material elements is one method of preventing multiple material elements from occupying the same point in space simultaneously. Multiple material elements cannot occupy the same point in space simultaneously. 6. Material can display any shape and color 7. Material cannot pass throught other material
• #11: 1. For developers using AngularJS, Angular Material is the reference implementation of Google's Material Design Specification. This project provides a set of reusable, well-tested, and accessible UI components based on Material Design. 2. 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 specification for use in Angular single-page applications (SPAs).
• #15: There is no command line that I found for configuring bower. Instead you need to create a .bowerrc file in the users home directory.On Windows: %userprofile% directory.On Linux: ~/Creating .bowerrc file on WindowsWindows Explorer unfortunately does not allow you to create files without extensions but using notepad you can create a file without an extension. Open Notepad Ctrl + S to save the file Navigate to the %UserProfile% directory Change the "Save as Type" to "All Files (.) Name the file .bowerrc Click the Save button Now you can edit the file in your text editor of choiceProxy Setting in .bowerrc.{ "proxy":"http://[Your Proxy]:[Proxy Port]", "https-proxy":"http://[Your Proxy]:[Proxy Port]"}
• #19: 1. Open command prompt2. Select perticular cordova path3. Type below line and enter4. cordova plugin add [Package Name]/[git repository url]