Herramientas avanzadas de HTML y CSS Código:  M1.966    :  6
Consulta de los datos generales   Descripción   La asignatura en el conjunto del plan de estudios   Campos profesionales en el que se proyecta   Conocimientos previos   Información previa a la matrícula   Objetivos y competencias   Contenidos   Consulta de los materiales de los que dispone la asignatura   Consulta del modelo de evaluación  
ATENCIÓN: Esta información recoge los apartados del plan docente de la asignatura durante el último semestre con docencia. Al iniciar el periodo de matrícula, podrás consultar el calendario y modelo de evaluación para el siguiente semestre en Secretaría/ Matrícula / Horarios pruebas de evaluación final.
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 dan soporte a dichas metodologías. 

En esta asignatura se profundiza en el conocimiento de las CSS y se introduce al estudiante en el uso de esas 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 usar las últimas versiones de las herramientas. Por ese 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 tan solo en inglés.

Amunt

Esta asignatura es una continuación de la asignatura Lenguajes y estándares web que se ofrece como complemento de formación. También en la asignatura Tecnologías y herramientas para el desarrollo web se tratan temas relacionados con los contenidos de esta asignatura y por tanto es conveniente haberla cursado antes, aunque podrían cursarse ambas a la vez en caso que fuese necesario.

Amunt

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

Amunt

Esta asignatura requiere un conocimiento asentado 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 usarán ofrecen mayores funcionalidades si se combinan con JavaScript.

Amunt

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

Amunt

Competencias
  • Capacidad para crear y diseñar los elementos gráficos y visuales de un producto o aplicación multimedia usando procedimientos creativos, fundamentos básicos del diseño y un lenguaje formal.
  • Capacidad para usar de forma apropiada los lenguajes de programación y las herramientas de desarrollo para el análisis, diseño e implementación de aplicaciones.
  • Capacidad de organizar y gestionar la información usando tecnologías de bases de datos, lenguajes y modelos estándares.
  • Capacidad para integrar y gestionar contenidos digitales en aplicaciones multimodales de acuerdo con criterios estéticos, técnicos y funcionales.
  • Conocer los lenguajes de marcado y las tecnologías para manipularlos
  • Ser capaz de organizar el contenido y diseñar la interacción (arquitectura de la información, guiones, hipertexto, hipermedia)
  • Tener conocimientos de percepción visual, composición (cognición, emoción y atención)
Objetivos
  • 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.

Amunt

  1. Herramientas para desarrolladores en los navegadores
    1. Inspector y editor de estilo
    2. Modo de diseño responsive
  2. Taskrunners.
    1. “Scaffolding”
    2. Pre y postpocesadores CSS
  3. Maquetado avanzado (Flexbox y Grid)
    1. Bootstrap o Foundation
    2. Flex 
    3. Grid 
  4. Metodologías CSS
    1. OOCSS
    2. BEM 
    3. SMACSS 
    4. ITCSS 

Amunt

Esta asignatura sólo puede superarse a partir de la evaluación continua (EC). La nota final de evaluación continua se convierte en la nota final de la asignatura. La fórmula de acreditación de la asignatura es la siguiente: EC.

 

Amunt