30
HTML enhanced for web apps vladimir.malyk@gmail.com

Angular light introduction

Embed Size (px)

Citation preview

HTML enhanced for web apps

[email protected]

Evolutionof the Web

Web 1.0producer-generated content

Web 1.0producer-generated content

Static HTML pages

GIF buttons

Table page layout with "spacer" GIFs

Frames

Background mp3 music

HTML!!!!111

Web 1.0King is dead

Web 2.0 long live the King!

Web 2.0user-generated content

Web 2.0user-generated content

Server-side HTML scripting (php/ruby/python)

Client-side HTML scripting (jQuery/extJs)

More AJAX!!11

HTML5(CSS3/Canvas/sockets/etc...)

the HTML!

Web 2.0King is …

Native Mobile AppsNew King?

Natve appssystem-generated content

Single-page Web-appssystem-generated content

JavaScript SPA-Frameworks

JavaScript SPA-Frameworks

Philosophy

AngularJS is built around the belief that declarative programming should be used for building UIs and wiring software components,while imperative programming is

excellent for expressing business logic.

Declarative Imperative Ui Logic

HTML JavaScript

Philosophy

Philosophy

HTML was not designed for dynamic views.

It's Web 1.0painful legacy, bro!

Philosophy

HTML

ng-model

ng-src

3 images

Controller

$http

$watch

directive

AngularJS links

http://docs.angularjs.org/guide/

https://github.com/angular-app/angular-app

http://joshdmiller.github.io/ng-boilerplate/#/home

http://dmitrysoshnikov.com/ecmascript/chapter-1-execution-contexts/