Cargando…

Getting Started with Ionic.

Get up and running with developing effective Hybrid Mobile Apps with IonicAbout This Book Develop engaging mobile experiences with a native-looking UI in Ionic and AngularJS Build mobile applications with a native UI and interactions with device APIs using popular web technologies such as HTML, CSS,...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Khanna, Rahat
Formato: Electrónico eBook
Idioma:Inglés
Publicado: Packt Publishing, 2016.
Temas:
Acceso en línea:Texto completo
Tabla de Contenidos:
  • Cover ; Copyright; Credits; Foreword; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: All About Hybrid Mobile Apps and Ionic Framework; Introducing a Hybrid Mobile Application; Types of Hybrid Mobile Apps; WebView-based Hybrid Apps; Cross-compiled Hybrid Apps; Anatomy of a Hybrid Mobile App; Custom WebView; Native library; Native to JS Bridge; Using web technologies to develop for mobile; What is AngularJS?; Important concepts in AngularJS; Modules; Directives; Controllers; Services; Templates; Expressions; Filters; Why use Apache Cordova?
  • Introducing Ionic FrameworkSummary; Chapter 2: Setting up the Environment the Right Way; Setting up Native Mobile development environments; For iOS; Installing and running simulators for testing; For Android; Download links; Setting the environment variables; For Windows; For Linux/Mac OS; Managing Android SDK and emulators; Alternative to Android emulators
  • Genymotion; Ionic development environment; Installing NodeJS; Basic npm commands; Installing Cordova CLI and Ionic CLI; Installation command for Cordova CLI; Basic Ionic CLI commands; Building a dummy app.
  • Popular issues faced and solutionsAlternative to installation fuss
  • Ionic Playground; Using Ionic Framework with different Code Editors; Brackets; Sublime Text; Visual Studio; Summary; Chapter 3: Start Building Your First Ionic App; Starting a new project; Multiple ways to start a project; Method 1
  • using CDN-hosted library files; Method 2
  • using Ionic Creator to design a prototype and start a project; Method 3
  • using Ionic CLI locally; The anatomy of Ionic Project; Project folder structure and important files; Main components; The index.html file; App.js and the root module.
  • Simple content directives
  • ion-content and ion-paneThe Ionic starter template; The blank template; The tabs template; The sidemenu template; The maps template; E-commerce sample app
  • BookStore; Features; Architecture and design; Summary; Chapter 4: Navigation and Routing in an Ionic App; Introduction to Angular UI Router; States and URLs; Nested states and views; Using the dot notation; Using the parent property; Using object-based states; Views for nested views; Ways to transition to a state; Abstract state; Multiple and named views; View names
  • relative versus abstract; State parameters.
  • Basic parametersRegex parameters; Query parameters; State events and resolve; Resolve; Ionic header and footer; The ion-header-bar directive; The ion-footer-bar directive; Ionic Tabs; The directive; The directive; Ionic side menu; The directive; The directive; The directive; Other important directives; Navigation and back menus; Navigation and layout to be used in BookStore; Summary; Chapter 5: Accessorizing Your App with Ionic Components; Ionic CSS components; Header; Footer; Buttons; Icon buttons; Button bar.