Start IoT with jQueryMobile - 기초1
- 2. What is jQueryMobile jQueryMobile Fundamental jQuery Mobile is a touch-optimized HTML5 UI Framework designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices
- 3. jQueryMobile Introduction jQueryMobile Fundamental jQuery Mobile is touch-friendly UI framework built on jQuery Core that works across all popular mobile, tablet and desktop platforms. 1. Works across all popular phones, tablet, e-reader, desktop platforms including smart devices which supports HTML5 2. Responsive Web Design (RWD) principle 3. HTML Markup-driven configuration makes it easy 4. Powerful API makes it easy to customize the library
- 4. jQueryMobile sites jQueryMobile Fundamental You can find sample collection of mobile sites built with jQueryMobile at JQMGallery.com
- 5. 3rd party plugins jQueryMobile Fundamental These are jQuery Mobile compatible plugins, many use the theme framework, auto-initialization and data-attribute configuration features or core mobile widget http://jquerymobile.com/resources/#Plugins
- 6. Single Page jQueryMobile Fundamental Make first mobile web using jQueryMobile Make a default HelloWorld page HTML Code Page Header Header Footer
- 7. Multi Page jQueryMobile Fundamental A Single HTML document can contain multiple ‘pages’ divs with a data-role of ‘page’. Unique id (foo) that will be used to link internally between ‘pages’ (href=‘#foo’) ‘foo’ page Move ‘bar’ page
- 8. Transition jQueryMobile Fundamental jQueryMobile framework includes a set of CSS-Based transition effects ‘foo’ page Move ‘bar’ page
- 9. Expand your dimension! Let’s Start!