background preloader

Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular

Related:  LangagesIONIC

Cordova Tutorial Cordova is a platform that is used for building mobile apps using HTML, CSS and JS. We can think of Cordova as a container for connecting our web app with native mobile functionalities. Web applications cannot use native mobile functionalities by default. This is where Cordova comes into picture. Part 1: Simple Ionic tutorial from scratch — From 0 to Live App Our End Goal Github repo to follow along: Download Live Air Pollution Check app from Playstore here. Step 1 Lets install the super cool hybrid framework Ionic.

stickUp - a free jQuery Plugin Setting up stickUp in Wordpress is a breeze. I am also working on development of a Wordpress Plugin version of stickUp, which will allow for an easy backend to work with and include many features. Its exactly the same as setting it up on any other website, but here are exact instructions for Wordpress users. First, you must download the stickUp javascript file 'stickUp.min.js' and place it in a directory called 'js' in your theme's directory. 7 Material Design Web UI Frameworks - Super Dev Resources Ever since Google announced their new Design Language, the Material Design, there has been a lot of excitement around its animated elements, colors and layout principles. If you have never heard of Material Design before, or haven’t had the time to see the official Material Design spec by Google before, then I strongly recommend you to see them now in order to understand its principles. With Material Design, Google wants to bring uniformity to its UI on all platforms including web, and not just Android. Google has its own Polymer Project which embraces material design throughout its Web components. In fact, Polymer Project played a key role in material design’s development and in showcase of Material design concepts for the Web. However Polymer project is still in early developer preview and not yet ready for production.

PhoneGap and Android on Windows It seems there’s quite a lot of confusion on how to get up and running using PhoneGap for Android development on Windows. There’s a Getting Started with Android guide which is comprehensive, but doesn’t seem to resolve all problems. I’ll submit fixes as soon as possible, but meanwhile here’s what I found to work. This is done on a clean install of Windows 7. Create a “Development” directory in e.g. your home directory (C:\Users\yourusername\Development).

Android User Session Management using Shared Preferences Session are useful when you want to store user data globally through out the application. This can be done in two ways. One is storing them in a global variables and second is storing the data in shared preferences. The problem with storing data in global variable is data will be lost once user closes the application, but storing the data in shared preferences will be persistent even though user closes the application. Application shared preferences allows you to save and retrieve key, value pair data.

Part 2: Simple Ionic tutorial from scratch — From 0 to Live App This is in continuation to our Part 1. Adding JS backend Any logical app would eventually to get and save data to a backend. It could be a lite db embedded with app or to a REST Api. Faster Workflow: Mastering Emmet, Part 1 Emmet is a free plugin for text editors to write HTML and CSS code faster. In this multi-part series, I will show you how to write HTML and CSS code faster then ever with Emmet, profiling all the features of Emmet and how to use syntax, abbreviation and keyboard shortcuts to save your time. Emmet is a must use web developer toolkit. With Emmet you can rapidly create your markup. You write simple abbreviations and just press Tab or Ctrl+E or any other other supported keyboard shortcut and Emmet expands the simple abbreviations into complex HTML and CSS code snippets. Emmet will make your HTML and CSS workflow much faster.

Material Design for Bootstrap Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework. If you like this project you can support me by donating something on Gratipay, starring this repository, or reporting bugs and ideas. Read more about Material Design for Bootstrap at the Github page. If you want support the development of this project please consider donate something: Donate with Gratipay Getting started with PhoneGap in Eclipse for Android Android development with PhoneGap can be done in Windows, OS X, or Linux Step 1: Setting up Android Tools ADT Bundle – Just a single step to setup android development environment Step 2: Downloading and installing PhoneGap Visit the PhoneGap download page and click the orange Download link to begin the download process.Extract the archive to your local file system for use later.

Transmitting Network Data Using Volley Dependencies and prerequisites Android 2.2 (API Level 8) or higher Video Volley: Easy, Fast Networking for Android Mastering the Ionic Framework: Learn to Build & Deploy Native Speed HTML5 Based Apps Web development technologies have evolved at an incredible clip over the past few years. We've gone from rudimentary DOM manipulation with libraries like jQuery to supercharged web applications organized & powered by elegant MV* based frameworks like AngularJS. Pair this with significant increases in browser rendering speeds, and it is now easier than ever before to build production quality applications on top of Javascript, HTML5, and CSS3. While these advances have been incredible, they are only just starting to affect the clear platform of the future: mobile. For years, mobile rendering speeds were atrocious, and the MVC frameworks & UI libraries provided by iOS and Android were far superior to writing mobile apps using web technologies. There were also some very public failures -- Facebook famously wrote their first iOS app in 2011 using HTML5 but ended up scrapping it due to terrible performance.

FasterCGI with HHVM « HipHop Virtual Machine FasterCGI with HHVM Posted on December 17, 2013 by Juliusz Kopczewski Today, we are happy to announce FastCGI support for HHVM. FastCGI is a popular protocol for communication between an application server (e.g. running your PHP code) and a webserver. With support for FastCGI, you will be able to run HHVM behind any popular web server (Apache, Nginx, Lighttpd, etc). The webserver is in charge of handling all the intricate details of the HTTP protocol.

Related:  mobildeploymentApps Developmentframeworksweb dev.