Create your own awesome maps

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account?
Log In

PhoneGap and AngularJS by Mind Map: PhoneGap and AngularJS
5.0 stars - 1 reviews range from 0 to 5

PhoneGap and AngularJS

Summery

Lean

Be prepared for the future (the Angular way)

Let's work together to make native programmers unemployed!

My info

LinkedIn

G+

uri@binkfs.com

Tools

Process

Start a PhoneGap app

Get a seed app, Yeoman, angular-phonegap-seed, angular-mobile-nav

IDE, WebStorm, Whatever, Adobe Edge Animate

Debug, Locally, chrome locally, Dev Tools!, settings, Constant progress, Magic touch, Browser Stack, Batarang, Remote, Android, chrome android debug, Timeline, Better with incognito, DevTools settings, iOS, safari remote debugging

Deploy, xCode, Android Debug Tool

Performance

"It is easier to optimize correct code than to correct optimized code" -Bill Harlan (from A Tirade Against the Cult of Performance)

The Breakpoint

Memory leaks

Bottlenecks

Profiling

Github's CSS performance

The Angular way (Not JQuery mobile!!!)

No need for JQuery, Jquery mobile, JQuery-UI

Smart binding, Javascript vs. DOM manipulation

Object.observe

Standardisation and structure

Framework!

mobile-view

Angular 1.1.4

ng-animate, Combine, translate3d, transform: translate3d(0,0,0);, Sprites

ng-mobile, ng-tap / ng-click, feat(ngTap): Add a CSS class while the element is held down, ng-swipe (left/right), hammer.js

AngularJS directives to all of PhoneGap's plugins

Out of the structure when you really need to

Progress

Web

Chrome for android, Release cycle, Full screen, WebRTC, Password sync

Chromium for webview

PhoneGap release every month

Native

?

New stuff

Google Glass, REST API, HTML tickets

Community

Angular support group

Bullshit talk

Agenda

Why go HTML?

Change the approach

Start building a standart toolset

How AngularJS relates?

Workflow workflow workflow

Me

Bink

Background c++/MFC, C#/WPF

Built iOS, not android

and now AngularJS