Lecciones impartidas en clase (curso 2018/19)

Introducción

Esta lección contiene un índice de las lecciones que estoy impartiendo en clase durante el curso 2018/19, así como los ejercicios que están realizado los alumnos.

Para elaborar este índice estoy utilizando como base las guías de estudio que ofrezco a mis alumnos de la modalidad semipresencial en la plataforma Moodle de la Conselleria de Educación. El trabajo propuesto a estos alumnos es el mismo que siguen en clase mis alumnos de la modalidad presencial, aunque la distribución temporal no sea la misma.

La información se ofrece distribuida en quincenas, ya que es así como está organizada la modalidad semipresencial.

También se pueden consultar las lecciones impartidas en el pasado curso 2017/18.

Quincena Q01: del 10/09/18 al 23/09/18

Presentación

  1. Leed la lección Presentación de los apuntes

Las lecciones de esta quincena son lecciones de introducción. En los exámenes no se preguntará sobre estas lecciones.

Esta quincena os pido instalar varios programas. Si vuestro Windows es de 64 bits, instalad las versiones de 64 bits. Si vuestro Windows es de 32 bits, instalad las versiones de 32 bits.

Historia de la World Wide Web

No es necesario aprenderse de memoria estas lecciones, pero son importantes porque ayudan a entender cómo y por qué la web es como es desde un punto de vista técnico. A lo largo del curso, a medida que vayáis aprendiendo, será interesante releer estos mismos temas para entenderlos mejor.

  1. Leed la lección Resumen

    Esta lección es una breve historia de la web, desde 1991 hasta la actualidad, para que tengáis una idea de conjunto.

  2. Leed la lección Normas y recomendaciones

    Esta lección es también una historia de la web, pero mucho más detallada y organizada por temas, con enlaces a las normas y recomendaciones.

  3. Leed la lección Los navegadores

    Esta lección habla sobre los navegadores más importantes. Lo más importante en esta lección son las gráficas sobre usos de navegadores, aunque en este curso no vamos a entrar en las diferencias entre navegadores, que por otra parte son cada vez menos importantes.

  4. Leed la lección Sistemas operativos y pantallas

    Esta lección habla sobre los sistemas operativos y los tipos de pantallas más utilizadas. Lo más importante en esta lección son las gráficas, que nos indican la creciente importancia de los dispositivos móviles y las características de las pantallas, que deberemos tener en cuenta al diseñar las páginas web.

  5. Leed la lección Cuadros cronológicos

    Esta lección contiene enlaces a muchas normas y recomendaciones, organizadas cronológicamente y por temas. En este curso no es imprescindible consultar las normas originales.

Firefox

Aunque se puede seguir este curso con Google Chrome o Edge (y en algunos casos será necesario utilizarlos), el navegador que recomiendo es Firefox.

  1. Leed la lección Instalación de Firefox.
  2. Descargad Firefox: Firefox (versión 64 bits, recomendada) - Firefox (versión 32 bits)
  3. Instalad Firefox (preferentemente, la versión de 64 bits).
  4. Leed la lección Configuración básica de Firefox.

    Esta lección es para que conozcáis las opciones básicas de configuración. En principio no es necesario cambiar nada, pero yo aconsejo cambiar un par de opciones en la sección Avanzado. También se explica el funcionamiento del zoom en Firefox.

  5. Leed la lección Configuración avanzada de Firefox.

    Esta lección es para que conozcáis cómo acceder a las opciones avanzadas de configuración. Sería interesante que probárais a cambiar el zoom máximo. Más adelante incluiré otros apartados a medida que los necesitemos.

  6. Leed la lección Complementos de Firefox.

    Uno de los puntos fuertes de Firefox es la cantidad de complementos que amplian sus capacidades. En esta lección se explica cómo se instalan las extensiones y se comenta alguna extensión con un poco más de detalle.

  7. Instalad la extensión Colorzilla y comprobad su funcionamiento.
  8. Leed la lección Desarrollador web.

    Este curso voy a intentar utilizar las herramientas de desarrollador web. Empezaremos utilizando el selector de color. Más adelante incluiré otros apartados a medida que los necesitemos.

Chrome

Aunque el navegador que recomiendo es Firefox, si utilizáis Chrome es conveniente que tengáis instalada la extensión Colorzilla.

  1. Leed la lección Extensiones de Chrome.

    Chrome dispone de miles de extensiones que amplian sus capacidades. En esta lección se explica cómo se instalan las extensiones y se comenta alguna extensión con un poco más de detalle.

  2. Instalad la extensión Colorzilla y comprobad su funcionamiento.

Git

El editor de HTML/CSS que vamos a utilizar, Visual Studio Code, solicita que esté instalado Git. Por ello, antes de instalar Visual Studio Code, se recomienda instalar Git. Más adelante, veremos cómo utilizar Git.

  1. Leed la lección Introducción.
  2. Descargad Git for windows 2.19 (64 bits, recomendado) - Git for windows 2.19 (32 bits)
  3. Instalad Git for windows (preferentemente, la versión de 64 bits).
  4. Leed la lección Instalación.

    En esta lección se explica cómo conseguir e instalar Git for windows.

Visual Studio Code

Este curso vamos a utilizar Visual Studio Code (VSC) como editor para HTML/CSS (y de forma opcional, para Python en la segunda parte del curso, y para PHP el curso que viene en el módulo IAW). A lo largo del curso iré completando y ampliando estas lecciones dedicadas a Visual Studio Code

  1. Leed la lección Introducción.
  2. Descargad Visual Studio Code (64 bits, recomendado) - Visual Studio Code (32 bits)
  3. Leed la lección Instalación.

    En esta lección se explica cómo conseguir e instalar VSC.

  4. Instalad Visual Studio Code (preferentemente, la versión de 64 bits).
  5. Leed la lección Personalización.

    En esta lección os explico cómo están organizadas las posibilidades de personalización de VSC.

  6. Leed la lección Configuración recomendada para HTML/CSS.

    En esta lección os detallo la configuración de VSC que quiero que utilicéis.

  7. Configurad Visual Studio Code de acuerdo con la lección Configuración recomendada para HTML/CSS.
  8. Leed la lección Uso de Visual Studio Code.

    En esta lección iré añadiendo explicaciones del manejo de Visual Studio Code a medida que avancemos en su uso.