Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Apps Nativas Android con HTML5

Name: Apps Nativas Android con HTML5
Rating: 4.2 (32 reviews)

Aprende HTML5, JQuery, Javascript, JQuery Mobile, y Android Studio para crear apps nativas Android fácilmente.

Created byGuillermo Valle Mendoza

Last updated 6/2015

Spanish

Spanish [Auto],

What you'll learn

Escribir apps nativas con HTML5
Utilizar Javascript en el desarrollo de Apps
Aplicar Jquery al desarrollo móvil
Incorporar Jquery mobile en Apps con HTML5
Utilizar Build Phonegap para construir Apps
Conocer entorno de desarrollo Android Studio
Compilar Apps Nativas en Android Studio
Incorporar Apps en Google Play
Conocer las generalidades de Google Play
Desarrollar Apps HTML5 con Android Studio

Course content

9 sections • 40 lectures • 4h 3m total length

Herramientas necesarias3:49
Conoceras todas las herramientas necesarias para el desarrollo de este curso. Desde el editor de texto hasta Android Studio. Configuración e instalación básica de servidor web local de desarrollo.

Referencia y forma de trabajar con

1.- Sublime Text. El editor de código

2.- XAMPP. Entorno con servidor web, de base de datos y con PHP

3.- JQuery y JQuery Mobile los Framework por excelencia para desarrollo móvil

4.- Android Studio. La herramienta oficial de Google par desarrollo Android

5.- Phonegap. La plataforma para compilar en la nube apps nativas con HTML5.
Configuración de servidor web2:28
Aprende la forma básica de arrancar un servidor web local mediante XAMPP. Es un recurso básico para construir apps HTML5

Introducción y etiquetas generales10:00
Lo básico y lo más usado de HTML 5

Si ya conoces HTML5 repasa, de lo contrario aprende lo básico de HTML5 para construir páginas web actuales. Etiquetas básicas como:

1.- Headers

2.- Cuerpo de documento

3.- Imágenes

4.- Tablas

5.- Divs
Nuevas etiquetas HTML 510:48
Las nuevas etiquetas HTML5 y su función.

Descubre y escribe las nuevas etiquetas HTML5 más usadas.

1.- Section

2.- Article

3.- Details

4.- Header, Footer

5.- Audio, Video

Muchas más
Nuevas etiquetas HTML5 Parte 25:25
Continua aprendiendo las etiquetas nuevas de HTML multimedia

1.- Audio

2.- Video

3.- Canvas

Mucho más
Nuevas etiquetas HTML5 Parte 313:56
Establecemos la diferencia entre semántica y presentación de documentos HTML5
Nuevas etiquetas HTML5 Parte 410:03
Observar nuevos elementos de formularios HTML5 como:

1.- Tipo Fecha

2.- Tipo Email

3.- Tipo Telefono

Muchos más
CSS3 lo básico y lo nuevo12:52
La forma básica de construir estilos y como incorporarlos en páginas HTML5.

Volveremos a repasar cosas básicas como

1.- Selectores

2.- Reglas básicas para aplicar estilos

3.- Modelo de Caja.
CSS3 lo básico y lo nuevo Parte 25:46
Recomendaciones básicas para continuar aplicando hojas de estilo y las formas:

1.- Inline

2.- En etiqueta Style

3.- Con archivo externo CSS

Especificación CSS oficial y aplicación en diseño móvil
Realizar una página temática (música,etc.) aplicando lo visto en clases 3 a 9

Sintaxis y programación básica javascript13:49
Cubriendo desde lo más básico de Javascript hasta acceso al DOM de una forma muy sencilla. Veremos lo básico de Javascript desde:

1.- Sintaxis general y comentarios

2.- Estructuras de control

3.- Tipos de datos

Mucho más
Funciones y arreglos15:11
Declaración y uso de arreglos, funciones básicas y funciones preconstruidas de javascript. Observa y aprende:

1.- Sintaxis y declaración de funciones

2.- Funciones de fábrica del lenguaje.

3.- Parámetros y retorno de funciones
Acceso a DOM y scripts9:47
Forma general de acceso y manipulación del DOM y elementos HTML. Vamos a ver temas como:

1.- Selectores Javascript generales de Acceso a DOM.

2.- Modificar elementos HTML

3.- Eventos generales Javascript.

De nuevo!! mucho más
Hacer página con funciones JS para calcular: áreas cuadrado, triángulo, circulo

Inclusión de archivos JS y CSS3:35
Cómo se configura JQuery para su uso en HTML5

1.- Inclusión de archivos JS

2.- Función principal Document Ready

3.- Acceso desde CDN para JQuery

4.- Selectores JQuery

Y... lo había dicho? Mucho más
Selectores JQuery3:47
La forma básica de elegir elementos en JQuery.

1.- Selectores.

2.- Modificar elementos HTML con JQuery

3.- Eventos JQuery
Eventos básicos, getters y setters4:49
Los eventos básicos y como escribir y leer de elementos en JQuery

1.- Leer HTML de elementos

2.-Leer valores de formularios

3.- Leer texto

4.- Escribir HTML. valores, y texto en elementos.
Otras funciones dinámicas4:28
Funciones dinámicas con JQuery. Funciones útiles como:

1.- Esconder o mostrar elementos.

2.- Eventos JQuery

3.- Aplicaciones de JQuery en el manejo del DOM
Ajax5:42
La forma sencilla de hacer peticiones asíncronas al servidor con JQuery. La cosa se pone muy interesante viendo funciones de petición al servidor como:

1.- Load

2.- Get

3.- Cargar elementos o archivos texto, xml, html, PHP, etc.
Realizar lo mismo que examen 2 aplicando JQuery.

Librerías básicas2:33
Lo básico y general para usar JQuery mobile y crear apps.

1.- Incorpora JQuery mobile en HTML5

2.- Configuración básica del Framework para la interfaz de usuario móvil
Uso de data attributes2:50
El uso de data Attributes para organizar elementos JQuery mobile.

1.- Forma y estructura de páginas JQuery Mobile

2.- Roles y atributos de elementos Mobile
Inicialización y estructura de página mobile3:31
Eventos de inicialización y estructura de páginas JQuery mobile

1.- Eventos On.

2.- Inicialización de páginas Mobile.
Elementos de interfaz mobile3:21
Recursos de interfaz de usuario

1.- Botones

2.- Links

3.- Elementos de formulario y más.
Eventos generales JQuery mobile5:10
Eventos para interactuar con elementos HTML5 de forma programática

1.- Eventos de Mobile

2.- Eventos heredados de JQuery
Temas8:37
Lo básico y la creación de temas así como su incorporación en páginas de apps.

1.- Archivos CSS para estilos móviles

2.- Creación de temas con Theme roller.

3.- Incorporar temas nuevos en tus proyectos.
Continuar con su página temática de examen 1 pero aplicando JQuery mobile

Entorno de programación Android Studio10:34
Conocer el entorno de Android Studio.

1.- Creación de proyectos

2.- Interfaz de usuario
Creación básica de aplicación nativa6:47
Crear una aplicación básica en Android Studio.

1.- Elementos de proyecto Android Studio

2.- Escribir app sencila

3.- Ejecutar app en emulador
Incorporar aplicación HTML5 en aplicación nativa9:29
La forma de incorporar una aplicación HTML5 en Android Studio.

1.- Configuración de la app

2.- Archivos que se incluyen

3.- Código para vincular HTML5 en la app nativa

4.- Interacciones de HTML5 con android studio
Compilación de paquete APK8:47
Compilar app nativa desde Android Studio.

1.- Ejecutar app de prueba en entorno de desarrollo.

2.- Pasos para compilar la app HTML5
Compilación de paquete APK Parte 211:10
Continuamos con la compilación y ejecución de la App HTML5 en el emulador de Android Studio.
Incorpore la página de examen 4 en un proyecto propio Android Studio

Preparando aplicación HTML5 para Build Phonegap4:54
Cómo se configura una aplicación HTML5 para subirla a Build Phonegap.

1.- Registro en la plataforma

2.- Archivos y carpetas necesarios para plataforma

3.- Archivo de configuración de aplicación.
Cuenta y sitio de Build Phonegap1:49
Creación de cuenta y ambiente Build Phonegap

1.- Detalles de cuenta de plataforma

2.- Ambiente y forma de subir apps para compilar
Archivo de configuración y plugins4:56
Crear y entender el archivo config.xml para apps en Phonegap.

1.-Elementos del archivo de configuración

2.- Crear un archivo de configuración básico
Subir aplicación a sitio y crear APK3:36
Forma de subir archivos de Apps HTML5 en Phonegap.

1.- Pasos para subir la App en Phonegap
Cree cuenta Phonegap e incorpore su página de examen 4 en la plataforma

Generalidades de Google Play1:53
Ambiente de Google Play.

1.- Creación y costo de la cuenta de desarrollador.

2.- Secciones principales de la consola
Preparación de aplicación para store3:16
Configurar y conocer lo esencial para subir app en Google play.

1.- Qué debe cubrir la app para subirla a Google Play

2.- Recomendaciones
Ambiente de la consola Google play2:35
Los detalles de información necesaria para subir la app a Google Play
Recomendaciones para publicación y actualizaciones2:08
Recomendaciones generales para la publicación de apps en base a experiencia de desarrollador.

Patrones de diseño móviles5:29
Recomendaciones en el diseño de apps móviles.

1.- En cuanto a diseño.

2.- En cuanto a espacio de memoria.
Pruebas, emuladores y dispositivos1:54
Realización de pruebas y recursos de emulación.

1.- Presentación de emuladores Android

2.- Instalar y configurar el emulador Ripple en Chrome para desarrollo
Alternativas para apps Iphone, Windows Phone y Black Berry0:52
Cómo crear apps para otras plataformas.

1.- Trucos para plataformas como Iphone y Windows Phone

2.- Phonegap lo puede hacer.
Actualizaciones1:02
Recomendaciones importantes en la actualización de apps móviles.

1.- En base a experiencia de desarrollador.

2.- Para los mejores resultados de culminación de desarrollo.

Requirements

Conocimientos básicos de editores de texto
Conocimientos básicos de servidores web
Conocimientos básicos de HTML
Manejo básico y operaciones de archivos en cualquier sistema operativo

Description

Maravilloso curso que agrupa varios cursos en 1.

Aprende HTML5, JQuery, Javascript, Build Phonegap y Android Studio para crear aplicaciones nativas Android con tecnología HTML5 de manera sencilla, efectiva y rápida.

Todo lo que aprenderás al terminar el curso es lo siguiente:

Módulo 1 El entorno de trabajo

Conocer y utilizar las herramientas: XAMPP,JQuery, Android Studio, Phonegap, que son fundamentales para crear aplicaciones web y nativas.

Módulo 2 HTML5

Repasar las etiquetas básicas de HTML5
Introducirte a las nuevas etiquetas HTML5 y CSS3

Módulo 3. Javascript

Manejar la sintaxis básica de javascript
Escribir código con funciones y eventos javascript

Módulo 4. JQuery

Configurar el framework JQuery en aplicaciones web.
Utilizar funciones, eventos y selectores JQuery

Módulo 5. JQuery Mobile

Conocer la manera de dar apariencia móvil a páginas HTML5
Dar el formato móvil con colores, temas especiales para dispositivos móviles

Módulo 6. Aplicaciones nativas en Android Studio

Conocer el ambiente general de trabajo de Android Studio
Saber cómo se compila una aplicación nativa en Android Studio

Módulo 7. Uso de Build Phonegap

Aprender a realizar apps nativas con Adobe Build Phonegap
Reconocer cuáles archivos tiene una app en Build Phonegap

Módulo 8 Google Play

Saber cómo registrarse en Google Play
Conocer el ambiente de trabajo en la store Google Play

Módulo 9 Conclusiones.

Tener las recomendaciones para desarrollo de apps
Saber probar y depurar apps android

Who this course is for:

Este curso va dirigido a quienes deseen aplicar HTML 5 para construir Apps Nativas Android.
Va dirigido también a quienes deseen incorporar JQuery a aplicaciones nativas.
Quienes deseen saber como incorporar JQuery Mobile en Apps nativas
Quienes deseen saber el manejo básico de Android Studio
Quienes deseen saber usar Build Phonegap y Android Studio para compilar Apps nativas

Apps Nativas Android con HTML5

What you'll learn

Explore related topics

Course content

El entorno de trabajo2 lectures • 6min

HTML 57 lectures • 1hr 9min

Javascript3 lectures • 39min

JQuery5 lectures • 22min

JQuery Mobile6 lectures • 26min

Aplicaciones nativas en Android Studio5 lectures • 47min

Build Phonegap4 lectures • 15min

Google Play4 lectures • 10min

Conclusiones4 lectures • 9min

Requirements

Description

Who this course is for: