Temario y recursos del Curso de Responsive Design: Maquetación Mobile First
Temario del Curso de Responsive Design: Maquetación Mobile First
Setup inicial
- Analizando el diseño
- El valor de Mobile First
- Arquitectura inicial
- Assets de nuestro proyecto
- Fuentes de nuestro proyecto
- Estilos base
Sección de Header
Sección de Intercambios
- Estructura base de la sección de intercambio
- Imagen de background
- Estructura de tabla de monedas
- Estilos base de tabla de monedas
- Detallando estilos de tabla de monedas
- Finalizando estilos de tabla de monedas
Sección de Beneficios
- Estructura base de la sección de beneficios
- Estilos de la sección de beneficios
- Maquetando tarjetas de beneficios
Para este curso vas a necesitar
5 Horas de contenido
20 Horas de práctica
Conocimientos previos
- javascript
- HTML y CSS
Software para este curso
- Editor de código VS Code u otro
- Navegador Google Chrome u otro
Proyecto del curso
Construye un sitio web totalmente responsivoCrearás el frontend de un sitio web partiendo de su wireframe, analizarás su arquitectura y construirás en código cada una de sus partes para que este se adapte a cualquier dispositivo de los usuarios.
Para este curso vas a necesitar
5 Horas de contenido
20 Horas de práctica
Conocimientos previos
- javascript
- HTML y CSS
Software para este curso
- Editor de código VS Code u otro
- Navegador Google Chrome u otro
Proyecto del curso
Construye un sitio web totalmente responsivoCrearás el frontend de un sitio web partiendo de su wireframe, analizarás su arquitectura y construirás en código cada una de sus partes para que este se adapte a cualquier dispositivo de los usuarios.
Setup inicial
- Analizando el diseño
- El valor de Mobile First
- Arquitectura inicial
- Assets de nuestro proyecto
- Fuentes de nuestro proyecto
- Estilos base
Sección de Header
Sección de Intercambios
- Estructura base de la sección de intercambio
- Imagen de background
- Estructura de tabla de monedas
- Estilos base de tabla de monedas
- Detallando estilos de tabla de monedas
- Finalizando estilos de tabla de monedas
Sección de Beneficios
- Estructura base de la sección de beneficios
- Estilos de la sección de beneficios
- Maquetando tarjetas de beneficios
