desarrollo de aplicaiones web multiplataforma · temario eventos, efectos animaciones jquery...

44
DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA Php 7, MySQL, JS y jQuery

Upload: others

Post on 04-Oct-2019

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

DESARROLLO DEAplicaiones Web

MULTIPLATAFORMAPhp 7, MySQL, JS y jQuery

Page 2: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Lenguaje deProgramaciónPHP 7

Page 3: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

¿Desarrollador en PHP 7?Prepárate para ser el mejorEl sector del desarrollo de software ha visto con agrado la irrupción de algunas novedades interesantes en forma de lenguajes de programación, no porque sean de lanzamiento reciente, sino por su importancia creciente en los proyectos: Python o Ruby son dos ejemplos de ello. Pero aunque eso es así, Java sigue siendo Java y PHP sigue siendo PHP.

Temario¿Qué es PHP y Por qué usar PHP?Relación Cliente - ServidorNuevo motor ZendTratamiento de erroresNuevos operadoresDeclaraciones de tipos precisosClases anónimasInstalar XAMPP / phpinfo()VariablesVariables predefinidasConstantesExpresionesImprimir datos

Operadores aritméticosOperadores de Incremento y decrementoOperadores de cadenaIf, else if, elseSwitchfor y foreachwhile y do whileinclude() y require()ArraysFunciones propias / Funciones anónimas Declaraciones de tipo escalar y tipo de retornoSesiones / CookiesPOO (Programación Orientado a Objetos)

Page 4: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

JavaScriptjQuery IJava Script y Selectores jQuerySin duda alguna jQuery se está convertido rápidamente en una herramienta que todo diseñador y desarrollador de interfaces web debería de conocer. El propósito de este curso es brindar conocimientos sólidos acerca de esta fascinante librería, de tal forma que al finalizar el alumno sea capaz de realizar tareas básicas e intermedias en cuanto a animación e interactividad de elementos web.

Page 5: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

TemarioIntroducción a Java Script Manejo de Seletores en jQuery

Sintaxis Basica de Java Script Definir VariablesAmbito de las VariablesOperadores en Java ScriptOperadores de ComparacionOperadores LogicosCondicionales en Java ScriptDeclaracion Switch CaseBucle Repetitivo ForBucle Repetitivo WhileBucle Repetitivo Do WhileTabla de Operaciones MatematicasTrabajar con ArraysAgregando Elementos en un ArrayCreacion de ObjetosCreacion de Funciones NombradasFunciones con ArgumentosFunciones con Parametros con RetornoCreacion de Una Calculadora Basica

Seleccion de Elementos por su ID, Clase, Atributo, Etiqueta HTMLSeleccion de Elementos en Forma de Selector CSSPseudo Selectores por Posicon de ElementosSeleccion por Orden de Elementos Pares e ImparesSeleccion de Elementos por Tipo de ElementosSeleccion de Elementos por Aislamiento o Posicion de IndiceAgregando Elementos con jQueryAgregando Datos de un Formulario a una Tabla con jQueryIntroduccion al Caso Practico Uno Banner Rotativo jQueryMaquetando el Banner RotativoAplicando Estilos CSS al Banner RotativoAplicando Interactividad al Banner con jQuery

Page 6: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

JavaScriptjQuery IIEventos, Efectos, Interactividad Base de DatosjQuery, Ajax PHP, MySQL, jQuery UI

Page 7: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

TemarioEventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL

Evento Clic, Doble Clic, Hover del MouseEvento MouseDown- MouseUp-MouseOutEvento MouseMoveEvento Toggle en jQueryEventos de Teclado en jQueryAplicar FadeIn y FadeOut en jQueryAplicar Efecto SlideDown y SlideUpAplicar Efecto SlideToggle en jQueryCrear Animaciones en jQueryCrear Animaciones Ciclicas en jQuery

Metodo Post y Get para Comunicar jQuery con PHPUtilizar Metodo Ajax para Enviar Datos al PHPProcesar Datos en PHP y Devolver un JSON como RespuestaSerializar Formulario para Enviarlo con Metodo Ajax al PHPCreando la Base de Datos para Almacenar la InformacionRealizar Proceso de Insercion de datis a la Base de DatosValidando La Longitud de caracteres de Cada CampoValidacion compos en tiempo real para no ingresar Email RepetidosValidacion Total del Formulario Antes de Guardar los Datos Guardar Datos a la Base de Datos Luego de Validad en Tiempo RealBuscador en Tiempo Real Validar Formulario, Dectando la Tecla EnterRealizar la Consulta del Buscardor y Devolver el Resultado JSONAgregar Datos del Formulario a la TablaRecorrer Filas de Tabla para Almacenar el Contenido a la Base de Datos

Crear Interactividad con jQuery UI

Cuadros de Diálogos BásicoCuadros de Diálogos AvanzadoCreando un Acordion, Creando TabsCalendario Básico y Avanzado con DatepickerCrear Menús con jQuery UI, Menús con Select Menú

Page 8: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Creación y Estructuración deBASES DE DATOS, TABLASBases de Datos, Tablas, Conectividad con Web Dinámica

Page 9: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Sistemas manejadores de bases de datos (DBMS)Diagrama Entidad - RelaciónIntegridad de la informaciónNormalización Parte 1Normalización Parte 2Crear base de datosCREATE TABLEALTER TABLEPRIMARY KEY y FOREIGN KEYRestricción UNIQUETipos de datosFunciones numéricasFunciones de cadenaFunciones fecha y hora

IntroducciónCaracterísticas de MySQLInstalación de MySQLCrear usuariosCargar esquemaIntroducción a SELECTSeleccionar columnas y DISTINCTCláusula WHERECláusulas ORDER BY y LIMITSentencia INSERTSentencia DELETESentencia UPDATEBases de datos relacionales

Temario

Todo desarrollador web debe tener conocimientos solidos en la creación de base de datos asi como saber estructurar correctamente las tablas de acuerdo a las necesidades y dependiendo de la aplicación.

Page 10: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Página Web Dinámica con Base de DatosAplicación Web

Crear base de datos de acuerdo al sistema y/o aplicaciónCrear usuarios y aplicar credenciales al mismoEstructurar tablas de acuerdo a la estructura de la webIngresar datos a cada una de las tablasRealizar mantenimiento (listar, ingresar, modificar y borrar) información de tablas directo del cpanelRealizar conección a la base de datos para poner acceder al mismo de nuestra webRealizar consultas para mostrar información en el Fron EndEnviar datos de la zona contacto y consultas a la base de datosExportar base de datosConsultas finales de acuerdo a los requerimiento

NOTA: Cabe recalcar que en este punto no se toca nada de diseño ni maquetación html5 pues el caso práctico ya tiene un diseño echo. Por lo tanto si no saben este tema es necesario aprende esto primero.

¿Qué vamos a aprender?

1ra.

Page 11: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 12: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 13: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 14: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 15: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 16: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Desarrollo degestor de

contenidosUn Sistema de gestión de contenidos (Content Management System, en inglés, abreviado CMS) permite la creación y administración de contenidos principalmente en páginas web. Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio.

Diseño plataforma backend o gestor de contenidoPáginas logueo, inicio, seguridadBarra de navegación del gestor de contenidosDefinir cabecera y pie página del gestor de contenidosCreación modelo de páginas internasCreación de bases de datos en el Cpanel del hostingCreación de usuario para base de datosAplicar credenciales al usuario para usar la base de datos

Creación de tablas necesarias para la apliación según necesidadTipos de campos, campos primarios y autoincrementAprender a relacionar dos o mas tablasAprender a modificar estructuras de tablasAprender a leer, modificar, insertar y elminar datos a tablasRutinas para modificar, copiar, renombrar y borrar tablasExportar, importar base de datos y tablas

Temario

Page 17: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 18: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Autenticaciónde Usuarios“Te vamos a enseñar todo el proceso de autenticación de usuarios para asegurar un ingreso seguro a nuestro gestor de contenidos”

Crear módulo para la conexión a base de datosProceso de ingreso seguro al gestor de contenidosAutenticar usuarios registradosDetección de usuarios no registrados al sistemaEnvio a pantalla de seguridad si el usuario no existe

Crear credenciales para usuario existentesEntrada a la pantalla de bienvenida del gestor de contenidosMostrar Credenciales del usuario en el gestor de contenidosCrear el proceso de cerrar sesiónRealizar pruebas de validación de ingreso seguro

Temario

Page 19: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 20: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Mantenimientode TablasLISTADO Y ELIMINACION DE REGISTROS DE TABLASUna de las rutinas que se realiza para poder hacer mantenimiento de tablas de base de datos es crear un listado perfecto con todos los componentes necesarios y el módulo eliminar un solo registro o en bloques.

Crear plataforma necesario para listado de tablasRealizar consultas a las tablas antes de mostrar datosMostrar datos de la consulta utilizando bucles repetitivosMostrar datos de tipo imagen en el listadoRealizar proceso para borrar registros en bloque dentro del listado

Crear enlaces para edición de registrosCrear enlaces y validación para eliminar registros de tablaRealizar proceso de eliminación externa de registrosColocar un búscador dentro del listadoCrear módulo eliminar un registro a partir del listado

Temario

Page 21: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 22: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Mantenimientode TablasMODULOS REGISTRAR Y ACTUALIZARUna de las rutinas que se realiza para poder hacer mantenimiento de tablas de base de datos es crear los procesos para poder ingresar nuevos registros y editar ó modificar los que ya estan registrados.

Crear plataforma para ingresar nuevos registrosInstalar editor de textos para campos de tipo TEXTCrear rutinas para poder subir imágenes en líneaCrear Consultas para insertar datos del formulario a las tablasVerificar si los registros se han almacenado con exito

Crear plataforma para editar registros existentesRealizar consultas para buscar un determinado registro a través un campo o código único.Mostrar datos de la consulta en la plataforma de ediciónRealizar proceso de actualización de datosEnviar el control al listado para verificar que los cambios se realizaron con éxito.

Temario

Page 23: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 24: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Catálogo de Productos Dos NivelesAplicación Web

Crear base de datos de acuerdo al sistema y/o aplicaciónCrear usuarios y aplicar credenciales al mismoEstructurar tablas de acuerdo a la estructura de la webDesarrollar un sistema de autenticación de usuarios para ingreso seguro al CMSDesarrollar CMS ó gestor de contenidos para cada una de las tablas de la base de datosRealizar conección a la base de datos para poner acceder al mismo de nuestra webRealizar consulta de productos por categoria, sub categoria y listado de productosRealizar consultas para mostrar información en el Fron EndEnviar datos de la zona contacto y consultas a la base de datosExportar base de datosConsultas finales de acuerdo a los requerimiento

NOTA: Cabe recalcar que en este punto no se toca nada de diseño ni maquetación html5 pues el caso práctico ya tiene un diseño echo. Por lo tanto si no saben este tema es necesario aprende esto primero.

¿Qué vamos a aprender?

3ra.

Page 25: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 26: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 27: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 28: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 29: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Control y Capacitación de Consultoras de VentasAplicación Web

Crear base de datos de acuerdo al sistema y/o aplicaciónCrear usuarios y aplicar credenciales al mismoEstructurar tablas de acuerdo a la estructura de la webDesarrollar un sistema de autenticación de usuarios para ingreso seguro al CMSDesarrollar CMS ó gestor de contenidos para cada una de las tablas de la base de datosRealizar conección a la base de datos para poner acceder al mismo de nuestra webDesarrollar autenticación de usuarios, recuperacion de claves del sistemaRealizar consultas para mostrar información en el Fron EndEnviar datos de la zona contacto y consultas a la base de datosExportar base de datosConsultas finales de acuerdo a los requerimiento

NOTA: Cabe recalcar que en este punto no se toca nada de diseño ni maquetación html5 pues el caso práctico ya tiene un diseño echo. Por lo tanto si no saben este tema es necesario aprende esto primero.

¿Qué vamos a aprender?

4ta.

Page 30: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 31: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 32: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 33: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 34: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 35: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 36: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 37: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 38: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

Tienda en Línea con Carrito de ComprasAplicación Web

Crear base de datos de acuerdo al sistema y/o aplicaciónCrear usuarios y aplicar credenciales al mismoEstructurar tablas de acuerdo a la estructura de la webDesarrollar un sistema de autenticación de usuarios para ingreso seguro al CMSDesarrollar CMS ó gestor de contenidos para cada una de las tablas de la base de datosRealizar conección a la base de datos para poner acceder al mismo de nuestra tiendaRealizar consulta de productos por categoria, sub categoria y listado de productosDesarrollar carrito de comprasDesarrollar sistema de pedidos en líneaConfigurar pasarella de pago PaypalHacer pruebas finales

NOTA: Cabe recalcar que en este punto no se toca nada de diseño ni maquetación html5 pues el caso práctico ya tiene un diseño echo. Por lo tanto si no saben este tema es necesario aprende esto primero.

¿Qué vamos a aprender?

5ta.

Page 39: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 40: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 41: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 42: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 43: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento
Page 44: DESARROLLO DE Aplicaiones Web MULTIPLATAFORMA · Temario Eventos, Efectos Animaciones jQuery Interactividad Query Ajax PHP y MySQL Evento Clic, Doble Clic, Hover del Mouse Evento

DESARROLLO DEAplicaiones WebMULTIPLATAFORMAPhp 7, MySQL, JS y jQuery