Aplicaciones móviles
Presentado por
Víctor Vargas & Juan Navarro
Introducción a
Chatbots
Taller
¿Qué vamos a hacer?
Aplicación que va a leer un QR y abrir la URL que venga en ese QR.
También permite tomar fotos y compartirlas.
1. Aplicaciones móviles en la actualidad
2. Aplicaciones híbridas, nativas y web
3. Aplicaciones híbridas
Nativa vs Web vs Híbrida
Chatbots
Taller
Imagen Media
Texto de ejemplo
4. HTML, CSS y JavaScript
móviles
Introducción a
- Es el cascarón de la página web.
- Nos permite estructurar la información y establecer el contenido de la página.
HTML
Chatbots
Taller
Estructura básica de HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>Chatbots
Taller
Encabezados: h1 - h6
Son los títulos de las páginas web
Chatbots
Taller
Párrafos
Permiten almacenar texto de más de una línea
Etiqueta vs atributo
Una etiqueta nos permite crear un nuevo elemento dentro de nuestra página web
Un atributo nos permite añadir una propiedad a los elementos
<p>Hola mundo</p>
<h1 id="titulo">Hola mundo</h1>Imágenes
Permite agregar imágenes a nuestra página web.
La ruta puede ser relativa o absoluta
<img
src="ruta de la imagen"
alt="Texto alternativo de la imagen">Enlaces (links)
Permite enlazar contenido hacia otras secciones de nuestra página, o bien, otras páginas.
<a href="#">Texto del enlace</a>Contenedores
Para estructurar la información se utilizan contenedores.
Existen contenedores semánticos y de estructura.
<div></div>
<header></header>
<section></section>
<article></article>
<footer></footer>5. Creando nuestra primer aplicación
móviles
Introducción a
Introducción a aplicaciones móviles
By Proyecto GoTouch
Introducción a aplicaciones móviles
En el mundo en que vivimos...
