html5 - programar - programas para crear aplicaciones moviles

Punto de partida para aprender a construir aplicaciones híbridas HTML5 (3)

OK, déjame expandir mi respuesta original:

HTML es la abreviatura de lenguaje de marcado de hipertexto.
Se usa para especificar cómo mostrar contenido ESTÁTICO a través del protocolo HTTP, vulgo web.

HTML5 es la versión 5 de la especificación del lenguaje HTML, y es una RECOMENDACIÓN para un estándar, pero no es realmente un estándar por sí mismo.

CSS se usa para aplicar formato STATIC avanzado a texto / imágenes ESTÁTICAS, como colores de fondo alternos para filas pares / impares en una tabla, flujo de texto, dirección de texto, tamaño, negrita, fuente, etc.

Para crear contenido estático DINÁMICO, necesita JavaScript. JavaScript es un lenguaje de scripting, que se ejecuta en el navegador web de un visitante (cliente) en el sitio web. Teóricamente, debe comportarse de la misma manera en cada navegador, pero en realidad, Microsoft usó competencia desleal e intencionalmente paralizó la implementación de JavaScript en su navegador (Internet Explorer), al apartarse del estándar ECMA y al implementar características propietarias, para sofocar competencia (Netscape) y hacen que sea imposible desarrollar aplicaciones web atractivas, por ejemplo, software de oficina en línea.

JavaScript, el lenguaje de programación del lado del cliente, se complementa con PHP / ASP.NET / JSP, que son lenguajes y marcos de programación que se ejecutan en el servidor, y están ahí para crear dinámicamente páginas estáticas, por ejemplo completando datos de una base de datos , y para procesar y guardar la entrada del usuario, como pedidos, pagos, correos electrónicos, comentarios, etc., y para procesar la entrada desde formularios HTML (máscaras de entrada).

JQuery es un marco de JavaScript.
Eso significa principalmente, es una biblioteca de funciones de JavaScript que fueron diseñadas para proporcionar funciones a menudo necesarias que hacen lo mismo en cada navegador, eludiendo de manera efectiva las prácticas anticompetitivas de los proveedores de software como Microsoft y Apple. También proporciona funciones básicas para el manejo de eventos, gráficos y AJAX (JavaScript y XML asíncronos) y funciones para serializar / deserializar JSON (notación de objetos JavaScript).

JQuery para dispositivos móviles es una versión de JQuery optimizada para dispositivos móviles, como Android o iAnything. También lo son Sencha touch, Node.JS, Backbone.JS, etc.

La diferencia entre HTML 5 / y HTML4 / XHTML es principalmente que HTML5 proporciona una forma llamada "unificada" para incrustar video de audio. Lo cual no es necesariamente cierto, ya que cada navegador admite diferentes formatos de audio y video, y NO HAY UN formato de audio y video que sea universalmente compatible con todos los navegadores.

HTML 5 también proporciona los muy útiles WebSockets, que básicamente le permiten realizar aplicaciones cliente-servidor en la web. Como esto permitiría aplicaciones web y aplicaciones de Office convincentes que estarían a la par con Microsoft Office, Microsoft no ha implementado WebSockets en el navegador estándar. Está disponible como un plugin separado, que básicamente nadie se molesta en descargar, lo que significa que uno no puede usar sockets web en el corto plazo si la aplicación web debería funcionar con Internet Explorer. Además, HTML5 solo se implementa con IE9 + y no con IE8. Sin embargo, IE9 solo está disponible para sistemas operativos más nuevos que Windows XP (vista, 7, 8). Lo que significa que no se puede instalar IE9 en Windows XP (el 35 por ciento de las instalaciones actuales de Windows, Windows representa el 85 por ciento del mercado de computadoras de escritorio).

Para incrustar aplicaciones web en teléfonos móviles, debe incrustar sus aplicaciones en un WebBrowser incrustado. Para Android, la interfaz del navegador integrado se llama WebView, y necesita aprender el lenguaje de programación Java para usarlo. Para Apple, no tengo idea de si tienen algo así, pero supongo que sí, aunque probablemente sea más complicado, ya que es Objective C, y no Java. Como no tengo ni un iPhone ni una computadora Apple, no puedo contarle nada al respecto, excepto que es una porquería porque no admite Flash y cuesta 10 veces más de lo que vale.

Vídeos de pantalla, probablemente los encuentre en youtube, si los hay.
Una vez más, la búsqueda en Google le proporcionará las respuestas necesarias si tiene una pregunta específica.

Mi pregunta es: ¿hay un lugar "único" (libro / tutorial / pantallas) donde puedo encontrar un tutorial paso a paso que trata algunas de estas tecnologías y me guía para construir aplicaciones híbridas HTML5 (tal vez en iOs, por ejemplo) ..

Sí, http://www.google.com/ncr
Ya sabes, tiene un maravilloso cuadro de búsqueda para casi cualquier problema ...

Otras buenas páginas:
http://www.w3schools.com/html5/default.asp
http://www.w3schools.com/js/
http://docs.jquery.com/Tutorials

Quiero comenzar a construir aplicaciones móviles híbridas HTML5; construye las funcionalidades básicas a través de HTML5, luego envuelve esto con una capa nativa para iOs, Android, BB..etc

Después de algunas investigaciones: descubrí que necesito estar familiarizado con muchas tecnologías, concretamente: HTML5, JS, CSS3. Otras tecnologías / marcos con los que se me aconsejó que estuviera familiarizado: JQuery para dispositivos móviles, Sencha touch, Node.JS, Backbone.JS, PhoneGap..etc

Hasta ahora solo sé lo básico de HTML5, JS y CSS.

Mi pregunta es: ¿hay un lugar "único" (libro / tutorial / pantallas) donde puedo encontrar un tutorial paso a paso que trata algunas de estas tecnologías y me guía para construir aplicaciones híbridas HTML5 (tal vez en iOs, por ejemplo) ..

Me gustaría aprender las tecnologías mencionadas entre ellas, pero estoy muy interesado en aprenderlas en el contexto de construir una aplicación móvil híbrida y no en forma separada. Prefiero aprender haciendo un trabajo real (La aplicación en el tutorial / Libro / Pantalla emitida aquí) en lugar de aprender cada tecnología por sí mismo.

Muchas gracias por tus respuestas.

Omar

Desea aprender a desarrollar una aplicación híbrida que funcione con múltiples plataformas como Android, iOS, Windows, etc. Esto significa que necesita aprender PhoneGap y Cordova (preferido). Estos son casi lo mismo, uno realmente es parte del otro.

Busca en Google phonegap y cordova, instala los paquetes (requiere un poco de conocimiento de línea de comando bash). Es relativamente rápido y fácil obtener la aplicación HelloWorld de ejemplo en Phonegap y Cordova. ¿Después de esto? bueno, tendrá que aprender HTML, CSS, javascript como mínimo para el lado web de una aplicación híbrida. El lado nativo (Android, iOS, etc.) requerirá aprender Android Studio / java para Android, o Xcode / swift para iOS. Todo lo que desea aprender es en youtube.com gratis, o Udemy , Udacity , Lynda . Algunos sitios que tendrá que pagar, pero es MÉDICO.

Aquí hay una actualización de esta pregunta, ya que construir aplicaciones híbridas ha recorrido un largo camino en tres años. Comenzaría buscando en Phonegap o en la versión de Adobe llamada Cordova. Esta es una ruta muy popular para desarrollar y distribuir rápidamente aplicaciones móviles híbridas de plataforma cruzada. Tan popular, de hecho, muchos otros marcos están construidos en torno al marco de Cordova para darle una sensación más nativa, como

Ionic : este es, de lejos, el más popular, es de código abierto (gratuito) y es mi favorito, ya que encuentro el más rápido y fácil de usar. Además, tienen una gran documentación y excelentes preconstrucciones. Su marco de interfaz de línea de comandos que funciona combina los frameworks Cordova , Bower (un administrador de paquetes / complementos), Grunt y Angular JS en una CLI poderosa y rápida. Si no conoce estos marcos, definitivamente vale la pena buscarlos si está buscando crear aplicaciones web o híbridas.
IU móvil angular : es un marco HTML 5 que utiliza bootstrap 3 y AngularJS para crear aplicaciones móviles interactivas.
Titanium : es una solución "completa" para crear aplicaciones móviles híbridas con todo lo que necesita en un solo lugar con su programa descargable Estudio Titanium
Telerik : un programa basado en un sitio web similar al Ionic y al titanio para un desarrollo rápido

Esos son buenos lugares para comenzar. Si aún no tiene una suscripción a Lynda.com, lo recomendaría mucho. La suscripción es de aproximadamente $ 25 al mes dependiendo de su ubicación. Tienen cientos de cursos de video en línea que pueden durar unas horas y son muy buenos. Le doy un buen alcance y cómo hacer muchos proyectos y entender muchos marcos. teamtreehouse.com es otra gran herramienta de tutorial que tiene una selección de videos mucho más pequeña, más detallada y práctica, y funcionará con muchos otros marcos en el proyecto.