• Descripción

La maquetación de páginas web es un proceso complejo donde tener un muy buen conocimiento de HTML y CSS es imprescindible para ahorrar tiempo y conseguir los resultados deseados. Cualquier persona que necesite trabajar con HTML y CSS necesita mantener actualizado su conocimiento de las CSS para conocer todas sus posibilidades y aprovecharlas en su beneficio.

Con el paso del tiempo las páginas web han crecido en complejidad de forma exponencial. Esto ha hecho necesario la creación de metodologías de desarrollo CSS y herramientas que apoyan estas metodologías.

En esta asignatura se profundiza en el conocimiento de las CSS y se introduce al estudiante en el uso de estas herramientas y metodologías que ayudan a desarrollar sitios web ahorrando tiempo y esfuerzo.

Esta asignatura se actualiza cada semestre para ofrecer al estudiante la posibilidad de utilizar las últimas versiones de las herramientas. Por este motivo el material docente se compone en gran parte de enlaces a documentaciones oficiales y publicaciones en revistas técnicas de actualidad que se encuentran solo en inglés.

• La asignatura en el conjunto del plan de estudios

Esta asignatura es la segunda parte de Herramientas HTML y CSS I, aunque se pueden cursar las dos asignaturas en paralelo, o en el orden que se considere oportuno.

• Campos profesionales en el que se proyecta

Esta asignatura es importante para cualquier actividad que implique la creación de páginas web, especialmente para diseñadores web y desarrolladores front-end y de aplicaciones basadas en tecnologías web, independientemente de la plataforma a través de la que lleguen al usuario.

• Conocimientos previos

Esta asignatura requiere un conocimiento consolidado de HTML y CSS. También son adecuados, aunque no imprescindibles, conocimientos sobre JavaScript. Durante la asignatura no se programará en JavaScript, pero algunas de las herramientas que se utilizarán ofrecen más funcionalidades si se combinan con JavaScript.

• Información previa a la matrícula

La gran mayoría del material docente que se utilizará en esta asignatura se encuentra en inglés.

• Objetivos y competencias

• Comprender la necesidad de la utilización de los estándares web y las ventajas de su uso.
• Crear páginas web de acuerdo con los estándares.
• Utilizar las mejores herramientas disponibles para asegurar un proceso de desarrollo eficiente.
• Dominar el uso de las últimas técnicas de maquetado web.
• Dominar el uso de las mejores metodologías CSS.

• Contenidos

1. Un workflow de desarrollo frontend moderno.
   1. Uso del terminal.
   2. Gestores de paquetes. NPM.
   3. Module bundlers. Parcel. UOC Boilerplate.
   4. Pre y postprocesadores CSS. Sass / SCSS.
   5. Control de versiones Git. Publicación de la web.
2. Guías de estilo y metodologías CSS.
   1. Guías de estilo.
   2. Metodologías CSS: OOCSS, BEM, SMACSS, ITCs.
   3. Herramientas: Stylelint.
3. CSS Modern.
   1. Compatibilitat amb navegadors antics.
   2. Pseudoclasses funcionals.
   3. Container queries.
   4. Noves unitats i colors.
   5. Capes de cascada.
4. Librerías de componentes y librerías de utilidades
   1. Librerías de componentes. Bootstrap.
   2. Atomic CSS. Librerías de utilidades. Tailwind.

• Consulta de los recursos de aprendizaje de la UOC para la asignatura

• Informaciones sobre la evaluación en la UOC

En la UOC, la evaluación generalmente es virtual. Se estructura en torno a la evaluación continua, que incluye diferentes actividades o retos; la evaluación final, que se lleva a cabo mediante pruebas o exámenes, y el trabajo final de la titulación.

Las actividades o pruebas de evaluación pueden ser escritas y/o audiovisuales, con preguntas aleatorias, pruebas orales síncronas o asíncronas, etc., de acuerdo con lo que decida cada equipo docente. Los trabajos finales representan el cierre de un proceso formativo que implica la realización de un trabajo original y tutorizado que tiene como objetivo demostrar la adquisición competencial hecha a lo largo del programa.

Para verificar la identidad del estudiante y la autoría de las pruebas de evaluación, la UOC se reserva la potestad de aplicar diferentes sistemas de reconocimiento de la identidad y de detección del plagio. Con este objetivo, la UOC puede llevar a cabo grabación audiovisual o usar métodos o técnicas de supervisión durante la ejecución de cualquier actividad académica.

Asimismo, la UOC puede exigir al estudiante el uso de dispositivos electrónicos (micrófonos, cámaras u otras herramientas) o software específico durante la evaluación. Es responsabilidad del estudiante asegurar que estos dispositivos funcionan correctamente.

El proceso de evaluación se fundamenta en el trabajo personal del estudiante y presupone la autenticidad de la autoría y la originalidad de las actividades académicas. La web sobre integridad académica y plagio de la UOC contiene información al respecto.

La falta de autenticidad en la autoría o de originalidad de las pruebas de evaluación; la copia o el plagio; la suplantación de identidad; la aceptación o la obtención de cualquier actividad académica a cambio o no de una contraprestación; la colaboración, el encubrimiento o el favorecimiento de la copia, o el uso de material, software o dispositivos no autorizados en el plan docente o el enunciado de la actividad académica, incluida la inteligencia artificial y la traducción automática, entre otras, son conductas irregulares en la evaluación que pueden tener consecuencias académicas y disciplinarias graves.

Estas conductas irregulares pueden conllevar el suspenso (D/0) en las actividades evaluables definidas en el plan docente -incluidas las pruebas finales- o en la calificación final de la asignatura, ya sea porque se han utilizado materiales, software o dispositivos no autorizados durante las pruebas (como el uso de inteligencia artificial no permitida, redes sociales o buscadores de información en internet), porque se han copiado fragmentos de texto de una fuente externa (internet, apuntes, libros, artículos, trabajos o pruebas de otros estudiantes, etc.) sin la citación correspondiente, por la compraventa de actividades académicas, o porque se ha llevado a cabo cualquier otra conducta irregular.

Asimismo, y de acuerdo con la normativa académica, las conductas irregulares en la evaluación también pueden dar lugar a la incoación de un procedimiento disciplinario y a la aplicación, si procede, de la sanción que corresponda, de conformidad con lo establecido en la normativa de convivencia de la UOC.

En el marco del proceso de evaluación, la UOC se reserva la potestad de:

• Solicitar al estudiante que acredite su identidad según lo establecido en la normativa académica.
• Solicitar al estudiante que acredite la autoría de su trabajo a lo largo de todo el proceso de evaluación, tanto en la evaluación continua como en la evaluación final, a través de una entrevista oral síncrona, que puede ser objeto de grabación audiovisual, o por los medios establecidos por la UOC. Estos medios tienen el objetivo de verificar los conocimientos y las competencias que garanticen la identidad del estudiante. Si no es posible garantizar que el estudiante es el autor de la prueba, esta puede ser calificada con una D, en el caso de la evaluación continua, o con un suspenso, en el caso de la evaluación final.

Inteligencia artificial en el marco de la evaluación

La UOC reconoce el valor y el potencial de la inteligencia artificial (IA) en el ámbito educativo y, a su vez, pone de manifiesto los riesgos que supone si no se utiliza de forma ética, crítica y responsable. En este sentido, en cada actividad de evaluación se informará al estudiantado sobre las herramientas y los recursos de IA que se pueden utilizar y en qué condiciones. Por su parte, el estudiantado se compromete a seguir las indicaciones de la UOC a la hora de realizar las actividades de evaluación y de citar las herramientas utilizadas y, concretamente, a identificar los textos o imágenes generados por sistemas de IA, los cuales no podrá presentar como si fueran propios.

Respecto a usar o no la IA para resolver una actividad, el enunciado de las actividades de evaluación indica las limitaciones en el uso de estas herramientas. Debe tenerse en cuenta que usarlas de manera inadecuada, como por ejemplo en actividades en las que no están permitidas o no citarlas en las actividades en las que sí lo están, puede considerarse una conducta irregular en la evaluación. En caso de duda, se recomienda que, antes entregar la actividad, se haga llegar una consulta al profesorado colaborador del aula.

• Consulta del modelo de evaluación