Curso-de-CSS-completo-desde-cero (en construcción)

Como desarrollador web es importante tener un buen conocimiento en CSS. En este curso vas aprender todo lo necesario para dominar este lenguaje de estilos.

Hacer el curso en vídeo

Índice del curso

1. CSS básico
   1. Introducción a CSS
   2. Sintaxis
   3. Selectores
   4. Añadir CSS al HTML
   5. Colores
   6. Backgrounds
   7. Bordes
   8. Margins
2. Responsive Design
   1. Introducción al responsive design
3. Componentes típicos
4. Proyecto usando Float
   1. Presentación y recursos
   2. Estructura del proyecto
   3. Estructura básica de HTML y CSS
   4. Fuentes personalizadas
   5. HTML del Header
   6. CSS del Header
   7. HTML del menú principal
   8. CSS del menú principal
   9. HTML del aside
   10. CSS del aside
   11. HTML del contenido
   12. CSS del contenido
   13. HTML del footer
   14. CSS del footer
   15. BONUS - Crear diferentes temas
5. Proyecto Responsive Web
   1. Presentación y recursos
   2. Estructura del proyecto
   3. Estructura básica de HTML y CSS
   4. Estilos generales
   5. Montamos el grid
   6. Estructura de menu, contenido y aside
   7. HTML del menu
   8. CSS del menu
   9. HTML de los productos
   10. CSS de los productos
   11. HTML del aside
   12. CSS del aside
   13. HTML del footer
   14. CSS del footer
   15. BONUS - Efectos sobre las imágenes
6. Aprendiendo Flexbox
   1. ¿Qué es Flexbox?
   2. Flex container
   3. Flex items
   4. Media queries con Flexbox
   5. Galería de imágenes con Flexbox
   6. Layout con flexbox
   7. Jugamos a Flexbox Froggy
   8. Jugamos a Flexbox Defense
7. Casos de uso y ejemplos de flexbox
   1. Navegación
   2. Tarjetas
   3. Objetos multimedia
   4. En formularios
8. Proyecto de maquetación con flexbox
   1. Presentación y recursos
   2. Estructura del proyecto
   3. Header HTML y CSS
   4. Barra de navegación HTML y CSS
   5. Estructura del aside y contenido
   6. Aside HTML y CSS
   7. Contenido HTML y CSS
   8. Footer HTML y CSS
   9. BONUS - Flip Card
9. Aprendiendo Grid layout
   1. Introducción a Grid Layout
   2. Grid container
   3. Grid gap
   4. Grid items
   5. Media queries con Grid Layout
   6. Layout responsive con Grid Layout sin media queries
   7. Jugamos a Grid Garden
10. Proyecto usando Grid Layout
    1. Presentación y recursos
    2. Estructura del proyecto
    3. HTML del calendario
    4. CSS del container
    5. Preparamos el grid
    6. CSS de las tareas
    7. BONUS - Detalles de las tareas en hover
11. Proyecto con Grid Layout y Flexbox
    1. Presentación y recursos
    2. Estructura del proyecto
    3. HTML de los menús
    4. Montamos el CSS Grid Layout
    5. CSS del header
    6. CSS del sidebar
    7. Añadimos el Footer
    8. JavaScript para añadir las imágenes
    9. Flex para organizar las imágenes
    10. BONUS - Las imágenes en columnas CSS

👋 Hola, mi nombre es Kiko Palomares

Soy fullstack developer desde hace más de 10 años, autor del libro No todo es programar, trabajo como líder de equipo en una empresa y también me dedico a divulgar contenido sobre programación y tecnología en la red. Puedes seguir todo mi contenido desde mi página web https://kikopalomares.com/ o mis redes sociales como @kikopalomares.

Puedes apoyar mi trabajo nominándome como GitHub Star o marcando la ★ Star del repositorio.