Cargando…

Sencha Touch 2 Mobile JavaScript framework /

In Detail Sencha Touch is a versatile HTML5-based framework for developing mobile web apps. Sencha Touch 2 has raised the bar for developing rich mobile web applications with HTML5. Using this framework you can develop mobile web apps that look and feel like native apps on iOS, Android, Blackberry,...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autores principales: Clark, John Earl (Autor), Johnson, Bryan P. (Autor)
Formato: Electrónico eBook
Idioma:Inglés
Publicado: Birmingham : Packt Publishing, 2013.
Colección:Community experience distilled
Temas:
Acceso en línea:Texto completo
Tabla de Contenidos:
  • Cover; Copyright; Credits; About the Authors; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Let's Begin with Sencha Touch; Frameworks; Building from a foundation; Building with a plan; Building with a community; Mobile application frameworks; Native application versus web application; Web-based mobile frameworks; Web frameworks and touch technology; Designing applications for mobile devices and touch technology; Why touch?; Getting started with Sencha Touch; The API; Examples; The Kitchen Sink application; Learn; Forums; Setting up your development environment.
  • Setting up web sharing on Mac OS XInstalling a web server on Microsoft Windows; Download and install the Sencha Touch framework; Additional tools for developing with Sencha Touch; Safari and Chrome Developer Tools; JavaScript Console; The Network tab; The web inspector; The Resources tab; Other Sencha products; Sencha Cmd; Sencha Architect; Sencha Animator; Third-party developer tools; Notepad++; WebStorm; Xcode 5; Android Emulator; YUI test; Jasmine; JSLint; Summary; Chapter 2: Creating a Simple Application; Setting up the application; Getting started with Sencha Cmd.
  • Creating the app.js fileCreating the Main.js file; Exploring the tab panel; Adding a panel; Controlling the look with layouts; Using a fit layout; Using a vbox layout; Using an hbox layout; Testing and debugging the application; Parse errors; Case sensitivity; Missing files; The web inspector console; Updating the application for production; Putting the application into production; Summary; Chapter 3: Styling the User Interface; Styling components versus themes; UI styling for toolbars and buttons; Adding the toolbar; Styling buttons; The tab bar; Sencha Touch themes.
  • Introducing Sass and CompassVariables in Sass; Mixins in Sass; Nesting in Sass; Selector inheritance in Sass; Compass; Sass + Compass = themes; Setting up Sass and Compass; Installing Ruby on Windows; Creating a custom theme; Base color; Mixins and the UI configuration; Adding new icons; Variables; More Sass resources; Default themes and theme switching; Images on multiple devices with Sencha.io Src; Specifying sizes with Sencha.io Src; Sizing by formula; Sizing by percentage; Changing file types; Summary; Chapter 4: Components and Configurations; The base component class.
  • Taking another look at layoutsCreating a card layout; Creating an hbox layout; Creating a vbox layout; Creating a fit layout; Adding complexity; The TabPanel and Carousel components; Creating a TabPanel component; Creating a Carousel component; Creating a FormPanel component; Adding a DatePicker component; Adding sliders, spinners, and toggles; The MessageBox and Sheet components; Creating a MessageBox component; Creating a Sheet component; Creating an ActionSheet component; Creating a Map component; Creating lists; Adding grouped lists; Adding nested lists.