Curso de páginas web para gente que no tiene ni pajolera idea

Hackerman empezó en este curso, y luego hackeó el tiempo

Introducción al curso

Este curso está orientado para gente que jamás haya hecho nada relacionado con las páginas web.

No son necesarios ningún conocimiento previo, salvo el manejo básico de un ordenador, un nivel medio-alto del uso del ratón, y un nivel B2 de teclado.

Dedicándole no más de 5 minutos al día en menos de un mes seremos capaces de construir una bonita página web como la propia página del curso.

  • logo html
  • logo css
  • logo js
  • logo Vue
  • logo more

Contenidos del curso

Esta sección la iré cambiando estos días, pero a groso modo aprenderemos estas cosas:

  • Estructura de una página web
  • Elementos del HTML
  • Hojas de estilo, o CSS
  • Accesibilidad Web
  • Semántica Web
  • Usabilidad Web (o UX, que queda más cool)
  • Un poquito de SEO (search engine optimization)
  • Introducción a javaScript (para quien quiera, como extra)
  • Introducción a los gestores de contenidos. Wordpress.
  • Otras cosas que no tienen nada que ver, pero pueden resultar interesantes y/o entretenidas.

No tengáis miedo. La accesibilidad, usabilidad, semántica y SEO lo aprenderéis sin daros cuenta. La mayoría de esas cosas son de sentido común, y en cuanto os muestre la teoría de esos puntos, os daréis cuenta de que ya lo estabais utilizando anteriormente (si me hacéis los ejercicios).

Temario

Temario provisional del curso.

Pincha sobre un tema o subtema en concreto para acceder directamente a la sección (aún no funciona).

  1. Tema 1 - Introducción a la web
    1. Mi primera web en un minuto
    2. Estructura de una página web
    3. El DOCTYPE
  2. Tema 2 - Etiquetas en HTML
    1. Etiquetas de texto
    2. Etiquetas de imagen
    3. Etiquetas de hypervínculo
    4. Etiquetas de listas
    5. Anidar etiquetas
    6. Elementos en bloque y en línea
    7. La etiquetas de contenedor
    8. Nuevas etiquetas semánticas en HTML5
    9. Atributos de las etiquetas
    10. Tablas
    11. Formularios
    12. La etiqueta iframe
    13. Otras etiquetas
    14. Etiquetas para audio y vídeo
  3. Tema 3 - Un poco de color. Las hojas de estilo (CSS)
    1. Qué es una hoja de estilo
    2. Estilos para los textos.
    3. Estilos para las listas.
    4. Unidades de medida.
    5. Colores.
    6. Estilos para los contenedores.
    7. Estilos chiripitifláuticos.
  4. Tema 4 - CSS Avanzado
    1. Flexbox
    2. Grid CSS
    3. Post CSS
    4. OO CSS, o cómo matar moscas a cañonazos (obsoleto)
    5. Preprocesadores CSS
      1. LESS
      2. SASS
      3. Otros
    6. Trucos rápidos
    7. Efectos especiales y filtros "quasi" fotográficos
  5. Tema 5 - Por el culo te la ahínco
  6. Tema 6 - Introducción casi indolora a javaScript
    1. JavaScript
    2. jQuery
    3. jQuery UI
    4. Plugins jQuery y el placer de cortar y pegar
    5. Frameworks javaScript; a volverse loco
    6. ECS6, panorama y tendencias del javaScript para corto y medio plazo
  7. Tema 7 - Diseño Web
    1. Retrospectiva por los diseños web precedentes
    2. Diseño Web actual: multidispositivo
    3. Mockups, Wireframes y Prototipos. Qué son y para qué sirven
    4. Recursos de diseño web
  8. Tema 8 - Breve introducción a los Gestores de Contenido (CMS)
    1. Wordpress
    2. Prestashop
    3. Otros CMS que lo están petando
  9. Tema 9 - Miscelánea
    1. Construye tu propio reloj de sol
    2. Cómo prevenir un terremoto con la vegiga de una oveja
    3. Diseña y construye tu propia almáciga
    4. Efetos nocivos de la gravedad
    5. Cómo formatear un disco duro a martillazos
    6. Cómo escuchar riguitón sin echar la pota (nivel PRO)

Material de apoyo

Aun no funcionan los links. Poco a poco iré poniendo más y enlazándolos.