APRENDER A PROGRAMAR APPS CON HTML5, CSS Y JAVASCRIPT CON 100 EJERCICIOS PRACTICOS

Actualmente son millones y millones las aplicaciones que, siendo o no creadas por profesionales, son utilizadas por usuarios en sus dispositivos móviles. La mayoría de las aplicaciones han sido creadas utilizando HTML5, CSS y JavaScript. El lenguaje de programación HTML 5 permite crear la estructura y el contenido de la aplicación, los estilos CSS proporcionan el formato, el aspecto visual de las pantallas de la aplicación, y JavaScript se ocupa de asignar la interactividad a cada uno de los elementos que la conforman. Con este libro: Conocerá y utilizará el entorno de desarrollo Eclipse y las herramientas Android SDK. Creará desde cero una aplicación para dispositivos Android. Aprenderá a desarrollar estructuras de documentos para pantallas con HTML5. Utilizará hojas de estilo CSS para dar formato al contenido de las distintas pantallas. Conocerá múltiples funciones de JavaScript para proporcionar interactividad a la aplicación. Índice 001 Distinguir entre aplicaciones web y nativas................14 002 Descargar e instalar Google Chrome...........................16 003 Conocer el simulador Ripple de Chrome.....................18 004 Descargar Eclipse y Android SDK.................................20 005 Descargar e instalar Java y Java JDK............................22 006 Descargar e instalar Eclipse.........................................24 007 Descargar e instalar Android SDK................................26 008 Descargar e instalar el plugin ADT de Eclipse..............28 009 Administrar plataformas y otros componentes...........30 010 Configurar el simulador para Android.........................32 011 Crear una aplicación estándar en Eclipse....................34 012 Visualizar y ejecutar la aplicación................................36 013 Crear un proyecto de aplicación vacío.........................38 014 Descargar e instalar PhoneGap...................................40 015 Añadir archivos de PhoneGap al proyecto..................42 016 Preparar el proyecto para que lance la app.................44 017 Crear el archivo index.html.......................................46 018 Etiquetas HTML: h1, h2, h3... y .............................48 019 Etiquetas para crear listas: y .........................50 020 Etiquetas de línea: ............................................52 021 La etiqueta de ancla y el atributo href..................54 022 Guardar y visualizar un documento HTML..................56 023 Empezar a trabajar con estilos CSS..............................58 024 Aplicar una hoja de estilos CSS....................................60 025 Insertar estilos CSS en el documento HTML.............62 026 Utilizar una imagen como fondo de la app................. 64 027 Estructurar pantallas mediante divs........................... 66 028 Agregar interactividad básica con JavaScript.............. 68 029 Asignar varias hojas de estilo a un documento.......... 70 030 Controlar la escala de la página para Android............ 72 031 Generar estilos CSS para Android............................... 74 032 Aplicar una sombra al texto de la cabecera................ 76 033 Crear un degradado en la cabecera............................ 78 034 Convertir una lista en un menú.................................. 80 035 Transformar el aspecto de un menú........................... 82 036 Crear un botón para ocultar y mostrar el menú..........84 037 Añadir interactividad al botón Menú.......................... 86 038 Crear el estado "pulsado" para un botón................... 88 039 Crear vínculos a otras pantallas.................................. 90 040 Añadir una imagen en la cabecera.............................. 92 041 Anular el aspecto de los vínculos................................ 94 042 Añadir una línea horizontal con CSS........................... 96 043 Modificar la propiedad 'border-top'........................... 98 044 Añadir un botón Atrás.............................................. 100 045 Ajustar títulos demasiado largos.............................. 102 046 Insertar y ajustar una imagen................................... 104 047 Crear un formulario.................................................. 106 048 Añadir un campo de opciones.................................. 108 049 Crear un botón hacia una nueva pantalla................. 110 050 Añadir un campo de fecha........................................ 112 051 Completar listas automáticamente.........................114 052 Insertar un control deslizante o slider....................116 053 Dar formato a un slider...........................................118 054 Utilizar jQuery Mobile.............................................120 055 Crear listas con jQuery Mobile................................122 056 Crear un filtro para buscar en una lista...................124 057 Organizar el contenido de una lista........................126 058 Insertar audio en la aplicación................................128 059 Controlar la reproducción del audio.......................130 060 Grabar audio desde nuestra aplicación..................132 061 Insertar un vídeo en la aplicación..........................134 062 Descargar e instalar jQTouch..................................136 063 Vincular jQTouch al nuevo proyecto.......................138 064 Ejecutar la aplicación con jQTouch.........................140 065 Añadir una nueva pantalla a la aplicación...............142 066 Añadir un botón + para crear nuevas entradas......144 067 Generar el código para crear nuevas entradas.......146 068 Crear una pantalla de ajustes..................................148 069 Almacenar datos en la aplicación............................150 070 Cargar valores existentes en un formulario............152 071 Mostrar datos guardados en la app........................154 072 Crear una base de datos SQL..................................156 073 Controlar las bases de datos en Chrome................158 074 Configurar la creación de nuevas entradas.............160 075 Configurar mensajes de error.................................162 076 Probar el registro de entradas................................164 077 Mostrar entradas de la base de datos en la app.....166 078 Aplicar estilo a un conjunto de datos......................168 079 Eliminar datos registrados......................................170 080 Crear un archivo de manifiesto dinámico..............172 081 Vincular el archivo de manifiesto a la app.............174 082 Controlar la aplicación con JavaScript ...................176 083 Crear notificaciones ...............................................178 084 Comprobar la función checkBudget().....................180 085 Activar la función de vibración del teléfono...........182 086 Activar la función de geolocalización......................184 087 Actualizar la base de datos .....................................186 088 Mostrar un mapa de ubicaciones............................188 089 Duplicar una entrada agitando el dispositivo.........190 090 Duplicar una entrada agitando el dispositivo (II)....192 091 Permitir hacer zoom con los dedos (HTML)............194 092 Permitir hacer zoom con los dedos (CSS)................196 093 Crear un diseño de pantalla flexible.......................198 094 Preparar la aplicación para su distribución.............200 095 Preparar un icono para la aplicación.......................202 096 Añadir un icono a la pantalla de inicio....................204 097 Compilar y registrar la aplicación............................206 098 Subir la aplicación a Google Play.............................208 099 Distribuir la aplicación fuera de Google Play..........210 100 Crear un código QR para descargar la app..............212