Curso de introducción al desarrollo web (iDESWEB)

El índice completo del curso de Introducción al desarrollo web iDESWEB con todos los enlaces a los vídeos.

---

Referencias:

• HTML - CSS y más: http://www.w3schools.com/
• JAVASCRIPT: http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf 
• DOM: http://www.w3.org/DOM/ || http://www.w3.org/DOM/DOMTR
• TIPOGRAFÍA: http://tipografiadigital.net/
• ACCESIBILIDAD WEB: http://accesibilidadweb.dlsi.ua.es/
• MUSEO PHP: http://museum.php.net/
• XAMPP: http://www.apachefriends.org/
• PHP: http://www.php.net/manual/es/getting-started.php
• MYSQL: https://dev.mysql.com/doc/
• Índice TIOBE: http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html
• JAVASCRIPT TOOLS: http://codegeekz.com/javascript-tools/ 

---

Módulo 0: Presentación

• Video de presentación

Módulo 1: HTML: conceptos básicos, conceptos avanzados, HTML5. Prototipado de aplicaciones

HTML: conceptos básicos

• HTML: conceptos básicos (parte 1)
• HTML: conceptos básicos (parte 2)
• HTML: conceptos básicos (parte 3)
• HTML: conceptos básicos (parte 4)
• HTML: problemas con los editores
• HTML: tres errores típicos
• HTML: listas
• HTML: tablas
• HTML: enlaces
• HTML: imágenes

HTML: conceptos avanzados

• HTML: juego de caracteres
• HTML: el juego de caracteres y los editores de texto
• HTML: ¿migrar a un nuevo juego de caracteres?
• HTML: Formularios - Parte 1
• HTML: Formularios - Parte 2
• HTML: validación del código
• ¿Vas a explicar HTML5 y CSS3? - iDESWEB

HTML5

• HTML5: ¿Qué es HTML5?
• HTML5: Nuevas funcionalidades en formularios (parte 1)
• HTML5: Nuevas funcionalidades en formularios (parte 2)
• HTML5: Ejemplo de formulario

Prototipado de aplicaciones

• Prototipado: wireframes, mockups y prototipos
• Prototipos visuales de alta fidelidad

Módulo 2: CSS: conceptos básicos. Propiedad intelectual y licencias de uso. Usabilidad. Desarrollo web

CSS: conceptos básicos

• CSS: conceptos básicos
• CSS Como se usa en HTML I
• CSS Como se usa en HTML II
• CSS Como se usa en HTML III
• CSS: Selectores
• CSS: Colores
• CSS: Ordenar un CSS

Propiedad intelectual y licencias de uso

• CSS: Propiedad intelectual y licencia de uso

Usabilidad

• CSS: Usabilidad pricipios básicos
• CSS: Usabilidad qué es
• CSS: Usabilidad web, consejos
• CSS: La posición del botón aceptar
• CSS: Tres consejos de usabilidad I
• CSS: Tres consejos de usabilidad II
• CSS: Usabilidad Análisis de la usabilidad de un formulario de inscripción
• CSS: Errores web Formulario de búsqueda en dominios .es
• Errores web El marcador de posición

Desarrollo Web

• Desarrollo web
• ¿Hasta cuándo tengo que soportar un navegador web

Módulo 3: CSS: conceptos avanzados, CSS3, frameworks. Tipografía web. Alojamiento

CSS: conceptos avanzados

• CSS: Selectores avanzados
• CSS: la web única (one web)
• CSS: diseño adaptable, adaptativo o flexible
• CSS: creación de un diseño adaptable, adaptativo o flexible (parte 1)
• CSS: creación de un diseño adaptable, adaptativo o flexible (parte 2)
• CSS: creación de un diseño adaptable, adaptativo o flexible (parte 3)
• Zen Coding para HTML y CSS

CSS3

• CSS: Colores - Novedades en CSS3
• CSS: Novedades en CSS3

Frameworks de CSS

• Frameworks de CSS: 960.gs
• Frameworks CSS: Bootstrap

Tipografía web

• Introducción a la tipografía web I (parte 1)
• Introducción a la tipografía web I (parte 2)

Alojamiento

• Cómo publicar un sitio web: Alojamiento (hosting) (1/3)
• Cómo publicar un sitio web: Alojamiento (hosting) (2/3)
• Cómo publicar un sitio web: Alojamiento (hosting) (3/3)
• Alojamiento (Hosting) Gratuito
• Alojamiento (Hosting) Gratuito - Hostinger.es
• Alojamiento (Hosting) Gratuito - 000webhost.com

Módulo 4: JavaScript: conceptos básicos, conceptos avanzados

JavaScript: conceptos básicos

• JavaScript: historia
• JavaScript: cómo aprender JS
• JavaScript: sintaxis básica

JavaScript en una página web

• JavaScript: cómo se utiliza en una página web

JavaScript: orientación a objetos

• JavaScript: orientación a objetos básica

JavaScript: depuración de errores

• JavaScript: depuración de errores (parte 1)
• JavaScript: depuración de errores (parte 2)
• JavaScript: depuración de errores (parte 3)

JavaScript: validación de un formulario

• JavaScript: validación de un formulario

Módulo 5: JavaScript: orientación a objetos, expresiones regulares. DOM: objetos, métodos y propiedades

JavaScript: orientación a objetos

• JavaScript: cadenas
• JavaScript: objeto Array
• JavaScript: objeto Date
• JavaScript: objeto Math
• JavaScript: objeto Number
• JavaScript: objeto RegExp

Expresiones regulares

• Expresiones regulares: conceptos básicos
• Expresiones regulares: sintaxis Perl/PCRE

DOM

• DOM: introducción
• DOM: cómo recorrer un documento

Módulo 6: JavaScript: cookies, frameworks. DHTML. Accesibilidad

Cookies

• Cookies: ¿Qué son y para qué sirven?
• Cookies: ¿Cómo funcionan?
• Cookies: Uso en JavaScript

Frameworks de JavaScript

• JavaScript: frameworks (Ext JS)

DHTML

• DHTML (parte 1)
• DHTML (parte 2)
• DHTML (parte 3)

Accesibilidad

• Accesibilidad: Discapacidad en la web (parte 1 - visual)
• Accesibilidad: Discapacidad en la web (parte 2)
• Entrevista a Santi Trigueros, una persona sordociega (parte 1)
• Entrevista a Santi Trigueros, una persona sordociega (parte 2)
• Entrevista a Santi Trigueros, una persona sordociega (parte 3)
• Accesibilidad web: 4 elementos más problemáticos
• Accesibilidad web: Legislación en España

Módulo 7: Arquitectura de una aplicación web. XAMPP. PHP: conceptos básicos, manejo de formularios

Arquitectura de una aplicación web

• Consulta el apartado 4.5 Arquitecturas de las aplicaciones web del libro Programación de aplicaciones web: historia, principios básicos y clientes web en el que se explican varios tipos de arquitecturas de las aplicaciones web. Si no tienes claro qué es una arquitectura cliente/servidor, consulta también el Capítulo 3 Arquitecturas cliente/servidor.

Introducción a PHP

• PHP: ¿por qué PHP?
• PHP: historia

XAMPP

• PHP: XAMPP
• PHP: XAMPP Problemas

Sintaxis básica

• PHP: sintaxis básica
• PHP: mi primera página

Manejo de formularios

• PHP: manejo de formularios con GET y POST

Módulo 8: PHP: cadenas, arrays, cookies y sesiones

Cadenas

• PHP: cadenas (sintaxis)
• PHP: cadenas (funciones)

Arrays

• PHP: arrays (sintaxis)
• PHP: arrays (funciones)

Cookies

• Cookies: ¿Qué son y para qué sirven?
• Cookies: ¿Cómo funcionan?
• PHP: cookies

Sesiones

• PHP: sesiones
• PHP: uso de sesiones

Módulo 9: MySQL. phpMyAdmin. PHP: acceso a una base de datos MySQL

El modelo relacional

• El modelo relacional, contexto

También deberías leer los artículos de la Wikipedia el modelo relacional y base de datos relacional. Por último, si quieres, puedes leer el artículo de Edgar F. Cood A Relational Model of Data for Large Shared Data Banks, publicado en Communications of the ACM in 1970, pero es "duro de leer".

MySQL

• Brevísima historia de MySQL

XAMPP y MySQL

• XAMPP-MySQL, ejemplos de configuración: instalación y ejemplos de configuración
• XAMPP-MySQL, ejemplos de configuración: dos instancias en el mismo servidor

phpMyAdmin

• Introducción a phpMyAdmin (parte 0 o resumen)
• Introducción a phpMyAdmin (parte 1)
• Introducción a phpMyAdmin (parte 2)
• Introducción a phpMyAdmin (parte 3)
• Introducción a phpMyAdmin (parte 4)

Acceso a una base de datos

• PHP: acceso a una base de datos

Apartado del manual oficial de PHP a Extensiones de bases de datos, sus principales capas son ODBC y PDO. Aunque también existe ADOdb

Acceso a una base de datos MySQL

• PHP: MySQL
• ¿Por qué el uso de la extensión MySQL (ext/mysql), que he utilizado durante más de 10 años, está desaconsejado? ¿Está obsoleta? ¿Qué utilizo en su lugar? ¿Cómo puedo migrar?
• Elegir una API para conectarse a MySQL
• PHP: ejemplo de inyección de SQL
• Inyección SQL
• Inyección de SQL

Módulo 10: PHP: acceso a una base de datos ODBC, funciones de filtrado, expresiones regulares

Acceso a una base de datos con ODBC

• PHP: acceso a una base de datos con ODBC
• PHP: acceso a una base de datos con ODBC - Ejemplo

Validación en el servidor

• PHP: validación en el servidor

Funciones de filtrado

• PHP: funciones de filtrado

Expresiones regulares

• Expresiones regulares: conceptos básicos
• Expresiones regulares: sintaxis Perl/PCRE

Expresiones regulares en PHP

• PHP: expresiones regulares

Módulo 11: PHP: manejo de ficheros y sistema de ficheros, subida de ficheros, tratamiento de imágenes

Manejo de ficheros

• PHP: manejo de ficheros

Sistema de ficheros

• PHP: sistema de ficheros
• PHP: sistema de ficheros (ejemplo)

Subida de ficheros

• PHP: subida de ficheros
• PHP: subida de ficheros (ejemplo)

Tratamiento de imágenes

• PHP: generación de imágenes

Módulo 12: PHP: orientación a objetos, excepciones

Orientación a objetos en PHP4

• PHP: orientación a objetos (PHP4)

Orientación a objetos en PHP5

• PHP: orientación a objetos (PHP5)

mysqli

• PHP: mysqli

ADOdb

• PHP: ADOdb

Excepciones: conceptos básicos

• PHP 5: Excepciones - Conceptos básicos

Excepciones: sintaxis

• PHP 5: Excepciones - Sintaxis

Excepciones: ejemplo sencillo

• PHP 5: Excepciones - Ejemplo sencillo

Excepciones: ejemplo complejo

• PHP 5: Excepciones - Ejemplo complejo (1/4)
• PHP 5: Excepciones - Ejemplo complejo (2/4)
• PHP 5: Excepciones - Ejemplo complejo (3/4)
• PHP 5: Excepciones - Ejemplo complejo (4/4)

Despedida

iDESWEB en MiriadaX: despedida primera edición (abril 2013)