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