Curso - 48h

Curso de introducción a HTML5 y CSS

Infórmate

Inicio

febrero 2021

Duración

23 feb

Horario

Ambos

Plazas

8 personas

¿A quién va dirigido?

Techies
Si siempre has tenido curiosidad por el sector tecnológico, y te gustaría aprender todo acerca de la maquetación web, este es tu curso. En el aprenderás a desarrollar proyectos web desde cero.
Este curso de HTML5 y CSS es perfecto si quieres iniciarte en el mundo del Frontend como maquetador web o ampliar tus conocimientos en el sector tecnológico.

Diseñadores
Este curso es ideal para todos aquellos diseñadores que quieran ampliar sus conocimientos o mejorar sus skills.  Aprenderás a dar vida a tus diseños convirtiéndolos en código. Los conocimientos que adquirirás, también te ayudarán en tu día a día a la hora de tomar decisiones en tus diseños y como se debe plantear la entrega de un diseño para su maquetación.

Emprendedores
Este curso te ayudará a entender cómo se plantea un proyecto web desde cero y llevarlo acabo de una forma optimizada.

Descripción

El curso te aportará los conocimientos necesarios para poder realizar un proyecto web desde cero. Veremos cómo interpretar los diseños conociendo algunas de las herramientas más utilizadas para la visualización de diseños como Figma, Invision, Marvel, Zeplin, etc. Aprenderemos a utilizar HTML5 desde sus fundamentos hasta conseguir construir estructuras complejas, después nos adentraremos en el funcionamiento de CSS, que nos permitirá estilar nuestros proyectos hasta convertirlos en representaciones idénticas del diseño que hemos hecho o nos han proporcionado.

Contenido del curso

  • Diferencias entre Frontend y Backend 
  • Tecnologías de desarrollo Frontend 
  • Tecnologías de desarrollo Backend
  • Tipos de web: Dinámicas o estáticas
  • Preparación del entorno para el desarrollo
  • Herramientas y tecnologías que se van a utilizar

  • ¿Qué es HTML?
  • Estructura básica de un  HTML
  • Semántica de una etiqueta
  • Etiquetas
  • Atributos
  • Enlaces / navegación
  • Etiquetas multimedia
  • Formularios

  • Semántica de una regla CSS
  • Selectores CSS
  • Formas de agregar estilos
  • Comentarios en CSS
  • Colores
  • Background
  • Borders 
  • Margin
  • Padding
  • Height
  • Width
  • Max-width/Max-height
  • Modelo de caja 
  • Text CSS
  • Tipografías
  • Cómo añadir tipografía de terceros
  • Iconos
  • Cómo añadir iconos de terceros 
  • Link CSS
  • List CSS
  • Display CSS
  • Position
  • Overflow
  • block/inline-block
  • Align
  • Pseudo-clases 
  • Pseudo-elementos
  • Opacity
  • Creación de menú de navegación
  • Dropdowns
  • Selectores de atributos
  • Formulario CSS
  • Unidades de medidas 
  • jerarquía de selectores CSS
  • Especificidad
  • Variables
  • Flexbox
  • Sombras de cajas y textos
  • Degradados CSS
  • Border-radius
  • animaciones y transiciones

  • ¿Qué es responsive web design?
  • Media queries: 
    • ¿Que és?
    • Estructura
    • Formas de incluir media-queries:
    • Medidas standars (breakpoints)

 

 

  • Despliegue y producción 

Contarás con 2 semanas para poder realizar un proyecto final en el que pondrás a prueba todo lo que habrás aprendido a lo largo del curso.

Requisitos

  • Un ordenador portátil (puede ser PC o Mac) para trabajar en la escuela pero sobre todo para poder llevártelo a casa y trabajar cuando y dónde quieras.
  • Muchas ganas de dar un gran salto en tu carrera 🙂 → esto es lo más importante!

Horarios

Mañanas Inscripción abierta

Sábados de 9:30 a 14:00

Próximas convocatorias

23 Febrero

Presencial Martes y jueves de 19:00 a 22:00

27 Febrero

Presencial Sábados 09:30 a 14:00

Infórmate