Apps Nativas Android con HTML5

Aprende HTML5, JQuery, Javascript, JQuery Mobile, y Android Studio para crear apps nativas Android fácilmente.
4.3 (6 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.
61 students enrolled
$19
$30
37% off
Take This Course
  • Lectures 40
  • Length 4 hours
  • Skill Level Intermediate Level
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2015 Spanish

Course 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

What are the 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

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: El entorno de trabajo
03: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.

02:28

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

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

10: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

05:25

Continua aprendiendo las etiquetas nuevas de HTML multimedia

1.- Audio

2.- Video

3.- Canvas

Mucho más

13:56

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

10:03

Observar nuevos elementos de formularios HTML5 como:

1.- Tipo Fecha

2.- Tipo Email

3.- Tipo Telefono

Muchos más

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

05: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
1 question
Section 3: Javascript
13: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


15: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


09: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


1 question

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.

Section 4: JQuery
03: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

03:47

La forma básica de elegir elementos en JQuery.

1.- Selectores.

2.- Modificar elementos HTML con JQuery

3.- Eventos JQuery

04: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.

04: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


05: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.
1 question
Section 5: JQuery Mobile
02: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

02: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

03:31

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

1.- Eventos On.

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

03:21

Recursos de interfaz de usuario

1.- Botones

2.- Links

3.- Elementos de formulario y más.

05:10

Eventos para interactuar con elementos HTML5 de forma programática

1.- Eventos de Mobile

2.- Eventos heredados de JQuery

08: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
1 question
Section 6: Aplicaciones nativas en Android Studio
10:34

Conocer el entorno de Android Studio.

1.- Creación de proyectos

2.- Interfaz de usuario

06: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

09: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

08:47

Compilar app nativa desde Android Studio.

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

2.- Pasos para compilar la app HTML5

11: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
1 question
Section 7: Build Phonegap
04: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.

01:49

Creación de cuenta y ambiente Build Phonegap

1.- Detalles de cuenta de plataforma

2.- Ambiente y forma de subir apps para compilar

04: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

03: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
1 question
Section 8: Google Play
01:53

Ambiente de Google Play.

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

2.- Secciones principales de la consola

03: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

02:35

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

02:08

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

Section 9: Conclusiones
05:29

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

1.- En cuanto a diseño.

2.- En cuanto a espacio de memoria.

01: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

00:52

Cómo crear apps para otras plataformas.

1.- Trucos para plataformas como Iphone y Windows Phone

2.- Phonegap lo puede hacer.

01: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.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Guillermo Valle, 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.

Ready to start learning?
Take This Course