Apps Nativas Android con HTML5
3.9 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
78 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Apps Nativas Android con HTML5 to your Wishlist.

Add to Wishlist

Apps Nativas Android con HTML5

Aprende HTML5, JQuery, Javascript, JQuery Mobile, y Android Studio para crear apps nativas Android fácilmente.
3.9 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
78 students enrolled
Created by Guillermo Valle
Last updated 6/2015
Spanish
Current price: $10 Original price: $30 Discount: 67% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
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 is the target audience?
  • 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 40 Lectures Collapse All 40 Lectures 04:03:28
+
El entorno de trabajo
2 Lectures 06:17

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.

Preview 03:49

Aprende la forma básica de arrancar un servidor web local mediante XAMPP. Es un recurso básico para construir apps HTML5

Configuración de servidor web
02:28
+
HTML 5
7 Lectures 01:08:50

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

Introducción y etiquetas generales
10:00

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 HTML 5
10:48

Continua aprendiendo las etiquetas nuevas de HTML multimedia

1.- Audio

2.- Video

3.- Canvas

Mucho más

Nuevas etiquetas HTML5 Parte 2
05:25

Establecemos la diferencia entre semántica y presentación de documentos HTML5

Nuevas etiquetas HTML5 Parte 3
13:56

Observar nuevos elementos de formularios HTML5 como:

1.- Tipo Fecha

2.- Tipo Email

3.- Tipo Telefono

Muchos más

Nuevas etiquetas HTML5 Parte 4
10:03

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
12:52

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

CSS3 lo básico y lo nuevo Parte 2
05:46

Realizar una página temática (música,etc.) aplicando lo visto en clases 3 a 9
1 question
+
Javascript
3 Lectures 38:47

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


Sintaxis y programación básica javascript
13:49

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


Funciones y arreglos
15:11

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


Preview 09:47

Utilice funciones Javascript para calcular cada área. Decida Ud. como entran y se muestran los datos al usuario aplicando lo visto en clases 10 a 12.

Hacer página con funciones JS para calcular: áreas cuadrado, triángulo, circulo
1 question
+
JQuery
5 Lectures 22:21

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

Inclusión de archivos JS y CSS
03:35

La forma básica de elegir elementos en JQuery.

1.- Selectores.

2.- Modificar elementos HTML con JQuery

3.- Eventos JQuery

Selectores JQuery
03:47

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.

Eventos básicos, getters y setters
04:49

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


Otras funciones dinámicas
04:28

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.

Ajax
05:42

Realizar lo mismo que examen 2 aplicando JQuery.
1 question
+
JQuery Mobile
6 Lectures 26:02

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

Librerías básicas
02:33

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

Uso de data attributes
02:50

Eventos de inicialización y estructura de páginas JQuery mobile

1.- Eventos On.

2.- Inicialización de páginas Mobile.

Inicialización y estructura de página mobile
03:31

Recursos de interfaz de usuario

1.- Botones

2.- Links

3.- Elementos de formulario y más.

Elementos de interfaz mobile
03:21

Eventos para interactuar con elementos HTML5 de forma programática

1.- Eventos de Mobile

2.- Eventos heredados de JQuery

Eventos generales JQuery mobile
05:10

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.

Temas
08:37

Continuar con su página temática de examen 1 pero aplicando JQuery mobile
1 question
+
Aplicaciones nativas en Android Studio
5 Lectures 46:47

Conocer el entorno de Android Studio.

1.- Creación de proyectos

2.- Interfaz de usuario

Entorno de programación Android Studio
10:34

Crear una aplicación básica en Android Studio.

1.- Elementos de proyecto Android Studio

2.- Escribir app sencila

3.- Ejecutar app en emulador

Creación básica de aplicación nativa
06:47

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

Incorporar aplicación HTML5 en aplicación nativa
09:29

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
08:47

Continuamos con la compilación y ejecución de la App HTML5 en el emulador de Android Studio.

Compilación de paquete APK Parte 2
11:10

Incorpore la página de examen 4 en un proyecto propio Android Studio
1 question
+
Build Phonegap
4 Lectures 15:15

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.

Preparando aplicación HTML5 para Build Phonegap
04:54

Creación de cuenta y ambiente Build Phonegap

1.- Detalles de cuenta de plataforma

2.- Ambiente y forma de subir apps para compilar

Cuenta y sitio de Build Phonegap
01:49

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

Archivo de configuración y plugins
04:56

Forma de subir archivos de Apps HTML5 en Phonegap.

1.- Pasos para subir la App en Phonegap

Subir aplicación a sitio y crear APK
03:36

Cree cuenta Phonegap e incorpore su página de examen 4 en la plataforma
1 question
+
Google Play
4 Lectures 09:52

Ambiente de Google Play.

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

2.- Secciones principales de la consola

Generalidades de Google Play
01:53

Configurar y conocer lo esencial para subir app en Google play.

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

2.- Recomendaciones

Preparación de aplicación para store
03:16

Los detalles de información necesaria para subir la app a Google Play

Ambiente de la consola Google play
02:35

Recomendaciones generales para la publicación de apps en base a experiencia de desarrollador.

Recomendaciones para publicación y actualizaciones
02:08
+
Conclusiones
4 Lectures 09:17

Recomendaciones en el diseño de apps móviles.

1.- En cuanto a diseño.

2.- En cuanto a espacio de memoria.

Patrones de diseño móviles
05:29

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

Pruebas, emuladores y dispositivos
01:54

Cómo crear apps para otras plataformas.

1.- Trucos para plataformas como Iphone y Windows Phone

2.- Phonegap lo puede hacer.

Alternativas para apps Iphone, Windows Phone y Black Berry
00:52

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.

Actualizaciones
01:02
About the Instructor
Guillermo Valle
3.9 Average rating
11 Reviews
78 Students
1 Course
Ing. Guillermo Valle.

Ingeniero en sistemas con maestría en ingeniería administrativa, cursando actualmente Doctorado en ciencias. He desempeñado puestos administrativos, operativos y técnicos en todas las áreas de sistemas, mención especial es que atravesé dos procesos de certificación ISO de calidad en dos de mis trabajos anteriores. Actualmente tengo más de 8 años laborando como FreeLancer y Profesor. Desarrollando aplicaciones móviles nativas y con HTML5 desde hace 4 años.