Aplicativos Web

Conocerás sobre el lenguaje JavaScript, su estructura y sintaxis, comentarios, así como los diferentes estilos de implementación de JS.

Abordaremos el tema de variables en JavaScript, su definición y uso, así como tipo de datos.

Conocerás los operadores aritméticos con ejemplos.

Hablaremos sobre cómo unir dos cadenas de caracteres para formar una sola, es decir concatenar.

En esta clase veremos respecto a los operadores de comparación y operadores lógicos.

Explicación práctica de estructura condicional if, else y else if  en JS.

Se aborda la declaración switch en JS con la cual es posible evaluar una expresión, comparar su valor con una instancia case y ejecutar sentencias.

Aprenderás sobre las secuencias que pueden repetir varias veces un mismo trozo de código hasta que una condición se cumple, es decir bucles: While, Do While y For.

Introducción a JQuery, que es, ventajas, desventajas y algunas alternativas a JQuery.

Implementación de la librería JQuery en nuestro proyecto web.

Explicación de sintaxis JQuery, selectores, pseudoselectores y ejemplos.

Explicación de métodos y eventos, además se comparte como recurso un listado de los más utilizados.

Veremos cómo podemos obtener las propiedades de CSS de un elemento en nuestra página y manipular sus valores mediante JQuery.

Aprenderemos a manipular las propiedades de las dimensiones de los elementos en nuestra página, además aprenderemos a manipular los atributos de los elementos del HTML, establecer y obtener esa información.

Eventos mouseover() y mouseout() JQuery. Uso de eventos cuando el puntero esta sobre un elemento y cuando se retira.

Eventos click() y dblclick() JQuery. Uso de eventos cuando se hace click o doble click sobre un elemento.

Eventos focus() y blur() JQuery. Uso de eventos cuando un elemento tiene o pierde el foco.

Métodos show() y hide() JQuery. Uso de métodos cuando se quiere mostrar u ocultar un elemento.

Métodos fadeIn(), FadeOut() y FadeTo JQuery. Uso de métodos cuando se quiere mostrar u ocultar un elemento mediante su opacidad de forma gradual.

Métodos toggle() JQuery. Uso de método para mostrar y ocultar un elemento seleccionado.

Introducción a JSON (JavaScript Object Notation), que es un formato basado en texto, usado para estructurar datos y transmitirlos de un sistema a otro.

Introducción a Ajax (Asynchronous JavaScript and XML), término que describe una forma de usar varias tecnologías ya existentes de manera conjunta para hacer páginas web.

Ejemplo práctico para realizar una petición HTTP usando JavaScript y objeto XMLHttpRequest.

Ejemplo práctico para realizar una petición HTTP usando JavaScript y objeto XMLHttpRequest.

Ejemplo práctico para realizar una petición HTTP usando JavaScript y objeto XMLHttpRequest.

Ya vimos que es posible realizar llamados AJAX utilizando JavaScript puro, pero ahora veremos que jQuery nos brinda soporte para Ajax, y con él, todo este proceso puede ser mucho más sencillo.

Llamada externa de archivos mediante el método Load de AJAX con JQuery.

Llamada a archivo externo con el método Get de AJAX con JQuery, enviaremos parámetros a otra página PHP y haremos una suma para mostrar el resultado.

Veremos la estructura básica del método AJAX con JQuery, los métodos que nos retorna el objeto y realizaremos el ejemplo de cambiar un texto dentro de un elemento div, al hacer clic en un botón, mostrando en el la respuesta de la llamada (callback).

Se adapta el ejemplo de suma realizado con el método Get de AJAX con JQuery al método AJAX para ver la diferencia en su utilización. Se agrega además un mensaje de espera y un cargador mientras se espera la respuesta del servidor.

Conocerás que es Materialize y algunos de los elementos que nos ofrece para dinamizar y resaltar nuestros sitios web.

Implementación de Materialize CSS en nuestro proyecto.

Conocerás el modelo de 12 columnas, que son invisibles para el usuario y nos sirven para facilitar el diseño y maquetación en el desarrollo de aplicaciones y sitios web.

Color de fondo y color de texto con Materialize.

Material Icons con materialize

Veras la manera de utilizar botones con el estilo de Materialize.

Crearas tarjetas de contenido en Materialize (Cards).

Crearas tarjetas de contenido en Materialize (Cards).

Aprenderás el manejo responsivo de imágenes y vídeos con Materialize.

Aprenderás el diseño y diseño responsivo de tablas de contenido con Materialize.

Aprenderás a crear colecciones con los estilos de Materialize (Collections).

Aprenderás a diseñar una barra de navegación o Navbar con Materialize, así como agregar opciones, menú desplegable o dropdown e incluso una barra de búsqueda.

Conocerás como crear un menú móvil con Materialize.

Aprenderás a crear un diseño para paginación con Materialize.

Crearemos una barra de progreso simple y otra animada, así como los diferentes diseños disponibles en Materialize para cargadores (Preloaders).

Veremos los diseños con los diferentes tipos de cajas de texto o Text Inputs en Materialize.

Veremos la forma de crear Switches con Materialize.

Crearemos un select con el diseño del navegador y otros más con el de Materialize, crearemos select con posibilidad de elegir múltiples opciones, crearemos grupos de opciones dentro de las opciones del select e incluso agregaremos una imagen a esas opciones.

Los radio buttons son utilizados cuando requieres darle al usuario varias opciones pero que de estas sólo pueda elegir una. Veremos su diseño con Materialize.

Veremos el diseño de checkboxes con Materialize. Cajas para respuestas si o no.

Veremos como utilizar los elementos para manejar fechas y hora, que en Materialize son llamados Pickers.

En esta clase aprenderás sobre el lenguaje de programación PHP, su definición y conceptos básicos.

Mostraremos el primer mensaje con PHP, conociendo sus etiquetas de apertura y cierre, así como echo que es un comando para la impresión de un texto en pantalla.

Aprenderás a definir variables en PHP, así como su concepto y diferentes reglas.

Aprenderás a definir constantes en PHP, su concepto y diferencia con las variables.

Veremos el concepto de Array, su funcionamiento y el manejo del mismo, como declararlo, modificar sus elementos o eliminarlos, además de trabajar también con arrays de dos dimensiones.

Conocerás los operadores aritméticos con ejemplos.

Como su nombre indica, estos operadores pueden realizar comparaciones entre diferentes valores, son muy utilizados para comprobar si se cumple una determinada condición (o condiciones). Según se cumpla o no, el programa ejecutará una determinada instrucción.

Los operadores lógicos nos permiten agrupar expresiones y nos devuelven un resultado booleano, veremos ejemplos.

Conocerás la estructura condicional If en PHP, con ella decidimos si se realiza o no una sentencia en función de que se cumpla una condición.

En esta clase veremos los if anidados, o elseif y la estructura Switch.

Los bucles o loop son útiles cuando se desea ejecutar un fragmento de código repetidamente hasta que una condición se evalúe como falsa. En esta clase conocerás el bucle For.

Utilizamos la instrucción Foreach en PHP para recorrer los elementos de un arreglo (o array).

Cómo muchos sabrán while significa mientras, entonces este significado nos da una idea de su funcionamiento, el cual aprenderás en esta clase, este bucle lo podemos usar para ejecutar un trozo de código mientras la condición siga siendo verdadera.

Los bucles do-while son muy similares a los bucles while, excepto que la expresión verdadera es verificada al final de cada iteración en lugar de que al comienzo.

En esta clase veremos algunas generalidades sobre las cadenas de caracteres o strings en PHP, como usarlas, buenas prácticas y algunos trucos para optimizar el código con este tipo de datos.

Aprenderás algunas de las funciones más comunes para el tratamiento de strings con PHP.

Aprenderás algunas de las funciones más comunes para el tratamiento de strings con PHP.

En esta clase exploraremos las formas de tratamiento de fechas en el lenguaje PHP con Date() y DateTime(), veremos operaciones como el cálculo de la diferencia entre dos fechas y la suma o resta de días, semanas, meses y años a fechas.

Las funciones pueden entenderse como un conjunto de instrucciones que permiten procesar variables para conseguir un resultado y que podemos invocar las veces que sean necesarias durante la ejecución de nuestro código. En este tema veremos la estructura de una función, argumentos, el uso de variables globales y estáticas en las funciones así como el retorno de la función.

Las funciones pueden entenderse como un conjunto de instrucciones que permiten procesar variables para conseguir un resultado y que podemos invocar las veces que sean necesarias durante la ejecución de nuestro código. En este tema veremos la estructura de una función, argumentos, el uso de variables globales y estáticas en las funciones así como el retorno de la función.

Hablaremos de funciones que nos sirven para agregar ficheros externos a nuestros scripts de PHP y cuáles son las diferencias entre ellas.

En esta clase analizaremos los métodos para el envió de información entre páginas.

Conocerás los conceptos de base de datos y sistema de gestión de base de datos, además de ver cómo acceder a phpmyadmin.

En esta clase crearemos una base de datos con una tabla desde phpmyadmin, y veremos la conexión a la base de datos con PHP mediante dos estilos de programación diferentes: new mysqli (estilo orientado a objetos) y mysqli_connect (orientado a procedimientos).

Veremos la sentencia INSERT, que es una sentencia SQL que añade datos a una tabla.

Veremos la sentencia SELECT, que es una sentencia SQL que selecciona datos de una tabla.

Veremos la sentencia UPDATE, que es una sentencia SQL que actualiza datos de una tabla.

Veremos la sentencia DELETE, que es una sentencia SQL que elimina datos de una tabla.

Veremos como utilizar a cláusula WHERE, cuya funcionalidad es la de condicionar las consultas que se realizan a una base de datos.

Con esta cláusula podremos limitar el número de resultados devueltos en una consulta, o bien limitar el número de registros a eliminar en una sentencia delete.

Aprenderemos como ordenar los resultados de una columna por algún campo en específico, ya sea de manera ascendente o descendente, también veremos cómo saber el número de resultados devueltos en una consulta.

En esta clase veremos como exportar e importar una base de datos desde Phpmyadmin.

Esta sección, como su nombre lo indica, está dedicada a realizar aplicativos específicos, que nos sirvan como una especie de rompecabezas, con las cuales podremos armar sistemas web a la medida que necesitemos. Y es que aquí realizaremos una serie de funcionalidades utilizando las diversas tecnologías que hemos aprendido durante el curso.

La intención de esta clase es comenzar integrar los conocimientos aprendidos para agilizar y eficientar los tiempos de desarrollo mediante la puesta en práctica de las herramientas que hemos visto.

En esta clase comenzaremos con los preparativos para la creación de un login, comenzando con el formulario y tabla para alta de u· En esta clase comenzaremos con los preparativos para la creación de un login, comenzando con el formulario y tabla para alta de usuarios.suarios.

Aprenderás a convertir el texto capturado en un input a mayúsculas de forma inmediata en cuanto el objeto pierde el foco.

En esta clase comprobaremos la disponibilidad de un nombre de usuario, mediante una consulta a la base de datos utilizando AJAX con JQuery.

Realizaremos la comparación de dos cajas de texto, esto para comprobar que las contraseñas de usuario coincidan, también ocultaremos el botón de guardar para evitar del envió de formulario hasta que las contraseñas coincidan.

Mediante JavaScript crearemos una función para bloquear el envió del formulario cuando se presiona la tecla enter.

En esta clase validaremos si el formulario está siendo enviado mediante método post con el array $_SERVER. Luego recibiremos las variables utilizando la validación real_escape_string y htmlentites.

En esta clase se validan las variables enviadas desde un formulario.

En esta clase se validan las variables enviadas desde un formulario.

En esta clase aprenderás a crear un filtro de búsqueda para una tabla utilizando JavaScript.

Se creara el diseño para el formulario de inicio de sesión al sistema.

Creacion del código para inicio de sesión utilizando variables de sesión con la función session_start()

Se creará el código para cerrar sesión, prohibir el paso a páginas si no se ha iniciado sesión o dar paso en caso de tener una sesión iniciada.