Curso Experto de Programación Web Front-End

TEMA 1. HERRAMIENTAS NECESARIAS

• Introducción
• Editor de texto
• Navegadores

TEMA 2. INTRODUCCIÓN HTML

• Introducción HTML
• ¿Cómo creamos documento HTML?
• Características básicas

TEMA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

• Textos en HTML
• Enlaces
• Listas en HTML
• Imágenes y objetos

TEMA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS

• Tablas
• Formularios
• Estructuras y layout

TEMA 5. OTRAS ETIQUETAS IMPORTANTES

• Otras etiquetas importantes

TEMA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

• ¿Qué es la Metainformación?
• Accesibilidad
• Validación

TEMA 7. INTRODUCCIÓN CSS

• Introducción CSS
• Soporte de CSS en navegadores
• Especificación oficial
• Funcionamiento básico de CSS
• ¿Cómo incluir CSS en la Web?
• Estilo básico
• Medios CSS
• Comentarios
• Sintaxis de la definición

TEMA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES

• Selectores CSS
• Unidades de medida
• Colores

TEMA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

• Modelo de cajas
• Propiedades de las cajas
• Margen, relleno, bordes y modelo de cajas
• Posicionamiento y visualización
• Posicionamiento
• Visualización

TEMA 10. ESTRUCTURAR UNA PÁGINA LAYOUT

• Introducción a layout
• ¿Cómo centrar una página horizontalmente?
• ¿Cómo centrar una página verticalmente?
• Estructura y layout
• Altura/anchuras máximas y mínimas
• Estilos avanzados

TEMA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS

• Textos en CSS
• Enlaces
• Imágenes
• Listas

TEMA 12. TABLAS, FORMULARIOS Y SHORTHAND

• Tablas
• Formulario

TEMA 13. OTRAS UTILIDADES DE CSS

• Versión para imprimir
• Personalizar el cursor
• Hacks y filtros
• Prioridad en las declaraciones
• Validar CSS
• Recomendaciones Generales
• Recursos útiles

TEMA 14. FIREBUG

• ¿Qué es Firebug?
• ¿Cómo se instala?
• ¿Cómo usamos Firebug?

TEMA 1. INTRODUCCIÓN HTML5

• ¿Qué es HTML5?
• ¿Cuáles son las mejoras?
• Etiquetas Obsoletas
• Etiquetas modificadas
• Lista de etiquetas HTML5
• Atributos eliminados
• Otros cambios
• Estructura HTML5
• Nueva estructuración del body
• Otros elementos nuevos de estructuración

TEMA 2. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES

• Introducción a atributos globales
• Nuevos atributos
• Introducción a los nuevos eventos

TEMA 3. NUEVOS ELEMENTOS SEMÁNTICOS

• Elemento bdi
• Elemento command
• Elemento data
• Elementos details
• Elemento mark
• Elemento meter
• Elemento progress
• Elemento ruby
• Elemento time
• Elemento wbr

TEMA 4. MEJORAS EN LOS FORMULARIOS

• Nuevos elementos para los formularios
• Cambios en el atributo type (input)
• Nuevos atributos para form
• Nuevos atributos para fieldset
• Nuevos atributos para input
• Nuevos atributos para textarea

TEMA 5. OTRAS MEJORAS DE HTML5

• Introducción a los elementos multimedia
• Etiqueta source
• Etiqueta track
• Elemento video
• Elemento audio
• Elemento embed
• Elemento canvas
• Introducción a MathML
• Introducción a SVG
• Introducción a Drag and Drop
• Validador HTML5

TEMA 6. INTRODUCCIÓN A CSS3

• Introducción
• Unidades, colores y fuentes
• Nuevos Selectores y pseudo-clases

TEMA 7. ANIMACIONES, FONDOS Y BORDES

• Propiedades para la animación
• Nuevas propiedades para los fondos
• Nuevas propiedades para bordes

TEMA 8. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES

• Propiedades de las cajas
• Propiedades de las cajas flexibles
• Propiedades del color
• Propiedades para las fuentes

TEMA 9. ENLACES Y MULTI-COLUMNAS

• Propiedades para los hiperenlaces
• Propiedades de las multi-columnas

TEMA 10. TEXTO Y 2D/3D TRANSFORMACIONES

• Propiedades para texto
• Propiedad 2D/3D Transform

TEMA 11. TRANSICIONES E INTERFAZ DE USUARIO

• Propiedades para las transiciones
• Propiedades para la interfaz de usuario
• Validación CSS3

TEMA 1. INTRODUCCIÓN AL PARADIGMA ORIENTADO A OBJETOS

• Ciclo de desarrollo del software bajo el paradigma de orientación a objetos: Análisis, diseño y programación orientada a objetos
• Análisis del proceso de construcción de software: Modularidad
• Distinción del concepto de módulo en el paradigma orientado a objetos
• Identificación de objetos como abstracciones de las entidades del mundo real que se quiere modelar

TEMA 2. CLASES Y OBJETOS

• Distinguir el concepto de clase y sus atributos, métodos y mecanismo de encapsulación
• Análisis de los objetos: Estado, comportamiento e identidad
• Uso de objetos como instancias de clase. Instancia actual (This, Self, Current)
• Identificación del concepto de programa en el paradigma orientado a objetos: POO = Objetos + Mensajes

TEMA 3. GENERALIZACIÓN/ESPECIALIZACIÓN: HERENCIA

• Descripción del concepto de herencia: Simple y múltiple
• Distinción de la herencia múltiple
• Creación de objetos en la herencia
• Clasificación jerárquica de las clases

TEMA 4. RELACIÓN ENTRE CLASES

• Distinción entre Agregación/Composición
• Distinción entre Generalización / Especialización
• Identificación de asociaciones

TEMA 5. ANÁLISIS DE POLIMORFISMO

• Concepto
• Tipos
• Polimorfismo en tiempo de compilación (Sobrecarga)
• Polimorfismo en tiempo de ejecución (Ligadura Dinámica)
• Objetos polimórficos
• Comprobación estática y dinámica de tipos

TEMA 6. TÉCNICAS DE PROGRAMACIÓN ESTRUCTURADA

• Identificación de elementos básicos: constantes, variables, operadores y expresiones
• Análisis de estructuras de control: Secuencial, condicional y de repetición
• Distinción entre funciones y procedimientos
• Demostración de llamadas a funciones y procedimientos
• Empleo de llamadas a funciones y procedimientos incluidos en las clases

TEMA 7. ESTRUCTURA DE LA INFORMACIÓN

• Enumeración de datos simples: Numéricos (enteros y reales), lógicos, carácter, cadena de caracteres, puntero o referencia a memoria
• Datos estructurados: Arrays
• Mecanismos de gestión de memoria

TEMA 8. LENGUAJES DE PROGRAMACIÓN ORIENTADOS A OBJETOS

• Análisis del lenguaje de programación orientado a objetos y paradigma orientado a objetos
• Comparación entre los lenguajes de programación orientados a objetos más habituales. Características esenciales
• Librerías de clases

TEMA 9. IMPLEMENTACIÓN DEL PARADIGMA UTILIZANDO UN LENGUAJE DE PROGRAMACION ORIENTADA A OBJETOS

• Elección del lenguaje
• Enumeración de los tipos de aplicaciones
• Herramientas de desarrollo
• Tipos de datos y elementos básicos característicos del lenguaje. Instrucciones
• Estudio y utilización de las clases básicas incluidas en la librería de clases
• Definición de clases
• Construcción de métodos
• Sobrecarga
• Construcción de atributos
• Construcción de la interfaz de la clase
• Construcción de clases incluyendo relaciones de Agregación /Composición y Asociación
• Construcción de clases con herencia
• Construcción de clases con herencia múltiple
• Definición de clases abstractas
• Construcción de clases con herencia incluyendo poliformismo
• Empleo de excepciones
• Gestión de eventos
• Empleo de hilos
• Definición y análisis de programación en red
• Acceso a bases de datos desde las aplicaciones. Librerías de clases asociadas

TEMA 1. INTRODUCCIÓN A LAS PÁGINAS WEB 

• Introducción
• Programación del lado del cliente
• Programación del lado del Servidor
• ¿Qué utilizaremos?
• ¿Qué necesita saber?
• Nuestro primer ejemplo

TEMA 2. INTRODUCCIÓN A JAVASCRIPT 

• La etiqueta SCRIPT
• Contenido Alternativo
• Variables
• Tipos de Datos
• Operadores
• Cuadros de diálogo
• Práctica

TEMA 3. CONCEPTOS BÁSICOS DE PROGRAMACIÓN 

• Introducción
• Estructuras de decisión
• Estructuras lógicas
• Estructuras de repetición
• Definir funciones
• Llamadas a funciones
• Ámbito de las variables
• Práctica

TEMA 4. OBJETOS EN JAVASCRIPT 

• Introducción
• La jerarquía de objetos
• Propiedades y Eventos
• Métodos 79
• Práctica

TEMA 5. LOS OBJETOS LOCATION E HISTORY 

• ¿Qué es un URL?
• El Objeto Location
• Redirigir a otra página
• El Objeto History
• Práctica

TEMA 6. EL OBJETO DOCUMENT 

• Introducción
• La propiedad Title
• Los colores de la página
• El método write
• El conjunto images
• Práctica

TEMA 7. EL OBJETO FORM 

• Formularios HTML
• El conjunto forms
• La propiedad elements
• Validar la información
• ¿Cuándo realizar la validación?
• Tipos de Validación
• Práctica

TEMA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN 

• El conjunto frames
• El objeto navigator
• El objeto screen
• Práctica

TEMA 1. INSTALACIÓN 

• Introducción
• Obtener el paquete XAMPP
• Instalar el paquete XAMPP
• Apache y MySQL como servicios
• La directiva register_globals
• Práctica

TEMA 2. CREAR UN SITIO WEB 

• ¿Cómo funcionan las páginas PHP?
• Crear un alias en apache
• La página principal
• Práctica

TEMA 3. INTRODUCCIÓN A PHP 

• Las etiquetas PHP
• Variables
• Tipos de datos
• Constantes
• Práctica

TEMA 4. ARRAYS Y ESTRUCTURAS DE CONTROL 

• Arrays
• Estructuras de repetición
• Estructuras de decisión
• Combinar estructuras
• Arrays Asociativos
• El bucle foreach
• Arrays Multidimensionales
• Práctica

TEMA 5. FUNCIONES 

• Introducción
• Crear Funciones
• Llamar a una función
• Paso de parámetros
• Parámetros por defecto
• Práctica

TEMA 6. INCLUIR ARCHIVOS 

• Ámbito de las variables
• Variables estáticas
• Uso de include y require
• Incluir solo una vez
• Seguridad de los archivos incluidos
• Práctica

TEMA 7. PROGRAMACIÓN ORIENTADA A OBJETOS 

• Introducción
• Clases
• Propiedades
• Métodos
• Visibilidad
• Crear Objetos
• Destructores
• Práctica

TEMA 8. HERENCIA 

• Presentación
• Crear subclases
• Crear objetos de las subclases
• Sobrescribir métodos
• El acceso protected
• Práctica

TEMA 9. RECOGER INFORMACIÓN DEL USUARIO 

• Introducción
• El array $_GET
• El array $_POST
• Recogerlos en una página distinta
• Recogerlos en la misma página
• Entradas requeridas
• Práctica

TEMA 10. VALIDACIÓN DE FORMULARIOS 

• Expresiones regulares
• Limpiando la información
• Comprobando el formulario de origen
• Práctica

TEMA 11. COOKIES Y SESIONES 

• Introducción
• Crear cookies
• Caducidad de las cookies
• Dependencia del navegador
• Características de las cookies
• ¿Qué es una sesión?
• El array $_SESSION
• La función od_start() y od_clean()
• Finalizar la sesión
•  El identificador de las sesiones
• ¿Dónde se almacena la información?
•  Práctica

TEMA 12. ACCESO A ARCHIVOS 

• Introducción
• Crear el archivo
• Escribir en el archivo
• Leer de un archivo
• Práctica

TEMA 13. ERRORES Y EXCEPCIONES 

• Errores
• Excepciones
• Práctica

TEMA 1. CONFIGURACIÓN DE LA BASE DE DATOS 

• MySQL
• Contraseña para el root
• Extensión MySQL
• PHPMyAdmin
• Administración de usuarios
• Práctica

TEMA 2. BASE DE DATOS Y SQL 

• Tipos de tablas en MySQL
• Crear tablas
• Relaciones uno a muchos
• Relaciones muchos a muchos
• SQL
• Acceder a la base de datos
• Establecer la conexión
• Mostrar los datos en una tabla
• Cerrar la conexión
• Práctica

TEMA 3. BUSCANDO MÁS FUNCIONALIDAD 

• Ordenar el resultado
• Dividir el resultado en páginas
• Consultas preparadas
• Práctica

TEMA 4. AUTENTIFICACIÓN DE LOS USUARIOS 

• La página de login
• La página de registro
• Asegurar la confidencialidad
• Práctica

TEMA 5. EL PROCESO DE COMPRA (I)

• Introducción
• Modificar listaproductos.php
• La página comprar.php
• Identificar al cliente

TEMA 6. EL PROCESO DE COMPRA (II)

• La página carritocompra.php
• Confirmar el pedido
• La página de desconexión
• Migrar el carrito de la compra
• Probar la compra

TEMA 1. INICIACIÓN A LAS PÁGINAS WEBS CON JQUERY

• Introducción
• Presentación
• ¿Cómo iniciar Jquery?
• ¿Dónde podemos documentarnos?
• Herramientas necesarias

TEMA 2. CONCEPTOS BÁSICOS DE JAVASCRIPT

• Introducción
• Sintaxis Básica
• Operadores
• Control de flujo
• Arrays y Objetos
• Funciones

TEMA 3. CONCEPTOS BÁSICOS DE JQUERY

• Introducción
• Obteniendo JQuery 1.9.1
• El núcleo de jQuery
• Cargar JQuery desde Google
• Novedades de JQuery 1.9

TEMA 4. SELECTORES

• Introducción
• Selectores básicos en jQuery
• Selectores de jerarquía
• Filtros en JQuery

TEMA 5. EVENTOS

• Introducción
• Evento de carga de Página
• Eventos en JQuery
• El objeto Event
• Todavía más Eventos de JQuery

TEMA 6. ATRIBUTOS EN JQUERY

• Introducción
• Operaciones sobre clases
• Leer Atributos
• Modificar Atributos
• Modificar varios valores de atributos a la vez
• Añadir atributos con Attr
• Eliminar un atributo con removeAttr

TEMA 7. CSS EN JQUERY

• Introducción
• Acceso a propiedades con .css()
• Modificar propiedades css con .css (nombre, propiedad, Css, valor)

TEMA 8. AJAX EN JQUERY

• Introducción
• Conceptos Claves
• Cargar un Archivo
• El método GET o POST
• Cargar un Script
• El método AJAX de jQuery

TEMA 9. FORMULARIOS

• Introducción
• Formularios

TEMA 10. EFECTOS EN JQUERY

• Introducción
• Los efectos show() y hide()
• Efectos de fundido
• Creación de una animación
• Envío de funciones callback
• Cola de efectos
• Efectos con desplazamientos

TEMA 11. JQUERY UI

• Introducción
• Instalación
• Usando jQuery UI en nuestra página web
• Plugin draggable
• Componente Dialog
• Componente Button

TEMA 12. PLUGIN EN JQUERY

• Plugins
• Desarrollar Plugins
• Añadir nuevos métodos abreviados
• Parámetros del método
• Otras funciones para plugins
• Compartir un Plugin

TEMA 1. INTRODUCCIÓN A REACT

• Breve historia
• Instalar Node.js
• Configurar el editor de texto

TEMA 2. JAVASCRIPT EN REACT

• Variables
• Funciones
• Compilación
• Objetos y Arreglos
• JavaScript asíncrono
• Módulos ES6
• Programación funcional en JavaScript

TEMA 3. ANATOMIA DE REACT

• Configuración de la página
• El DOM en React
• Elementos y componentes

TEMA 4. INTRODUCCIÓN A JSX

• Comprendiendo JSX
• Babel
• Intro a webpack

TEMA 5. HOOKS EN REACT

• ¿Qué es un Hook?
• Hooks indiscpensables
• Creando Hooks a la medida

TEMA 6. STATE MANAGEMENT CON REACT

• El useState Hook
• Creando un componente de medición
• El useContext Hook
• Configurando MongoDB
• Conectando MongoDB a nuestra aplicación
• Creando un modelo de usuario
• Autenticación de cuentas

TEMA 7. PROCESO DE CONSTRUCCIÓN DE UNA API

• Reestructuración del flujo de datos
• Creando una función AJAX
• Vinculando la API con el usuario

TEMA 8. REACT NATIVE

• Vinculando la API con el usuario
• Aplicaciones para móviles
• Introducción a Styles en React Native

TEMA 9. INTERACTIVIDAD

• Diferentes gestos en los touch screen
• Aplicaciones

TEMA 10. IMPLEMENTACIÓN

• Construcción de la aplicación
• Implementación online