Curso gratis para: Trabajadores y Empresas, consulta próxima convocatoria
Modalidad del curso: Online
Duración del curso: 1100 Horas
Titulación: Diploma acreditativo con las horas del curso
Curso Gratis Online para Trabajadores y Empresas
Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.
Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.
OBJETIVOS DEL CURSO GRATIS MÁSTER EN PROGRAMACIÓN WEB CON DREAMWEAVER CC + HTML5 + CSS3 + PHP + MYSQL + JAVASCRIPT + JQUERY + AJAX
Este Master en Programación Web con Dreamweaver CC + HTML5 + CSS3 + PHP + MySQL + JavaScript + JQuery + Ajax le ofrece una formación especializada en la materia. La importancia de una buena programación de un sitio web impacta directamente tanto en los usuarios o clientes que posee la empresa, así como en el aumento o disminución del número de visitas, el tiempo que un usuario navega en su página web así como en el éxito de compañía de marketing. Este Master ofrece una formación para ser programador web usando herramientas potentes como son Dreamweaver CC 2014, PHP, JavaScript, My SQL, HTML5, CSS3, JQuery y Ajax.
CONTENIDO DEL CURSO GRATIS MÁSTER EN PROGRAMACIÓN WEB CON DREAMWEAVER CC + HTML5 + CSS3 + PHP + MYSQL + JAVASCRIPT + JQUERY + AJAX
PARTE 1. DISEÑO WEB PROFESIONAL CON DREAMWEAVER CC
UNIDAD DIDÁCTICA 1. PRESENTACIÓN DE LOS CONTENIDOS
- Objetivo del curso: Aprender a utilizar Dreamweaver, uno de los programas más potentes para diseñar páginas web de manera profesional.
- Destinatarios: Diseñadores gráficos y web que desean adquirir habilidades para crear sitios web desde cero.
UNIDAD DIDÁCTICA 2. CONCEPTOS BÁSICOS Y NOVEDADES DE DREAMWEAVER CC
- ¿Qué es un dominio en un sitio web? Concepto y función.
- ¿Qué es un servidor web? Tipos de alojamiento: gratuito, compartido, housing o colocation.
- Resolución de pantalla: tamaños y diferencias entre resoluciones absolutas y relativas.
- Lenguaje HTML: fundamentos y estructura básica de las páginas web.
- Tipografías y colores en la web: uso y selección.
- Prácticas para afianzar conocimientos.
UNIDAD DIDÁCTICA 3. SITIOS Y DOCUMENTOS WEB
- Creación y gestión de sitios en Dreamweaver: pasos para configurar un sitio web, diferencias entre sitio local y remoto, organización del contenido y visualización de archivos.
- Configuración de un sitio web en Dreamweaver.
- Administración y edición de sitios existentes.
- Creación y apertura de documentos: páginas en blanco, plantillas, archivos de muestra y edición de documentos existentes.
- Área de trabajo en Dreamweaver CC.
- Modos de vista: código, código dividido, diseño y vista en vivo.
- Propiedades de la página: estilos CSS y código HTML.
- Prácticas para practicar la gestión de sitios y documentos.
UNIDAD DIDÁCTICA 4. EDICIÓN Y CREACIÓN DE TEXTO
- Insertar y formatear texto: cómo introducir texto en las páginas, modificar fuente, tamaño, color, alineación, sangría y estilos CSS.
- Crear listas: numeradas, no numeradas y de definición, incluyendo listas anidadas y configuración de propiedades.
- Uso de caracteres especiales en HTML.
- Corrección y revisión de textos: búsqueda, sustitución y revisión ortográfica.
- Creación y definición de estilos CSS para textos.
- Tipografías web: selección y utilización de fuentes modernas y personalizadas.
- Prácticas para perfeccionar la edición de textos.
UNIDAD DIDÁCTICA 5. ENLACES
- Inserción de hipervínculos: enlaces internos (anclajes), enlaces externos, correos electrónicos y menús de navegación.
- Diferencias entre rutas absolutas y relativas, y su gestión en Dreamweaver.
- Creación de enlaces a direcciones de email.
- Menús de salto y barras de navegación con widgets.
- Verificación y reparación de vínculos en el sitio web.
- Estilos en enlaces: estados normal, visitado y activo.
- Prácticas para gestionar enlaces eficientemente.
UNIDAD DIDÁCTICA 6. TRABAJAR CON IMÁGENES
- Insertar imágenes en páginas web: formatos gráficos, diferencias y mejores prácticas.
- Propiedades de las imágenes: ajuste, alineación, redimensionado y optimización.
- Efecto rollover: cambios en la imagen al pasar el ratón.
- Mapas de imagen y su configuración.
- Marcadores de posición y objetos inteligentes para imágenes.
- Prácticas para manejar imágenes y efectos visuales.
UNIDAD DIDÁCTICA 7. TABLAS
- Diseño y uso de tablas en páginas web: estructura, contenidos y formateo con Dreamweaver.
- Insertar y seleccionar elementos en tablas.
- Propiedades y estilos CSS aplicados a tablas y celdas.
- Gestión del tamaño y distribución de filas y columnas.
- Copiar, pegar, combinar y anidar tablas.
- Aplicación de estilos CSS a las tablas.
- Prácticas para crear tablas efectivas y visualmente atractivas.
UNIDAD DIDÁCTICA 8. CAPAS Y COMPORTAMIENTO
- Concepto de capas con etiquetas div y span: organización y contenido dinámico.
- Posiciones de las capas: estática, relativa, absoluta y fija.
- Insertar y gestionar capas en Dreamweaver.
- Propiedades de las capas: configuración y estilos CSS.
- Panel CSS para diseño avanzado.
- Capas prediseñadas y su uso.
- Aplicación de comportamientos con código JavaScript para interactividad.
- Prácticas para crear páginas dinámicas y con efectos.
UNIDAD DIDÁCTICA 9. ESTILOS CSS I
- Introducción a las hojas de estilo en cascada (CSS): reglas y separación del contenido y la presentación.
- Panel de estilos: gestión y supervisión de reglas CSS.
- Creación y vinculación de hojas de estilo.
- Propiedades básicas: tipografía, fondos, bloques, cuadros y bordes.
- Consultas de medios y adaptabilidad.
- Definición y uso de selectores CSS.
- Prácticas para aplicar estilos CSS efectivos.
UNIDAD DIDÁCTICA 10. ESTILOS CSS II
- Propiedades avanzadas: listas, posición, transformaciones y animaciones.
- Trabajo con varias clases y estilos en una misma página.
- Hojas de estilos de muestra y diseño con CSS.
- Prácticas para crear diseños modernos y responsivos.
UNIDAD DIDÁCTICA 11. ELEMENTOS MULTIMEDIA Y jQuery UI
- Incorporar archivos SWF: animaciones Flash, vídeos, botones y textos interactivos.
- Integración de elementos multimedia y jQuery para mejorar la experiencia del usuario.
- Insertar archivos FLV, sonidos y vídeos en las páginas.
- Widgets de jQuery UI: acordeón, autocompletar y otros componentes interactivos.
- Prácticas para enriquecer el contenido multimedia.
UNIDAD DIDÁCTICA 12. PLANTILLAS Y BIBLIOTECAS
- Tipos de plantillas y regiones: definición y creación de diseños reutilizables.
- Creación de plantillas a partir de documentos existentes y gestión de regiones editables y repetidas.
- Uso de regiones opcionales y actualización de plantillas.
- Gestión de activos y bibliotecas para facilitar la edición y mantenimiento del contenido.
- Prácticas para optimizar la creación y gestión de plantillas y bibliotecas.
UNIDAD DIDÁCTICA 13. FORMULARIOS Y SITIOS REMOTOS
- Creación y configuración de formularios HTML para recopilar datos del usuario.
- Campos de formularios y validación básica con JavaScript.
- Gestión de sitios remotos: conexión, sincronización y trabajo con servidores.
- Prácticas para implementar formularios funcionales y gestionar contenido remoto.
UNIDAD DIDÁCTICA 14. DISEÑO DE CUADRÍCULA Y FTP
- Diseño de cuadrículas fluidas adaptables a diferentes dispositivos.
- Configuración y sincronización mediante FTP para publicar en línea.
- FTP multicanal para gestionar múltiples sitios simultáneamente.
UNIDAD DIDÁCTICA 15. jQuery Mobile
- Introducción a jQuery Mobile para diseño móvil.
- Temas y personalización de interfaces.
- Uso de paneles y componentes visuales.
- Agregar contenidos y crear páginas responsivas.
- Prácticas para optimizar sitios móviles.
PARTE 2. PROGRAMACIÓN DE PÁGINAS WEB CON PHP Y JAVASCRIPT (CLIENTE + SERVIDOR)
MÓDULO 1. JAVASCRIPT
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS PÁGINAS WEB
- Conceptos básicos y objetivos de las páginas web.
- Programación del lado del cliente: funciones y ventajas.
- Programación del lado del servidor: diferencias y usos.
- Herramientas y tecnologías que utilizaremos.
- Conocimientos previos necesarios.
- Primer ejemplo práctico: creación de una página sencilla.
UNIDAD DIDÁCTICA 2. INTRODUCCIÓN A JAVASCRIPT
- La etiqueta
<script>
: estructura y uso.
- Contenido alternativo para navegadores que no soportan JavaScript.
- Variables y tipos de datos.
- Operadores básicos y expresiones.
- Cuadros de diálogo: alert, confirm, prompt.
- Práctica para aplicar conceptos básicos.
UNIDAD DIDÁCTICA 3. CONCEPTOS BÁSICOS DE PROGRAMACIÓN
- Introducción a la lógica de programación.
- Estructuras condicionales: if, else, switch.
- Operaciones lógicas y booleanas.
- Repeticiones: bucles for, while, do-while.
- Definición y uso de funciones.
- Llamadas a funciones y paso de parámetros.
- Ámbito de variables: local y global.
- Práctica para consolidar conocimientos.
UNIDAD DIDÁCTICA 4. OBJETOS EN JAVASCRIPT
- Introducción a los objetos y su estructura.
- Jerarquía y prototipos de objetos.
- Propiedades y eventos asociados a objetos.
- Métodos y cómo utilizarlos.
- Práctica para crear y manipular objetos.
UNIDAD DIDÁCTICA 5. LOS OBJETOS LOCATION Y HISTORY
- ¿Qué es una URL? Concepto y componentes.
- El objeto
location
: navegación, redirecciones y cambios en la URL.
- El objeto
history
: control de la historia del navegador.
- Práctica para gestionar la navegación en páginas web.
UNIDAD DIDÁCTICA 6. EL OBJETO DOCUMENT
- Introducción y utilidad del objeto
document
.
- Propiedad
title
para modificar el título de la página.
- Control de colores y estilos en la página.
- El método
write()
para generar contenido dinámico.
- Manipulación de imágenes y elementos del DOM.
- Práctica para interactuar con el documento HTML.
UNIDAD DIDÁCTICA 7. EL OBJETO FORM
- Gestión de formularios HTML y su estructura.
- El conjunto
forms
y su manejo.
- Propiedad
elements
para acceder a campos.
- Validación y control de datos introducidos por el usuario.
- Momento adecuado para validar: en evento submit o en tiempo real.
- Tipos de validación: en cliente y en servidor.
- Práctica para validar formularios correctamente.
UNIDAD DIDÁCTICA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN
- El objeto
frames
: gestión de marcos en páginas.
- El objeto
navigator
: información del navegador y plataforma.
- El objeto
screen
: detalles de la pantalla del usuario.
- Práctica para utilizar estos objetos en proyectos web.
MÓDULO 2. PHP
UNIDAD DIDÁCTICA 9. INSTALACIÓN
- Introducción a PHP y su utilidad.
- Descarga e instalación de XAMPP para entornos locales.
- Configuración de Apache y MySQL como servicios.
- Configuración de la directiva
register_globals
.
- Práctica para poner en marcha el servidor local.
UNIDAD DIDÁCTICA 10. CREAR UN SITIO WEB
- Funcionamiento básico de las páginas PHP.
- Creación de un alias en Apache para facilitar el desarrollo.
- Construcción de la página principal del sitio.
- Práctica para poner en marcha un sitio web sencillo.
UNIDAD DIDÁCTICA 11. INTRODUCCIÓN A PHP
- Las etiquetas
<?php ?>
y su uso.
- Definición de variables y tipos de datos.
- Constantes en PHP.
- Práctica para familiarizarse con la sintaxis básica.
UNIDAD DIDÁCTICA 12. ARRAYS Y ESTRUCTURAS DE CONTROL
- Arrays simples y asociativos.
- Estructuras de repetición: for, while, do-while.
- Estructuras condicionales: if, else, switch.
- Combinación de estructuras para lógica avanzada.
- Arrays multidimensionales.
- Prácticas para manipular datos en arrays.
UNIDAD DIDÁCTICA 13. FUNCIONES
- Creación y uso de funciones personalizadas.
- Llamadas a funciones y paso de parámetros.
- Usar parámetros por defecto.
- Prácticas para modularizar el código.
UNIDAD DIDÁCTICA 14. INCLUIR ARCHIVOS
- Variables de ámbito y static.
- Uso de
include
y require
para incluir archivos externos.
- Incluir solo una vez con
include_once
y require_once
.
- Medidas de seguridad en archivos incluidos.
- Prácticas para gestionar componentes reutilizables.
UNIDAD DIDÁCTICA 15. PROGRAMACIÓN ORIENTADA A OBJETOS
- Conceptos básicos: clases y objetos.
- Atributos y métodos.
- Niveles de acceso: public, protected, private.
- Creación de objetos y uso de destructores.
- Prácticas para programar con POO en PHP.
UNIDAD DIDÁCTICA 16. HERENCIA
- Fundamentos de la herencia en PHP.
- Creación de subclases y objetos derivados.
- Sobrescribir métodos y acceder a propiedades protected.
- Prácticas para gestionar jerarquías de clases.
UNIDAD DIDÁCTICA 17. RECOGER INFORMACIÓN DEL USUARIO
- Recopilación de datos con
$_GET
y $_POST
.
- Enviar datos entre páginas y en la misma página.
- Campos requeridos y validación básica.
- Prácticas para gestionar formularios.
UNIDAD DIDÁCTICA 18. VALIDACIÓN DE FORMULARIOS
- Uso de expresiones regulares para validar datos.
- Sanitización y limpieza de datos.
- Verificación en el lado del cliente y servidor.
- Prácticas para validar correctamente los formularios.
UNIDAD DIDÁCTICA 19. COOKIES Y SESIONES
- Concepto y utilidad de las cookies.
- Creación, configuración y caducidad de cookies.
- Dependencia del navegador y gestión segura.
- ¿Qué es una sesión? Uso de
$_SESSION
.
- Funciones para iniciar y cerrar sesiones.
- Almacenamiento y protección de datos de sesiones.
- Prácticas para gestionar sesiones y cookies.
UNIDAD DIDÁCTICA 20. ACCESO A ARCHIVOS
- Creación y apertura de archivos en PHP.
- Lectura y escritura en archivos.
- Prácticas para gestionar archivos en servidores.
UNIDAD DIDÁCTICA 21. ERRORES Y EXCEPCIONES
- Gestión de errores en PHP.
- Uso de bloques try-catch para excepciones.
- Prácticas para manejo seguro de errores.
UNIDAD DIDÁCTICA 22. CONFIGURACIÓN DE BASES DE DATOS
- Introducción a MySQL y su uso en PHP.
- Contraseña de root y configuraciones iniciales.
- Extensión mysqli y phpMyAdmin para gestión.
- Administración de usuarios y permisos.
- Prácticas para preparar y gestionar bases de datos.
UNIDAD DIDÁCTICA 23. BASE DE DATOS Y SQL
- Tipos de tablas y relaciones en MySQL.
- Creación y modificación de tablas.
- Relaciones uno a muchos y muchos a muchos.
- Consultas SQL básicas y avanzadas.
- Conexión y comunicación con la base de datos desde PHP.
- Prácticas para gestionar datos en SQL.
UNIDAD DIDÁCTICA 24. BUSCANDO MÁS FUNCIONALIDAD
- Ordenar resultados en consultas.
- Paginación de datos en aplicaciones web.
- Consultas preparadas para mayor seguridad.
- Prácticas para optimizar consultas y rendimiento.
UNIDAD DIDÁCTICA 25. AUTENTICACIÓN DE USUARIOS
- Página de login y registro.
- Medidas para garantizar confidencialidad y seguridad.
- Prácticas para gestionar accesos y permisos.
UNIDAD DIDÁCTICA 26. PROCESO DE COMPRA
- Introducción al flujo de compra en e-commerce.
- Modificación de scripts como listaproductos.php y comprar.php.
- Identificación del cliente, carrito y confirmación del pedido.
- Proceso de desconexión y migración del carrito.
- Prácticas para implementar un proceso de compra completo.
UNIDAD DIDÁCTICA 27. INTEGRAR CARRITO EN UNA WEB
- Planificación y estructura HTML del carrito.
- Integración con la página actual y gestión de contenido dinámico.
UNIDAD DIDÁCTICA 28. FORMAS DE PAGO
- Introducción a métodos de pago en línea.
- Tipos de pagos: contrareembolso, transferencia, domiciliación, tarjetas y PayPal.
- Implementación y modificación de la interfaz y base de datos.
- Prácticas para ofrecer múltiples opciones de pago seguras y eficientes.
PARTE 3. MY SQL
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A MYSQL
- ¿Qué es MySQL? Concepto y ventajas.
- Open Source y comunidad de usuarios.
- Razones para usar MySQL en proyectos web.
- Detalles técnicos relevantes y características principales.
UNIDAD DIDÁCTICA 2. TIPOS DE DATOS
- Introducción y clasificación de tipos de datos.
- Datos tipo String y Char.
- Datos numéricos y sus variantes.
- Fecha y hora: tipos y formatos.
- Importancia de escoger el tipo correcto para cada columna.
- Relación con otros sistemas de bases de datos.
UNIDAD DIDÁCTICA 3. OPERADORES ARITMÉTICO-LOGICOS Y FUNCIONES
- Operadores básicos y comparación.
- Operadores lógicos: AND, OR, NOT.
- Funciones de fecha para manipular datos temporales.
- Funciones para gestionar cadenas de texto.
- Operaciones aritméticas y matemáticas avanzadas.
UNIDAD DIDÁCTICA 4. SINTAXIS SQL
- Fundamentos de la sintaxis SQL.
- Sentencias para definir estructura y manipular datos: SELECT, INSERT, DELETE, UPDATE.
- Subconsultas y su sintaxis.
- JOINs y combinaciones de tablas.
UNIDAD DIDÁCTICA 5. PROCEDIMIENTOS ALMACENADOS
- Qué son y cómo utilizarlos.
- Creación y gestión de procedimientos y funciones.
- Uso de cursores y control de flujo en procedimientos.
- Trabajo con datos binarios y disparadores (triggers).
UNIDAD DIDÁCTICA 6. TRIGGERS O DISPARADORES
- Qué son los triggers y su utilidad.
- Sintaxis para crear y eliminar triggers.
- Casos de uso comunes en bases de datos.
UNIDAD DIDÁCTICA 7. VISTAS
- Concepto de vistas y su utilidad.
- Creación, modificación y eliminación de vistas.
- Aplicaciones prácticas de las vistas en consultas.
PARTE 4. DISEÑO WEB AVANZADO CON HTML5 Y CSS3
UNIDAD DIDÁCTICA 1. HERRAMIENTAS NECESARIAS
- Recomendaciones de editores de texto.
- Navegadores web para probar los diseños.
UNIDAD DIDÁCTICA 2. INTRODUCCIÓN A HTML
- Qué es HTML y su estructura básica.
- Creación de documentos HTML desde cero.
- Características esenciales del lenguaje.
UNIDAD DIDÁCTICA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS
- Etiquetas para textos y párrafos.
- Insertar y gestionar enlaces.
- Listas ordenadas y no ordenadas.
- Incorporación de imágenes y objetos multimedia.
UNIDAD DIDÁCTICA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS
- Crear y gestionar tablas para presentar datos.
- Diseñar formularios para interacción con usuarios.
- Organizar contenido mediante estructuras y layouts.
UNIDAD DIDÁCTICA 5. OTRAS ETIQUETAS IMPORTANTES
- Etiquetas adicionales imprescindibles para una web completa.
UNIDAD DIDÁCTICA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN
- ¿Qué es la metainformación y su importancia?
- Mejorar la accesibilidad para todos los usuarios.
- Validar el código para garantizar compatibilidad.
UNIDAD DIDÁCTICA 7. INTRODUCCIÓN A CSS
- Conceptos básicos y soporte en navegadores.
- Especificación y sintaxis oficial.
- Incluir CSS en las páginas web.
- Estilos básicos y medios de aplicación.
- Comentarios y buenas prácticas.
UNIDAD DIDÁCTICA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES
- Seleccionar elementos con CSS.
- Unidades de medida: px, %, em, rem, vh, vw.
- Gestión del color en CSS.
UNIDAD DIDÁCTICA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN
- Modelo de cajas y propiedades relacionadas.
- Margen, relleno, borde y tamaño.
- Posicionamiento: static, relative, absolute, fixed.
- Propiedades de visualización: block, inline, flex, grid.
UNIDAD DIDÁCTICA 10. ESTRUCTURAR UNA PÁGINA “LAYOUT”
- Conceptos básicos de layout y estructura.
- Centrado horizontal y vertical.
- Definir alturas, anchuras máximas y mínimas.
- Estilos avanzados para diseños responsivos.
UNIDAD DIDÁCTICA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS
- Estilizar textos con CSS.
- Gestionar enlaces y estados.
- Aplicar estilos a imágenes y listas.
UNIDAD DIDÁCTICA 12. TABLAS, FORMULARIOS Y SHORTHAND
- Estilizar tablas y formularios con CSS.
- Uso de propiedades shorthand para simplificar código.
UNIDAD DIDÁCTICA 13. OTRAS UTILIDADES DE CSS
- Estilos para impresión.
- Personalización del cursor.
- Hacks CSS y filtros visuales.
- Prioridad y cascada de estilos.
- Validación y buenas prácticas en CSS.
- Recursos y herramientas útiles.
UNIDAD DIDÁCTICA 14. FIREBUG
- ¿Qué es Firebug y cómo ayuda en el desarrollo?
- Cómo instalar y usar Firebug para depuración.
UNIDAD DIDÁCTICA 15. INTRODUCCIÓN A HTML5
- ¿Qué es HTML5 y cuáles son sus ventajas?
- Etiquetas obsoletas y modificadas.
- Listado de nuevas etiquetas y atributos.
- Nueva estructura del
<body>
y elementos de estructuración.
UNIDAD DIDÁCTICA 16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES
- Atributos globales y nuevos atributos específicos.
- Eventos actualizados y nuevos tipos de interacción.
UNIDAD DIDÁCTICA 17. NUEVOS ELEMENTOS SEMÁNTICOS
- Elementos como
<bdi>
, <command>
, <data>
, <details>
, <mark>
, <meter>
, <progress>
, <ruby>
, <time>
y <wbr>
.
UNIDAD DIDÁCTICA 18. MEJORAS EN LOS FORMULARIOS
- Nuevos elementos y atributos en formularios.
- Cambios en
type
en inputs.
- Mejoras en
fieldset
, textarea
y otros.
UNIDAD DIDÁCTICA 19. OTRAS MEJORAS DE HTML5
- Incorporación de multimedia:
<video>
, <audio>
, <source>
, <track>
, <embed>
, <canvas>
.
- Introducción a MathML, SVG, Drag & Drop y validadores.
UNIDAD DIDÁCTICA 20. INTRODUCCIÓN A CSS3
- Principios básicos y nuevas unidades, colores y fuentes.
- Nuevos selectores y pseudo-clases para mayor control.
UNIDAD DIDÁCTICA 21. ANIMACIONES, FONDOS Y BORDES
- Propiedades para animaciones y transiciones.
- Nuevas propiedades para fondos y bordes.
UNIDAD DIDÁCTICA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES
- Gestión de cajas y cajas flexibles (Flexbox).
- Propiedades de colores y tipografías modernas.
UNIDAD DIDÁCTICA 23. ENLACES Y MULTI-COLUMNAS
- Estilos para enlaces.
- Diseño multi-columna con CSS.
UNIDAD DIDÁCTICA 24. TEXTO Y TRANSFORMACIONES 2D/3D
- Estilizar textos y aplicar transformaciones en 2D y 3D.
UNIDAD DIDÁCTICA 25. TRANSICIONES E INTERFAZ DE USUARIO
- Animaciones y efectos en la interfaz.
- Validar y optimizar CSS3 para interacción avanzada.
PARTE 5. PROGRAMACIÓN EN JQUERY
TEMA 1. INICIACIÓN A LAS PÁGINAS WEB CON JQUERY
- Introducción y conceptos básicos.
- Presentación de jQuery y su utilidad.
- Pasos para comenzar con jQuery.
- Fuentes de documentación y recursos.
- Herramientas necesarias para el desarrollo.
TEMA 2. CONCEPTOS BÁSICOS DE JAVASCRIPT
- Introducción a la sintaxis y estructura básica.
- Operadores y control de flujo.
- Arrays, objetos y funciones.
TEMA 3. CONCEPTOS BÁSICOS DE JQUERY
- Cómo obtener jQuery 1.9.1.
- El núcleo de jQuery y su carga desde Google.
- Novedades y mejoras en jQuery 1.9.
TEMA 4. SELECTORES
- Selección de elementos con jQuery.
- Selectores básicos y jerárquicos.
- Filtros avanzados.
TEMA 5. EVENTOS
- Eventos de carga y de interacción.
- Uso del objeto
event
.
- Otros eventos en jQuery y su gestión.
TEMA 6. ATRIBUTOS EN jQuery
- Manipulación de clases y atributos.
- Lectura y modificación de atributos.
- Agregar y eliminar atributos dinámicamente.
TEMA 7. CSS EN jQuery
- Acceder y modificar estilos con
.css()
.
- Aplicar estilos en tiempo real.
TEMA 8. AJAX EN jQuery
- Conceptos esenciales y ventajas.
- Cargar archivos y scripts mediante AJAX.
- Usar métodos GET y POST.
- Ejemplo de carga de contenido dinámico.
TEMA 9. FORMULARIOS
- Gestión y validación de formularios.
TEMA 10. EFECTOS EN jQuery
- Mostrar y ocultar elementos con
show()
y hide()
.
- Aplicar efectos de fundido y animaciones.
- Funciones callback y colas de efectos.
TEMA 11. jQuery UI
- Introducción y componentes principales.
- Instalación y uso en páginas web.
- Plugins como draggable, dialog y button.
TEMA 12. PLUG-IN EN jQuery
- Qué son los plugins y cómo desarrollarlos.
- Agregar métodos personalizados y parámetros.
- Compartir y distribuir plugins.
PARTE 6. PROGRAMACIÓN CON AJAX
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A AJAX
- Definición y ventajas de AJAX en el desarrollo web.
- Concepto de RIA (Rich Internet Applications).
UNIDAD DIDÁCTICA 2. INSTALAR MATERIAL NECESARIO
- Descarga del paquete XAMPP para entornos locales.
- Instalación y configuración básica.
- Verificación del funcionamiento de XAMPP.
- Uso de NotePad++ como editor de código.
UNIDAD DIDÁCTICA 3. CONCEPTOS BÁSICOS DE JAVASCRIPT
- Revisión de sintaxis y estructuras básicas.
- Arrays, objetos y funciones.
UNIDAD DIDÁCTICA 4. EL OBJETO XMLHTTP REQUEST
- Introducción y funcionamiento del
XHTTPRequest
.
- Compatibilidad entre navegadores.
- Métodos y propiedades esenciales del objeto.
UNIDAD DIDÁCTICA 5. DOM
- Concepto y estructura del DOM.
- Tipos de nodos y manipulación.
- Interacción entre HTML y DOM.
UNIDAD DIDÁCTICA 6. BOM
- El objeto window y sus funciones.
- Propiedades del objeto document y su uso.
- Gestión de la ubicación, navegador y pantalla.
UNIDAD DIDÁCTICA 7. EVENTOS
- Modelos de eventos en JavaScript.
- Secuencia y flujo de eventos.
- Handlers y listeners para eventos.
UNIDAD DIDÁCTICA 8. HERRAMIENTAS DE DEPURACIÓN
- Herramientas para detectar errores en JavaScript.
- Consola, inspector DOM y depuradores como Venkman y FireBug.
UNIDAD DIDÁCTICA 9. PRIMEROS PASOS CON AJAX
- Historia y conceptos básicos.
- Creación de un ejemplo simple: “hola mundo” con AJAX.
- Utilidades y objetos clave en AJAX.
- Interacción con servidores y seguridad.
UNIDAD DIDÁCTICA 10. PROGRAMACIÓN AVANZADA EN AJAX
- Enviar datos y devolver JavaScript desde el servidor.
- Integración con Google y Google Maps.
UNIDAD DIDÁCTICA 11. FRAMEWORKS Y LIBRERÍAS
- Introducción a frameworks como Prototype y librerías como jQuery.
- Otros frameworks relevantes en el desarrollo AJAX.
UNIDAD DIDÁCTICA 12. OTRAS UTILIDADES
- Detener peticiones incorrectas.
- Optimizar rendimiento en aplicaciones complejas.
- Ofuscar código JavaScript para seguridad.
- Gestionar problemas con dominios diferentes (CORS).