Aprende el API WebSQL database de HTML5
4.9 (10 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.
166 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprende el API WebSQL database de HTML5 to your Wishlist.

Add to Wishlist

Aprende el API WebSQL database de HTML5

Una base de datos pequeña, rápida y segura
4.9 (10 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.
166 students enrolled
Last updated 8/2016
Spanish
Current price: $11 Original price: $20 Discount: 45% off
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 8 Articles
  • 8 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Conocer los rudimentos, las ventajas y desventajas de utilizar el API WebSQL Server
  • Manejar el lenguaje de definición de datos o DDL del API WebSQL Database
  • Utilizar el lenguaje de manipulación de datos o DML, con lo cual podrá insertar, modificar y eliminar los registros de una tabla.
  • Aplicar los conocimientos adquiridos para realizar un peruqño sistema de Altas, Bajas y Cambios (ABC o CRUD) de una tabla.
  • Utilizar el lenguaje de consulta de datos (DQL) donde estuduaremos a profundidad la sentencia SELECT y sus diferentes cláusulas.
  • Realizaremos las rutinas necesarias para la paginación de la información extraida con la instrucción SELECT por medio de sus cláusulas LIMIT y OFFSET.
  • Estudiaremos las funciones de agregado y desarrollaremos una página de estadísiticas de la tabla desarrollada en ejercicios anteriores.
  • Partiremos de un modelo Entidad-Relación para crear las tablas y realizar consulta de varias tablas con las cláusulas JOIN: CROSS, INNER y OUTER.
  • Aplicar todo lo aprendido para desarrollar una aplicación de control de Gastos.
  • Conocer las herramientas necesarias para convertir la aplicación de Control de Gastos en una aplicación para dispositivos móviles.
View Curriculum
Requirements
  • Una computadora con Internet
  • Un navegador Chrome, Safari u Ópera
  • Un editor de código como Aptana, SublimeText, Brackets o Dreamweaver
Description

El API WebSQL Database de HTML5 nos permitirá utilizar toda la potencia de una base de datos relación con el lenguaje SQL sin necesidad de acceder a un servidor. Esta API está basado en la popular base de datos SQLite, con lo cual le será muy sencillo en convertirlo en una aplicación para dispositivos móviles.

Este curso está enfocado a desarrolladores web con conocimientos de JavaScript que deseen desarrollar aplicaciones web y también aquellos desarrolladores que deseen aprovechar sus conocimientos de HTML5, CSS3 y JavaScript para crear aplicaciones para dispositivos móviles.

En la primera sección veremos los términos generales de la base de datos y sus limitaciones. En la segunda sección analizaremos lo que se conoce como DDL o Data Definition Language (Lenguaje de definición de datos) en donde aprenderemos a crear una base de datos.

En la tercer sección revisaremos el lenguaje de modificación de datos o DML (Data modification Language) en el cual revisaremos las cuatro principales instrucciones de una base de datos como son el Select, Insert, Update y Delete.

En la cuarta sección realizaremos una sencilla aplicación para realizar las altas, bajas y cambios de una tabla que contiene información sobre libros. En la quinta sección analizaremos el lenguaje de consulta de datos o DQL (Data Query Languaje), con lo cual revisaremos a profundidad la instrucción SELECT. Realizaremos un ejercicio para paginar una consulta con las cláusulas LIMIT y OFFSET.

En la sección 6 estudiaremos las funciones de agregado, como COUNT(), SUM() o AVG(), entre otras, con las cuales realizaremos una página para obtener las estadísticas sobre la tabla de la sección anterior. En la séptima sección veremos la forma de entrelazar las tablas, por medio del ALIAS, como por las cláusulas JOIN: CROSS, INNER y OUTER.

Por último desarrollaremos una sencilla aplicación de Control de gastos y las herramientas necesarias para convertirlas en una aplicación para dispositivos móviles.

Para poder obtener el mayor beneficio de este curso, es necesario que usted ya tenga conocimientos previos de JavaScript, HTML y CSS, ya que no veremos ninguno de los principios básicos de estos lenguajes. Es deseable que tenga conocimientos de bases de datos, pero si no  los tiene, no hay problema, los revisaremos paso a paso.

Who is the target audience?
  • Desarrolladores web con conocimientos de JavaScript
  • Desarrolladores web que deseen realizar aplicaciones para dispositivos móviles
Curriculum For This Course
78 Lectures
05:53:04
+
Bienvenida al curso de HTML5 API WebSQL Database
1 Lecture 04:35

El API WdbSQL Database de HTML5 nos permitirá utilizar toda la potencia de una base de datos relación con el lenguaje SQL sin necesidad de acceder a un servidor. Esta API está basado en la popular base de datos SQLite, con lo cual le será muy sencillo en convertirlo en una aplicación para dispositivos móviles.


Preview 04:35
+
Introducción al API WebSQL Database
9 Lectures 36:42

Lo que conocemos como el API  Web SQL Database no es parte de HTML 5, pero es una especificación independiente.

El API Web SQL database trabaja sólamente en las últimas versiones de Safari, Chrome y Opera, y no funciona con Firefox, Internet Explorer o Edge.

A partir de aqui abreviaremos al API Web SQL database como WebSQL.SQLite (3.1.19)


Preview 04:53

Existen tres funciones fundamentales en WebSQL:

openDataBase(): este método crea una base de datos, y si existe, abre la base de datos.

transaction(): Ejecuta una transacción, y lanza una función de call.back si la transacción es exitosa y otra función si existió un error en la ejecución.

executeSql(): Ejecuta una consulta o query.

Las principales funciones del API WebSQL Database
02:49

Para evitar el seguro que tiene Chrome, conocido como sandbox, debemos ejecutar los ejercicios en un servidor con Apache o IIS.

Podemos instalar en nuestra computadora un servidor local con XAMPP, WAMP, MAMP o LAMP.

Verificar el API WebSQL Database en los navegadores
08:07

DDL - Data Definition Language: create, alter y drop

DML - Data Manipulation Language: Insert, delete, update

DQL - Data Query Language: Select

El SQL de SQLite
03:44

Fue escrito por D. Richard Hipp en el año 2000.  La versión 3.13.0 de SQLite fue publicada en 18 de mayo de 2016.

¿Qué es SQLite?
02:12

Sintaxis:

var db = openDatabase('libros', '1.0', 'Mis libros', 2 * 1024 *1024);

Tiene 5 parámetros:

  • Nombre de la base de datos

  • Número de versión

  • Texto descriptivo

  • Tamaño de la base de datos

  • Función de  callback (cuando es creada)

Abrir o crear una base de datos
05:00

MAMP es una poderosa herramienta para convertir su computadora en un servidor web local.

Instalar MAMP en una Mac (bonus)
06:10

Aunque no es parte del curso el PHP, dejo este video por si tiene duda en la forma de instalar MAMP en su computadora :)

Instalar MAMP en una computadora con Windows (Bonus)
03:46

Apuntes: Introducción al API WebSQL Database

Apuntes: Introducción al API WebSQL Database
00:01
+
DDL, Lenguaje de definición de datos o Data Definition Language
8 Lectures 32:45

SQLite Clases de almacenamiento:

Cada columna en SQLite tiene una de estas clases:

 

Clase

Descripción

NULL

NULL es considerado un valor vacío.

INTEGER

El valor  entero con signo entre 1 y 8 bytes dependiendo de la magnitud del valor.

REAL

El valor es de punto flotante, se almacena como un número de coma flotante de 8 bytes IEEE.

TEXT

El valor es una cadena de texto, utilizando la codificación de la base de datos ( UTF- 8, UTF - 16BE o UTF - 16LE)

BLOB

Permite almacenar objetos en formato BLOB (Binary Large Objects) como  imágenes, archivos de sonido y otros objetos multimedia; a veces se almacenan como BLOB código de binarios.


   

Preview 04:11

CREATE TABLE database_name.table_name(

  column1 datatype,

  column2 datatype,

  column3 datatype,

  .....

  columnN datatype,

);

Versión 3.3+

create table if not exists tabla(col1 typ1, ..., colN typN)

Crear una tabla con WebSQL
05:21

En SQLite, con la sentencia DROP TABLE se elimina una tabla con su definición, datos asociados, índices, triggers, constrains y permisos.

Cuando una tabla es eliminada, no hay forma de recuperarla. Se borra en forma definitiva.

Sintaxis:

DROP TABLE basededatos.tabla;

En versión 3.3. y más:

drop table if exists TableName

Borrar una tabla con DROP TABLE
04:26

Modifica la columna de la tabla. Ejemplos de comandos “constraints”:

NOT NULL

PRIMARY KEY

UNIQUE

AUTOINCREMENT

DEFAULT

CURRENT_TIME

CURRENT_DATE

CURRENT_TIMESTAMP

Los modificadores de las columnas o constraints
05:42

En SQLite la sentencia ALTER TABLE solo puede añadir columnas y renombrar la tabla.

No podemos eliminar columnas con esta sentencia.

Las nuevas columnas siempre se añaden al final de la tabla.

Si necesitas hacer muchas modificaciones, es mejor hacer una tabla nueva y copiar los datos con un SELECT.

Modificar una tabla con ALTER TABLE
04:19

  • Siempre es importante declarar una o varias columnas como Primary Key, que es el índice principal de la tabla.

  • Sólo podemos tener un índice principal por tabla.

  • Las llaves en un índice principal deben ser únicas, es decir, no repetirse.

  • El constraint “UNIQUE” queda implicito en “PRIMARY KEY”.

Las llaves principales o PRIMARY KEY
04:15

Los índices son una manera rápida de encontrar información en la tabla.

La sintaxis para crear un índice, una vez que la tabla ha sido creada es:

CREATE [UNIQUE] INDEX nombre_index ON nombre_tabla ( columna1 [, ...] );

Ni UNIQUE ni PRIMARY KEY implica que no se acepten valores nulos.

Crear y eliminar índices secundarios
04:29

Apuntes: DDL, lenguaje de definición de datos o Data Definition Language

Apuntes: DDL, lenguaje de definición de datos o Data Definition Language
00:02
+
DML: Data Manipulation Language
9 Lectures 43:17

Las principales operaciones  con SQL:

  1. Insertar registros

  2. Modificar los registros

  3. Borrar los registros

  4. Seleccionar registros

Preview 01:14

La sentencia INSERT INTO nos sirve para insertar datos en una tabla de una base de datos.

SQLite cuenta con dos sintaxis:

INSERT INTO tabla(column1, column2, column3,...columnN)]  

VALUES (value1, value2, value3,...valueN)

Insertar registros a la tabla (primera sintaxis)
08:06

No se utilizan los nombres de las columnas, solo los valores en orden en que aparecen las columnas en la tabla.

INSERT INTO tabla VALUES (value1,value2,value3,...valueN)

Introducción a la sentencia SELECT
07:22

No se utilizan los nombres de las columnas, solo los valores en orden en que aparecen las columnas en la tabla.

INSERT INTO tabla VALUES (value1,value2,value3,...valueN)

Segunda sintaxis de la sentencia INSERT
04:09

La tercera sintaxis permite pasar los valores en un arreglo.

Los valores se sustituyen en mismo orden en que aparecen los signos de interrogación.

Tercera sintaxis de la sentencia INSERT
07:16

La función executeSql tiene más parámetros opcionales:

tx.executeSql(query, [], function (tx, data) {}, callback-exito,callback-error);

query: una cadena con las instrucciones SQL a ejecutar.

[]: arreglo de valores.

function(tx,data): función de callback cuando finaliza el query:

    tx: la referencia de la base de datos

    data: la información leída.

Callback de éxito

Callback de error

Poblar una tabla desde otra tabla con INSERT
06:13

Con la sentencia UPDATE podemos modificar cualquiera de las columnas de cualquier registro o conjunto de registros (incluso de toda la tabla).

Su sintaxis es:

UPDATE nombre_tabla SET columna1=valor1  [, ...] WHERE expresión

Si se omite la sentencia WHERE, se modificarán las columnas de TODA la tabla.

Modificar un registro con UPDATE
04:46

Con la sentencia DELETE podemos borrar uno o todos los registros de una tabla.

Sintax:

DELETE FROM nombre_tabla

WHERE [condición];

Los registros son borrados en forma definitiva

Borrar un registro con DELETE
04:07

DML: Data Manipulation Language

Apuntes: DML: Data Manipulation Language
00:04
+
Altas, bajas y cambios de una tabla
6 Lectures 40:12

En este video crearemos la tabla de los libros y la estructura de HTML.

Preview 04:59

En este video construiremos la tabla que desplegará los datos leidos en la instrucción SELECT

Desplegar el contenido de la tabla con SELECT
08:00

En este video aprenderemos a insertar los registros en la tabla “libros” y una pequeña validación.

Agregar un elemento a la tabla con INSERT
04:34

En este video escribiremos la rutina para modificar los registros en la tabla.

Modificar un registro con UPDATE
08:10

En este escribiremos la rutina para borrar los registros de la tabla

Borrar un registro de la tabla "libros" con DELETE
04:52

En esta clase daremos formato a los datos con rutinas con JavaScript.
Formatear los datos con JavaScript
09:37
+
DQL: Data Query Language o lenguaje de consulta de datos
13 Lectures 01:05:23

Con la sentencia SELECT podemos extraer la información de una tabla.

Sintaxis:

SELECT columna1, columna2, columnaN FROM nombre_tabla;

Para extraer todas las columnas, utilizamos en asterisco.

SELECT * FROM nombre_tabla

Preview 04:54

Por medio de la cláusula WHERE podemos seleccionar por medio de una expresión. La cláusula WHERE es la misma para las sentencias SELECT, UPDATE y DELETE.

Usamos operadores dentro de esa expresión:

  • Operadores matemáticos

  • Operadores de comparación

  • Operadores lógicos

  • Operadores de desplazamientos de bit

La cláusula WHERE de la sentencia SELECT
04:40

Con la cláusula DISTINCT eliminamos los registros duplicados de una selección.

Sintaxis:

SELECT DISTINCT column1, column2,.....columnN

FROM nombre_tabla

WHERE [condición

La cláusula DISTINCT de la sentencia SELECT
08:08

Ejemplo:

==    Verifica si dos valores son iguales o no.    (a == b) Regresaría falso.

=    Verifica si dos valores son iguales o no.    (a = b) Regresaría falso.

Los operadores de comparación en WebSQL database
06:25

+    Suma valores de columnas o constantes

-    Resta valores entre columnas o constantes

*    Multiplicación entre columnas o constantes

/    División entre columnas o constantes

%    Módulo entre columnas o constante

Los operadores matemáticos en WebSQL Database
04:03

AND        Es verdadera si todas las expresiones son verdaderas.

BETWEEN    Regresan los registros que se encuentran ENTRE dos valores.

EXISTS        Busca los renglones dentro de un subquery.

IN            Regresa los renglones si existe en una lista.

NOT IN    No se encuentra en una lista.

LIKE    Extrae registros similares utilizando comodines.

GLOB    Es similar a LIKE pero es sensible a mayúsculas

Los operadores lógicos: LIKE
05:14

El operador GLOB es muy similar a LIKE, pero se apega más a UNIX o LINUX.

Es sensible a mayúsculas y minúsculas, utiliza como comodines “*” para una serie de caracteres o cero y “?” para un sólo caracter

Los operadores lógicos: GLOB
02:32

Por medio de la cláusula ORDER BY nos permite ordenar la extracción de datos en forma ascendente o descendente.

Sintaxis:

SELECT lista_columnas

FROM nombre_tablas

[WHERE condición]

[ORDER BY columna1, columna2, .. columnaN] [ASC | DESC]

La cláusula ORDER BY en WebSQL Database
06:47

La cláusula LIMIT nos permite limitar el número de registros extraídos de una tabla.

Sintaxis:

SELECT columna1, columna2, columnaN

FROM tablas

LIMIT [num_renglones

Las cláusulas LIMIT y OFFSET
04:54

Los pasos para realizar la paginación de nuestra consulta son:

  1. Crear las variables

  2. Calcular el número de páginas

  3. Dibujar las páginas

  4. Recalcular el “inicio” cuando se pulsa el botón

  5. Desplegar la nueva págin

Paginación de la consulta con WebSQL
09:57

La cláusula GROUP BY, dentro de SELECT, nos sirve para agrupar los registros idénticos.

La cláusula GROUP BY sigue a la cláusula WHERE y precede a ORDER BY (si se utiliza).

Puede utilizar más de una columna en GROUP BY.

Todas las columnas utilizadas en el GROUP BY deben estar incluidas en la lista de columnas del SELECT.

La cláusula GROUP BY de la sentencia SELECT
04:55

La cláusula HAVING permite filtrar los resultados obtenidos por medio de GROUP BY.

La cláusula HAVING afecta a las columnas que son usadas en GROUP BY, no afecta a las columnas utilizadas en el SELECT.

La cláusula HAVING debe seguir la cláusula GROUP BY en una consulta y también preceder a la cláusula ORDER BY (si se utiliza)

La cláusula HAVING para filtrar el resultado de GROUP BY
02:37

En esta clase puedes bajar los apuntes de la sección en los archivos anexos :)

Apuntes: DQL: Data Query Language o lenguaje de consulta de datos
00:17
+
Las funciones de agregado
10 Lectures 35:16

A continuación enlistamos las principales funciones de agregado de WebSQL:

COUNT(*)

MAX(*)

MIN(*)

AVG(*)

SUM(*)

RANDOM(*)

ABS(*)

UPPER(*) y LOWER(*)

LENGTH(*)

SUBSTR()

Preview 03:17

Por medio del ALIAS podemos renombrar temporalmente una tabla o una columna.

Las tablas y columnas sólo son renombradas dentro de la sentencia SQL.

Terminando la sentencia, se pierden los valores de ALIAS.

Las columnas se renombran únicamente durante el query.

Sintaxis para renombrar las tablas:

SELECT columna1, columna2....

FROM nombre_tabla AS nombre_alias

WHERE [condicion];

Sintaxis de columnas:

SELECT nombre_columna AS nombre_alias

FROM nombre_tabla

WHERE [condicion];

El manejo de ALIAS para renombre columnas y tablas
04:58

La función COUNT(*) cuenta los registros extraídos en el SELECT.

Para extraer su valor es mejor utilizar un alias.

La función de agregado COUNT(*)
04:14

Las funciones MAX() y MIN() extraen el valor máximo y mínimo de un criterio en una tabla o conjuntos de tablas.

Las funciones de agregado MAX() y MIN()
02:42

La función de agregado AVG() nos permite obtener el promedio de la columna de los registros extraídos en una sentencia SELECT.

La función de agregado AVG() para calcular el promedio
02:05

La función SUM(*) realiza la suma de las columnas que cumplan los criterios de extracción en un query o SELECT

La función de agregado SUM()
03:19

WebSQL no tiene función Random, pero lo podemos calcular con JavaScript.

Seleccionar un registro en forma aleatoria
05:59

Las funciones UPPER() y LOWER() modifica una cadena a mayúsculas o minúsculas, respectivamente.

Las funciones UPPER() y LOWER()
02:36

La función length() regresa el número de caracteres de una cadena.

La función substr() tiene dos sintaxis:

substr(X,Y,Z);

substr(X,Y);

Donde X es la cadena, Y es un entero donde inicia la extracción y Z el número de caracteres a extraer.

Si se omite el valor Z, se extrae desde el punto Y hasta el final.

Las funciones LENGTH() y SUBSTR() para el manejo de cadenas
06:00

En esta clase encontrarás los apuntes de la sección en los archivos anexos.

Apuntes: Las funciones de agregado de WebSQL Database de HTML5
00:06
+
Diseño físico de una base de datos con WebSQL Database
9 Lectures 37:40
  • El diseño físico de la base de datos optimiza el rendimiento a la vez que asegura la integridad de los datos al evitar repeticiones innecesarias de datos.

  • Durante el diseño físico, se transforman las entidades en tablas, las instancias en filas y los atributos en columnas.

Preview 03:41

  • Cómo convertir entidades en tablas físicas

  • Qué atributos utilizar para las columnas de las tablas físicas

  • Qué columnas de las tablas deben definirse como llaves primarias

  • Qué índices deben definirse en las tablas

  • Qué vistas deben definirse en las tablas

  • Cómo desnormalizar las tablas (si es necesario)

  • Cómo resolver relaciones de muchos a muchos

Crear las tablas e insertar los datos en la base de datos
07:37

  • Una manera tradicional de “armar las llaves” es por medio del alias.
  • A cada columna le corresponde el alias de su tabla para evitar “choque de nomenclaturas”.
  • Tenemos que relacionar la llave primaria con las llave foránea.
  • Opcionalmente podemos añadir un alias a la columna.


Armar llaves por medio del Alias
06:26

Por medio de la cláusula JOIN podemos unir dos o más tablas por medio de campos comunes.

Los tipos de JOINS con los que contamos en WebSQL son:
CROSS JOIN
INNER JOIN
OUTER JOIN

(SQLite no cuenta con RIGHT y FULL, sólo con LEFT)

Las diferentes cláusulas JOIN en WebSQL
02:09

A CROSS JOIN empata cada fila de la primera tabla con cada fila de la segunda tabla.
Si las tablas de entrada tienen “x” y columnas “y”, respectivamente , la tabla resultante tendrá “x * y” columnas, un producto cartesiano.
Debido a que CROSS JOIN genera resultados muy grandes. Debe tener cuidado de utilizar sólo cuando sea apropiado.

La cláusula CROSS JOIN
03:00

Un INNER JOIN da como resultado la combinación de valores de las columnas de dos tablas (Tabla1 y Tabla2 ) con base en la “expresión de unión”.
La consulta compara cada fila de la “Tabla 1” con cada fila de la “Tabla 2” para encontrar todos los pares de filas que satisfacen la “expresión de unión”.

La cláusula INNER JOIN
05:01

  • OUTER JOIN es una extensión de INNER JOIN .

  • Aunque el SQL estándar define tres tipos de combinaciones externas : LEFT, RIGHT y FULL, WebSQL  sólo admite el LEFT OUTER JOIN .

  • OUTER JOIN tienen una condición que es idéntica a la LEFT JOIN, expresada mediante una palabra clave como ON, USING o NATURAL.

  • Una vez que la primera operación JOIN es calculada, una operación OUTER JOIN concatenará los registros faltantes de ambas tablas, llenando los campos faltantes con valores nulos (NULL) en caso de que sea necesario.
La cláusula LEFT JOIN
03:46

  • Por medio de dos sentencias JOIN podemos unir tablas con relación “muchos a muchos”, las cuales cuentan con una tabla intermedia.
  • Por lo  general necesitaremos una función de agregado como “GROUP_CONCAT()” porque vamos a recibir un columna con más de un resultados.
Consultar las tablas en una relación Muchos a Muchos
05:57

En esta clase podrás encontrar los apuntes de la sección en los archivos anexos :)
Apuntes: Diseño físico de una base de datos
00:03
+
Aplicación de control de gastos personales con WebSQL
11 Lectures 54:21

Realizaremos una sencilla aplicación de control de gastos personales.

Será para un sólo usuario.

Podemos convertirla en aplicación para dispositivos móviles por medio de una herramienta como Cordova o PhoneGap.

Preview 03:50

En este video  crearemos el formulario de entrada y revisaremos la clave de acceso y el usuario.

Si no existe aún el usuario, mandamos un mensaje y lo mandamos a la página correspondiente.

Crear el login o formulario de acceso a la aplicación
03:41

Crearemos un menú que simule una aplicación para dispositivos móviles, pero siempre es recomendable que utilice un framework para este propósito, ya que si su aspecto es “Muy tipo web”, no será aceptado por la revisión de Apple.

Crear el menú de la aplicación
04:10

Esta aplicación sólo es para un usuarios, así que verificaremos que no se pueda dar más de uno.

USUARIOS

CREATE TABLE IF NOT EXISTS usuarios (

 id       INTEGER     NOT NULL AUTOINCREMENT,

 usuario    TEXT     NOT NULL,

 clave     TEXT       NOT NULL,

 periodo    TEXT       NOT NULL

)

Alta, Bajas y Cambios a la tabla de usuarios
03:44

Son los conceptos en los cuales tenemos un gasto o un ingreso. Por ejemplo:

Gastos:

  • Gasolina
  • Telefono e internet
  • Luz

Ingresos:

  • Salario
  • Ventas
  • Otros

CREATE TABLE IF NOT EXISTS categorias (

 id  INTEGER NOT NULL AUTOINCREMENT,

 tipo  TEXT NOT NULL,

 categoria TEXT NOT NULL,

 presupuesto REAL NOT NULL,

 nota   TEXT  NOT NULL

)

Tipo: cargo, abono

Alta, Bajas y Cambios a la tabla de categorías
04:56

Son las cuentas con las cuales se hacen los pagos o depósitos, ejemplo:

Efectivo

Tarjeta de crédito

Tarjeta de débito

Paypal

Alta, Bajas y Cambios a la tabla de cuentas
06:16

Se generan cada vez que hacemos un gasto o un ingreso, la cual afecta a una CUENTA y tiene una CATEGORÍA.

Crear la captura de los movimientos y la actulización de saldos
12:12

Seleccionaremos todos los movimientos de la tabla y los mostraremos en la pantalla ordenados por categoría y por fecha.

Reporte de movimientos para el control de gastos
04:10

Mostraremos los saldos de las diferentes cuentas por cada tipo: efectivo, crédito y ahorro.

Reporte de saldos de las cuentas
05:38

Para convertir esta aplicación para dispositivos móviles, necesitas:

Un framework para darle aspecto de aplicación para móviles como:

  • jQuery Mobile

  • Dojo

  • Kendo

Una herramienta de empaquetado como:

  • Phonegap

  • Cordova

  • Phonegap Build
Herramientas para convertir la aplicación en una aplicación para dispositivos
05:41

En esta clase podrá obtener los apuntes de la sección en los archivos descargables.

Apuntes: Aplicación de control de gastos personales con WebSQL
00:03
+
Despedida del curso WebSQL Database de HTML5
2 Lectures 02:48
A manera de conclusión
02:45

En esta clase podrás obtener los archivos del curso en los archivos anexos.

Los ejercicios del curso HTML5 API WebSQL Database
00:03
About the Instructor
Francisco Javier Arce Anguiano
4.3 Average rating
978 Reviews
12,847 Students
34 Courses
Lic. Matemáticas Aplicadas y Computación

Soy licenciado en matemáticas aplicadas y computación por parte de la Universidad Nacional Autónoma de México e instructor certificado de Adobe desde 2002. He trabajado para diferentes centros autorizados de Adobe en México y da clases en universidades de la Ciudad de México. Asimismo, he publicados cuatro libros sobre ActionScipt 2 y 3, con la editorial AlfaOmega de Méxicoasi como un libro de desarrollo de juegos con ActionScript con la misma editorial. He desarrollado aplicaciones para Android, iPhone, Windows Phone y BlackBerry. Actualmente preparo un libro para el desarrollo de juegos con HTML5 y para el desarrollo de aplicaciones a dispositivos móviles con esta tecnología. También he desarrollado múltiples aplicaciones con PHP, CSS, MySQL y JavaScript en mi vida profesional. Me he especializado en el desarrollo de aplicaciones educativas con Adobe Air y su desarrollo para dispositivos móviles. He estado pendiente de la evolución de HTML5 y CSS3 casi desde los inicios de estas tecnologías.