MOBILE DEVELOPMENT with HTML, CSS and JS

Slide 1

Slide 1 text

MOBILE DEVELOPMENT with HTML, CSS and JS #SperasoftTalks

Slide 2

Slide 2 text

MOBILE DEVELOPMENT It is development for mobile devices through web-based technologies

Slide 3

Slide 3 text

STANDARD WEB Server Rendering Server saves all the data Working offline is no possible That would be a common sense Client is the most resting component of the system

Slide 4

Slide 4 text

AT FIRST IT WAS JUST AWFUL

Slide 5

Slide 5 text

MEDIA QUERIES

Slide 6

Slide 6 text

MEDIA QUERIES

Slide 7

Slide 7 text

WHY IT DOESN’T REALLY WORK Work offline is not possible Every effort requires costly requests from server We handle a huge amount of assets

Slide 8

Slide 8 text

Have a question? Like this deck? Just follow us on twitter @Sperasoft

Slide 9

Slide 9 text

SERVER SIDE FIRST Server knows the device Server generates required content This is not a stand-alone solution

Slide 10

Slide 10 text

BREAKPOINTS • EASILY LAYS IN A FAMILIAR GRID • EASY TO DEVELOP MOBILE APPS • MOBILE APPLICATIONS AS LOGICAL CONTINUATION • MOBILE WEB DEVELOPMENT UI • TOUCHES • SWIPES • BARS

Slide 11

Slide 11 text

UI FRAMEWORKS • IONIC • BOOTSTRAP • KENDO UI JS FRAMEWORKS • JQUERY UI • ANGULARJS • EMBERJS CONTAINERS • NATIVE CAPABILITIES • FULLY ATTACHED BROWSER • PUSH NOTIFICATIONS • IOS WIDGETS • WORKS WITHOUT INTERNET • APACHE CORDOVA • TITANIUM • SENCHA

Slide 12

Slide 12 text

PHONEGAP VS CORDOVA • Webkit vs Google Chrome DEPENDENCIES • Needs RUBY PYTHON • Needs MS VISUALSTUDIO

Slide 13

Slide 13 text

ANDROID • IntillijIDEA • Open SDK • Simple Debug IOS • OS X • Xcode • No Documentation • Debug is a pain! WINDOWS PHONE • Windows 8 • Hyper-V • Debuggin is Difficult • Emulator is Virtual